@vuetify/nightly 3.6.4-master.2024-05-08 → 3.6.4-master.2024-05-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.
Files changed (41) hide show
  1. package/CHANGELOG.md +12 -2
  2. package/dist/json/attributes.json +25 -1
  3. package/dist/json/importMap-labs.json +16 -16
  4. package/dist/json/importMap.json +144 -144
  5. package/dist/json/tags.json +6 -0
  6. package/dist/json/web-types.json +62 -2
  7. package/dist/vuetify-labs.css +3447 -3400
  8. package/dist/vuetify-labs.d.ts +54 -0
  9. package/dist/vuetify-labs.esm.js +31 -17
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +31 -17
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +1209 -1162
  14. package/dist/vuetify.d.ts +100 -46
  15. package/dist/vuetify.esm.js +31 -17
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +31 -17
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +13 -12
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VDataTable/VDataTable.mjs +6 -2
  23. package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
  24. package/lib/components/VDataTable/VDataTableServer.mjs +3 -2
  25. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  26. package/lib/components/VDataTable/VDataTableVirtual.mjs +3 -1
  27. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  28. package/lib/components/VDataTable/index.d.mts +54 -0
  29. package/lib/components/VFileInput/VFileInput.mjs +1 -1
  30. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  31. package/lib/components/VStepper/VStepper.mjs +12 -6
  32. package/lib/components/VStepper/VStepper.mjs.map +1 -1
  33. package/lib/components/VStepper/VStepperItem.css +47 -0
  34. package/lib/components/VStepper/VStepperItem.mjs +5 -3
  35. package/lib/components/VStepper/VStepperItem.mjs.map +1 -1
  36. package/lib/components/VStepper/VStepperItem.sass +18 -0
  37. package/lib/components/index.d.mts +54 -0
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/index.d.mts +46 -46
  41. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.4-master.2024-05-08
2
+ * Vuetify v3.6.4-master.2024-05-10
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17595,15 +17595,6 @@ html.overflow-y-hidden {
17595
17595
  font-size: 0.9em;
17596
17596
  font-weight: normal;
17597
17597
  padding: 0.2em 0.4em;
17598
- }.v-kbd {
17599
- background: rgb(var(--v-theme-kbd));
17600
- color: rgb(var(--v-theme-on-kbd));
17601
- border-radius: 3px;
17602
- display: inline;
17603
- font-size: 85%;
17604
- font-weight: normal;
17605
- padding: 0.2em 0.4rem;
17606
- 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));
17607
17598
  }.v-ripple__container {
17608
17599
  color: inherit;
17609
17600
  border-radius: inherit;
@@ -17640,6 +17631,15 @@ html.overflow-y-hidden {
17640
17631
  .v-ripple__animation--out {
17641
17632
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17642
17633
  opacity: 0;
17634
+ }.v-kbd {
17635
+ background: rgb(var(--v-theme-kbd));
17636
+ color: rgb(var(--v-theme-on-kbd));
17637
+ border-radius: 3px;
17638
+ display: inline;
17639
+ font-size: 85%;
17640
+ font-weight: normal;
17641
+ padding: 0.2em 0.4rem;
17642
+ 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));
17643
17643
  }.v-application {
17644
17644
  display: flex;
17645
17645
  background: rgb(var(--v-theme-background));
@@ -17656,18 +17656,6 @@ html.overflow-y-hidden {
17656
17656
  min-height: 100vh;
17657
17657
  min-height: 100dvh;
17658
17658
  position: relative;
17659
- }.v-app-bar {
17660
- display: flex;
17661
- }
17662
- .v-app-bar.v-toolbar {
17663
- background: rgb(var(--v-theme-surface));
17664
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17665
- }
17666
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17667
- 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));
17668
- }
17669
- .v-app-bar:not(.v-toolbar--absolute) {
17670
- padding-inline-end: var(--v-scrollbar-offset);
17671
17659
  }.v-alert {
17672
17660
  display: grid;
17673
17661
  flex: 1 1;
@@ -17880,77 +17868,194 @@ html.overflow-y-hidden {
17880
17868
  text-transform: none;
17881
17869
  word-break: normal;
17882
17870
  word-wrap: break-word;
17883
- }.v-badge {
17884
- display: inline-block;
17885
- line-height: 1;
17871
+ }.v-app-bar {
17872
+ display: flex;
17873
+ }
17874
+ .v-app-bar.v-toolbar {
17875
+ background: rgb(var(--v-theme-surface));
17876
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17877
+ }
17878
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17879
+ 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));
17880
+ }
17881
+ .v-app-bar:not(.v-toolbar--absolute) {
17882
+ padding-inline-end: var(--v-scrollbar-offset);
17883
+ }.v-autocomplete .v-field .v-text-field__prefix,
17884
+ .v-autocomplete .v-field .v-text-field__suffix,
17885
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17886
+ cursor: text;
17887
+ }
17888
+ .v-autocomplete .v-field .v-field__input > input {
17889
+ flex: 1 1;
17890
+ }
17891
+ .v-autocomplete .v-field input {
17892
+ min-width: 64px;
17893
+ }
17894
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17895
+ min-width: 0;
17896
+ }
17897
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17898
+ margin-inline-end: 2px;
17899
+ }
17900
+ .v-autocomplete .v-autocomplete__selection-text {
17901
+ overflow: hidden;
17902
+ text-overflow: ellipsis;
17903
+ white-space: nowrap;
17886
17904
  }
17887
17905
 
17888
- .v-badge__badge {
17906
+ .v-autocomplete__content {
17907
+ overflow: hidden;
17908
+ 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));
17909
+ border-radius: 4px;
17910
+ }
17911
+ .v-autocomplete__mask {
17912
+ background: rgb(var(--v-theme-surface-light));
17913
+ }
17914
+ .v-autocomplete__selection {
17915
+ display: inline-flex;
17916
+ align-items: center;
17917
+ height: 1.5rem;
17918
+ letter-spacing: inherit;
17919
+ line-height: inherit;
17920
+ max-width: calc(100% - 2px - 2px);
17921
+ }
17922
+ .v-autocomplete__selection:first-child {
17923
+ margin-inline-start: 0;
17924
+ }
17925
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17926
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17927
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17928
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17929
+ top: 0px;
17930
+ }
17931
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17932
+ opacity: var(--v-medium-emphasis-opacity);
17933
+ }
17934
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17935
+ opacity: 1;
17936
+ }
17937
+ .v-autocomplete--selecting-index .v-field__input > input {
17938
+ caret-color: transparent;
17939
+ }
17940
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17941
+ flex: 1 1;
17942
+ position: absolute;
17943
+ left: 0;
17944
+ right: 0;
17945
+ width: 100%;
17946
+ padding-inline: inherit;
17947
+ }
17948
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17949
+ transition: none;
17950
+ }
17951
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17952
+ opacity: 0;
17953
+ }
17954
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17955
+ opacity: 0;
17956
+ }
17957
+ .v-autocomplete__menu-icon {
17958
+ margin-inline-start: 4px;
17959
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17960
+ }
17961
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17962
+ opacity: var(--v-high-emphasis-opacity);
17963
+ transform: rotate(180deg);
17964
+ }.v-avatar {
17965
+ flex: none;
17889
17966
  align-items: center;
17890
17967
  display: inline-flex;
17891
- border-radius: 10px;
17892
- font-size: 0.75rem;
17893
- font-weight: 500;
17894
- height: 1.25rem;
17895
17968
  justify-content: center;
17896
- min-width: 20px;
17897
- padding: 4px 6px;
17898
- pointer-events: auto;
17899
- position: absolute;
17969
+ line-height: normal;
17970
+ overflow: hidden;
17971
+ position: relative;
17900
17972
  text-align: center;
17901
- text-indent: 0;
17902
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17903
- white-space: nowrap;
17904
- background: rgb(var(--v-theme-surface-variant));
17905
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17973
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17974
+ transition-property: width, height;
17975
+ vertical-align: middle;
17976
+ border-radius: 50%;
17906
17977
  }
17907
- .v-badge--bordered .v-badge__badge::after {
17978
+ .v-avatar.v-avatar--size-x-small {
17979
+ --v-avatar-height: 24px;
17980
+ }
17981
+ .v-avatar.v-avatar--size-small {
17982
+ --v-avatar-height: 32px;
17983
+ }
17984
+ .v-avatar.v-avatar--size-default {
17985
+ --v-avatar-height: 40px;
17986
+ }
17987
+ .v-avatar.v-avatar--size-large {
17988
+ --v-avatar-height: 48px;
17989
+ }
17990
+ .v-avatar.v-avatar--size-x-large {
17991
+ --v-avatar-height: 56px;
17992
+ }
17993
+ .v-avatar.v-avatar--density-default {
17994
+ height: calc(var(--v-avatar-height) + 0px);
17995
+ width: calc(var(--v-avatar-height) + 0px);
17996
+ }
17997
+ .v-avatar.v-avatar--density-comfortable {
17998
+ height: calc(var(--v-avatar-height) + -4px);
17999
+ width: calc(var(--v-avatar-height) + -4px);
18000
+ }
18001
+ .v-avatar.v-avatar--density-compact {
18002
+ height: calc(var(--v-avatar-height) + -8px);
18003
+ width: calc(var(--v-avatar-height) + -8px);
18004
+ }
18005
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18006
+ background: transparent;
18007
+ color: inherit;
18008
+ }
18009
+ .v-avatar--variant-plain {
18010
+ opacity: 0.62;
18011
+ }
18012
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18013
+ opacity: 1;
18014
+ }
18015
+ .v-avatar--variant-plain .v-avatar__overlay {
18016
+ display: none;
18017
+ }
18018
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18019
+ background: var(--v-theme-surface);
18020
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18021
+ }
18022
+ .v-avatar--variant-elevated {
18023
+ 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));
18024
+ }
18025
+ .v-avatar--variant-flat {
18026
+ 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));
18027
+ }
18028
+ .v-avatar--variant-outlined {
18029
+ border: thin solid currentColor;
18030
+ }
18031
+ .v-avatar--variant-text .v-avatar__overlay {
18032
+ background: currentColor;
18033
+ }
18034
+ .v-avatar--variant-tonal .v-avatar__underlay {
18035
+ background: currentColor;
18036
+ opacity: var(--v-activated-opacity);
17908
18037
  border-radius: inherit;
17909
- border-style: solid;
17910
- border-width: 2px;
18038
+ top: 0;
18039
+ right: 0;
17911
18040
  bottom: 0;
17912
- color: rgb(var(--v-theme-background));
17913
- content: "";
17914
18041
  left: 0;
17915
- position: absolute;
17916
- right: 0;
17917
- top: 0;
17918
- transform: scale(1.05);
18042
+ pointer-events: none;
17919
18043
  }
17920
- .v-badge--dot .v-badge__badge {
17921
- border-radius: 4.5px;
17922
- height: 9px;
17923
- min-width: 0;
17924
- padding: 0;
17925
- width: 9px;
18044
+ .v-avatar .v-avatar__underlay {
18045
+ position: absolute;
17926
18046
  }
17927
- .v-badge--dot .v-badge__badge::after {
17928
- border-width: 1.5px;
18047
+ .v-avatar--rounded {
18048
+ border-radius: 4px;
17929
18049
  }
17930
- .v-badge--inline .v-badge__badge {
17931
- position: relative;
17932
- vertical-align: middle;
18050
+ .v-avatar--start {
18051
+ margin-inline-end: 8px;
17933
18052
  }
17934
- .v-badge__badge .v-icon {
17935
- color: inherit;
17936
- font-size: 0.75rem;
17937
- margin: 0 -2px;
18053
+ .v-avatar--end {
18054
+ margin-inline-start: 8px;
17938
18055
  }
17939
- .v-badge__badge img,
17940
- .v-badge__badge .v-img {
18056
+ .v-avatar .v-img {
17941
18057
  height: 100%;
17942
18058
  width: 100%;
17943
- }
17944
-
17945
- .v-badge__wrapper {
17946
- display: flex;
17947
- position: relative;
17948
- }
17949
- .v-badge--inline .v-badge__wrapper {
17950
- align-items: center;
17951
- display: inline-flex;
17952
- justify-content: center;
17953
- margin: 0 4px;
17954
18059
  }.v-banner {
17955
18060
  display: grid;
17956
18061
  flex: 1 1;
@@ -18108,87 +18213,77 @@ html.overflow-y-hidden {
18108
18213
  }
18109
18214
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18110
18215
  align-self: flex-start;
18111
- }.v-autocomplete .v-field .v-text-field__prefix,
18112
- .v-autocomplete .v-field .v-text-field__suffix,
18113
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18114
- cursor: text;
18115
- }
18116
- .v-autocomplete .v-field .v-field__input > input {
18117
- flex: 1 1;
18118
- }
18119
- .v-autocomplete .v-field input {
18120
- min-width: 64px;
18121
- }
18122
- .v-autocomplete .v-field:not(.v-field--focused) input {
18123
- min-width: 0;
18124
- }
18125
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18126
- margin-inline-end: 2px;
18127
- }
18128
- .v-autocomplete .v-autocomplete__selection-text {
18129
- overflow: hidden;
18130
- text-overflow: ellipsis;
18131
- white-space: nowrap;
18216
+ }.v-badge {
18217
+ display: inline-block;
18218
+ line-height: 1;
18132
18219
  }
18133
18220
 
18134
- .v-autocomplete__content {
18135
- overflow: hidden;
18136
- 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));
18137
- border-radius: 4px;
18138
- }
18139
- .v-autocomplete__mask {
18140
- background: rgb(var(--v-theme-surface-light));
18141
- }
18142
- .v-autocomplete__selection {
18143
- display: inline-flex;
18221
+ .v-badge__badge {
18144
18222
  align-items: center;
18145
- height: 1.5rem;
18146
- letter-spacing: inherit;
18147
- line-height: inherit;
18148
- max-width: calc(100% - 2px - 2px);
18223
+ display: inline-flex;
18224
+ border-radius: 10px;
18225
+ font-size: 0.75rem;
18226
+ font-weight: 500;
18227
+ height: 1.25rem;
18228
+ justify-content: center;
18229
+ min-width: 20px;
18230
+ padding: 4px 6px;
18231
+ pointer-events: auto;
18232
+ position: absolute;
18233
+ text-align: center;
18234
+ text-indent: 0;
18235
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18236
+ white-space: nowrap;
18237
+ background: rgb(var(--v-theme-surface-variant));
18238
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18149
18239
  }
18150
- .v-autocomplete__selection:first-child {
18151
- margin-inline-start: 0;
18240
+ .v-badge--bordered .v-badge__badge::after {
18241
+ border-radius: inherit;
18242
+ border-style: solid;
18243
+ border-width: 2px;
18244
+ bottom: 0;
18245
+ color: rgb(var(--v-theme-background));
18246
+ content: "";
18247
+ left: 0;
18248
+ position: absolute;
18249
+ right: 0;
18250
+ top: 0;
18251
+ transform: scale(1.05);
18152
18252
  }
18153
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18154
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18155
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18156
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18157
- top: 0px;
18253
+ .v-badge--dot .v-badge__badge {
18254
+ border-radius: 4.5px;
18255
+ height: 9px;
18256
+ min-width: 0;
18257
+ padding: 0;
18258
+ width: 9px;
18158
18259
  }
18159
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18160
- opacity: var(--v-medium-emphasis-opacity);
18260
+ .v-badge--dot .v-badge__badge::after {
18261
+ border-width: 1.5px;
18161
18262
  }
18162
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18163
- opacity: 1;
18263
+ .v-badge--inline .v-badge__badge {
18264
+ position: relative;
18265
+ vertical-align: middle;
18164
18266
  }
18165
- .v-autocomplete--selecting-index .v-field__input > input {
18166
- caret-color: transparent;
18267
+ .v-badge__badge .v-icon {
18268
+ color: inherit;
18269
+ font-size: 0.75rem;
18270
+ margin: 0 -2px;
18167
18271
  }
18168
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18169
- flex: 1 1;
18170
- position: absolute;
18171
- left: 0;
18172
- right: 0;
18272
+ .v-badge__badge img,
18273
+ .v-badge__badge .v-img {
18274
+ height: 100%;
18173
18275
  width: 100%;
18174
- padding-inline: inherit;
18175
- }
18176
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18177
- transition: none;
18178
- }
18179
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18180
- opacity: 0;
18181
- }
18182
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18183
- opacity: 0;
18184
18276
  }
18185
- .v-autocomplete__menu-icon {
18186
- margin-inline-start: 4px;
18187
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18277
+
18278
+ .v-badge__wrapper {
18279
+ display: flex;
18280
+ position: relative;
18188
18281
  }
18189
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18190
- opacity: var(--v-high-emphasis-opacity);
18191
- transform: rotate(180deg);
18282
+ .v-badge--inline .v-badge__wrapper {
18283
+ align-items: center;
18284
+ display: inline-flex;
18285
+ justify-content: center;
18286
+ margin: 0 4px;
18192
18287
  }.bottom-sheet-transition-enter-from {
18193
18288
  transform: translateY(100%);
18194
18289
  }
@@ -18745,6 +18840,62 @@ html.overflow-y-hidden {
18745
18840
  display: inline-block;
18746
18841
  padding: 0 8px;
18747
18842
  vertical-align: middle;
18843
+ }.v-btn-group {
18844
+ display: inline-flex;
18845
+ flex-wrap: nowrap;
18846
+ max-width: 100%;
18847
+ min-width: 0;
18848
+ overflow: hidden;
18849
+ vertical-align: middle;
18850
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18851
+ border-style: solid;
18852
+ border-width: 0;
18853
+ 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));
18854
+ border-radius: 4px;
18855
+ background: transparent;
18856
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18857
+ }
18858
+ .v-btn-group--border {
18859
+ border-width: thin;
18860
+ box-shadow: none;
18861
+ }
18862
+ .v-btn-group--density-default.v-btn-group {
18863
+ height: 48px;
18864
+ }
18865
+
18866
+ .v-btn-group--density-comfortable.v-btn-group {
18867
+ height: 40px;
18868
+ }
18869
+
18870
+ .v-btn-group--density-compact.v-btn-group {
18871
+ height: 36px;
18872
+ }
18873
+
18874
+ .v-btn-group .v-btn {
18875
+ border-radius: 0;
18876
+ border-color: inherit;
18877
+ }
18878
+ .v-btn-group .v-btn:not(:last-child) {
18879
+ border-inline-end: none;
18880
+ }
18881
+ .v-btn-group .v-btn:not(:first-child) {
18882
+ border-inline-start: none;
18883
+ }
18884
+ .v-btn-group .v-btn:first-child {
18885
+ border-start-start-radius: inherit;
18886
+ border-end-start-radius: inherit;
18887
+ }
18888
+ .v-btn-group .v-btn:last-child {
18889
+ border-start-end-radius: inherit;
18890
+ border-end-end-radius: inherit;
18891
+ }
18892
+ .v-btn-group--divided .v-btn:not(:last-child) {
18893
+ border-inline-end-width: thin;
18894
+ border-inline-end-style: solid;
18895
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18896
+ }
18897
+ .v-btn-group--tile {
18898
+ border-radius: 0;
18748
18899
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18749
18900
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18750
18901
  }
@@ -18758,6 +18909,69 @@ html.overflow-y-hidden {
18758
18909
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18759
18910
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18760
18911
  }
18912
+ }.v-carousel {
18913
+ overflow: hidden;
18914
+ position: relative;
18915
+ width: 100%;
18916
+ }
18917
+ .v-carousel__controls {
18918
+ align-items: center;
18919
+ bottom: 0;
18920
+ display: flex;
18921
+ height: 50px;
18922
+ justify-content: center;
18923
+ list-style-type: none;
18924
+ position: absolute;
18925
+ width: 100%;
18926
+ z-index: 1;
18927
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18928
+ color: rgb(var(--v-theme-on-surface-variant));
18929
+ }
18930
+ .v-carousel__controls > .v-item-group {
18931
+ flex: 0 1 auto;
18932
+ }
18933
+ .v-carousel__controls__item {
18934
+ margin: 0 8px;
18935
+ }
18936
+ .v-carousel__controls__item .v-icon {
18937
+ opacity: 0.5;
18938
+ }
18939
+ .v-carousel__controls__item--active .v-icon {
18940
+ opacity: 1;
18941
+ vertical-align: middle;
18942
+ }
18943
+ .v-carousel__controls__item:hover {
18944
+ background: none;
18945
+ }
18946
+ .v-carousel__controls__item:hover .v-icon {
18947
+ opacity: 0.8;
18948
+ }
18949
+
18950
+ .v-carousel__progress {
18951
+ margin: 0;
18952
+ position: absolute;
18953
+ bottom: 0;
18954
+ left: 0;
18955
+ right: 0;
18956
+ }
18957
+
18958
+ .v-carousel-item {
18959
+ display: block;
18960
+ height: inherit;
18961
+ text-decoration: none;
18962
+ }
18963
+ .v-carousel-item > .v-img {
18964
+ height: inherit;
18965
+ }
18966
+
18967
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18968
+ background: transparent;
18969
+ }
18970
+
18971
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18972
+ flex-direction: column;
18973
+ height: 100% !important;
18974
+ width: 50px;
18761
18975
  }.v-card {
18762
18976
  display: block;
18763
18977
  overflow: hidden;
@@ -19057,140 +19271,16 @@ html.overflow-y-hidden {
19057
19271
  pointer-events: none;
19058
19272
  opacity: 0;
19059
19273
  transition: opacity 0.2s ease-in-out;
19060
- }.v-btn-group {
19274
+ }.v-chip {
19275
+ align-items: center;
19061
19276
  display: inline-flex;
19062
- flex-wrap: nowrap;
19277
+ font-weight: 400;
19063
19278
  max-width: 100%;
19064
19279
  min-width: 0;
19065
19280
  overflow: hidden;
19066
- vertical-align: middle;
19067
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19068
- border-style: solid;
19069
- border-width: 0;
19070
- 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));
19071
- border-radius: 4px;
19072
- background: transparent;
19073
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19074
- }
19075
- .v-btn-group--border {
19076
- border-width: thin;
19077
- box-shadow: none;
19078
- }
19079
- .v-btn-group--density-default.v-btn-group {
19080
- height: 48px;
19081
- }
19082
-
19083
- .v-btn-group--density-comfortable.v-btn-group {
19084
- height: 40px;
19085
- }
19086
-
19087
- .v-btn-group--density-compact.v-btn-group {
19088
- height: 36px;
19089
- }
19090
-
19091
- .v-btn-group .v-btn {
19092
- border-radius: 0;
19093
- border-color: inherit;
19094
- }
19095
- .v-btn-group .v-btn:not(:last-child) {
19096
- border-inline-end: none;
19097
- }
19098
- .v-btn-group .v-btn:not(:first-child) {
19099
- border-inline-start: none;
19100
- }
19101
- .v-btn-group .v-btn:first-child {
19102
- border-start-start-radius: inherit;
19103
- border-end-start-radius: inherit;
19104
- }
19105
- .v-btn-group .v-btn:last-child {
19106
- border-start-end-radius: inherit;
19107
- border-end-end-radius: inherit;
19108
- }
19109
- .v-btn-group--divided .v-btn:not(:last-child) {
19110
- border-inline-end-width: thin;
19111
- border-inline-end-style: solid;
19112
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19113
- }
19114
- .v-btn-group--tile {
19115
- border-radius: 0;
19116
- }.v-carousel {
19117
- overflow: hidden;
19118
- position: relative;
19119
- width: 100%;
19120
- }
19121
- .v-carousel__controls {
19122
- align-items: center;
19123
- bottom: 0;
19124
- display: flex;
19125
- height: 50px;
19126
- justify-content: center;
19127
- list-style-type: none;
19128
- position: absolute;
19129
- width: 100%;
19130
- z-index: 1;
19131
- background: rgba(var(--v-theme-surface-variant), 0.3);
19132
- color: rgb(var(--v-theme-on-surface-variant));
19133
- }
19134
- .v-carousel__controls > .v-item-group {
19135
- flex: 0 1 auto;
19136
- }
19137
- .v-carousel__controls__item {
19138
- margin: 0 8px;
19139
- }
19140
- .v-carousel__controls__item .v-icon {
19141
- opacity: 0.5;
19142
- }
19143
- .v-carousel__controls__item--active .v-icon {
19144
- opacity: 1;
19145
- vertical-align: middle;
19146
- }
19147
- .v-carousel__controls__item:hover {
19148
- background: none;
19149
- }
19150
- .v-carousel__controls__item:hover .v-icon {
19151
- opacity: 0.8;
19152
- }
19153
-
19154
- .v-carousel__progress {
19155
- margin: 0;
19156
- position: absolute;
19157
- bottom: 0;
19158
- left: 0;
19159
- right: 0;
19160
- }
19161
-
19162
- .v-carousel-item {
19163
- display: block;
19164
- height: inherit;
19165
- text-decoration: none;
19166
- }
19167
- .v-carousel-item > .v-img {
19168
- height: inherit;
19169
- }
19170
-
19171
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19172
- background: transparent;
19173
- }
19174
-
19175
- .v-carousel--vertical-delimiters .v-carousel__controls {
19176
- flex-direction: column;
19177
- height: 100% !important;
19178
- width: 50px;
19179
- }.v-checkbox.v-input {
19180
- flex: 0 1 auto;
19181
- }
19182
- .v-checkbox .v-selection-control {
19183
- min-height: var(--v-input-control-height);
19184
- }.v-chip {
19185
- align-items: center;
19186
- display: inline-flex;
19187
- font-weight: 400;
19188
- max-width: 100%;
19189
- min-width: 0;
19190
- overflow: hidden;
19191
- position: relative;
19192
- text-decoration: none;
19193
- white-space: nowrap;
19281
+ position: relative;
19282
+ text-decoration: none;
19283
+ white-space: nowrap;
19194
19284
  vertical-align: middle;
19195
19285
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19196
19286
  border-style: solid;
@@ -19593,6 +19683,11 @@ html.overflow-y-hidden {
19593
19683
 
19594
19684
  .v-chip--label {
19595
19685
  border-radius: 4px;
19686
+ }.v-checkbox.v-input {
19687
+ flex: 0 1 auto;
19688
+ }
19689
+ .v-checkbox .v-selection-control {
19690
+ min-height: var(--v-input-control-height);
19596
19691
  }.v-chip-group {
19597
19692
  display: flex;
19598
19693
  max-width: 100%;
@@ -19611,87 +19706,6 @@ html.overflow-y-hidden {
19611
19706
  white-space: normal;
19612
19707
  flex-wrap: wrap;
19613
19708
  max-width: 100%;
19614
- }.v-combobox .v-field .v-text-field__prefix,
19615
- .v-combobox .v-field .v-text-field__suffix,
19616
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19617
- cursor: text;
19618
- }
19619
- .v-combobox .v-field .v-field__input > input {
19620
- flex: 1 1;
19621
- }
19622
- .v-combobox .v-field input {
19623
- min-width: 64px;
19624
- }
19625
- .v-combobox .v-field:not(.v-field--focused) input {
19626
- min-width: 0;
19627
- }
19628
- .v-combobox .v-field--dirty .v-combobox__selection {
19629
- margin-inline-end: 2px;
19630
- }
19631
- .v-combobox .v-combobox__selection-text {
19632
- overflow: hidden;
19633
- text-overflow: ellipsis;
19634
- white-space: nowrap;
19635
- }
19636
-
19637
- .v-combobox__content {
19638
- overflow: hidden;
19639
- 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));
19640
- border-radius: 4px;
19641
- }
19642
- .v-combobox__mask {
19643
- background: rgb(var(--v-theme-surface-light));
19644
- }
19645
- .v-combobox__selection {
19646
- display: inline-flex;
19647
- align-items: center;
19648
- height: 1.5rem;
19649
- letter-spacing: inherit;
19650
- line-height: inherit;
19651
- max-width: calc(100% - 2px - 2px);
19652
- }
19653
- .v-combobox__selection:first-child {
19654
- margin-inline-start: 0;
19655
- }
19656
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19657
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19658
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19659
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19660
- top: 0px;
19661
- }
19662
- .v-combobox--selecting-index .v-combobox__selection {
19663
- opacity: var(--v-medium-emphasis-opacity);
19664
- }
19665
- .v-combobox--selecting-index .v-combobox__selection--selected {
19666
- opacity: 1;
19667
- }
19668
- .v-combobox--selecting-index .v-field__input > input {
19669
- caret-color: transparent;
19670
- }
19671
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19672
- flex: 1 1;
19673
- position: absolute;
19674
- left: 0;
19675
- right: 0;
19676
- width: 100%;
19677
- padding-inline: inherit;
19678
- }
19679
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19680
- transition: none;
19681
- }
19682
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19683
- opacity: 0;
19684
- }
19685
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19686
- opacity: 0;
19687
- }
19688
- .v-combobox__menu-icon {
19689
- margin-inline-start: 4px;
19690
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19691
- }
19692
- .v-combobox--active-menu .v-combobox__menu-icon {
19693
- opacity: var(--v-high-emphasis-opacity);
19694
- transform: rotate(180deg);
19695
19709
  }.v-container {
19696
19710
  width: 100%;
19697
19711
  padding: 16px;
@@ -20384,222 +20398,92 @@ html.overflow-y-hidden {
20384
20398
  }
20385
20399
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20386
20400
  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));
20387
- }.v-counter {
20388
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20389
- flex: 0 1 auto;
20390
- font-size: 12px;
20391
- transition-duration: 150ms;
20392
- }.v-date-picker-header {
20393
- align-items: flex-end;
20394
- height: 70px;
20395
- display: grid;
20396
- grid-template-areas: "prepend content append";
20397
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20398
- overflow: hidden;
20399
- padding-inline: 24px 12px;
20400
- padding-bottom: 12px;
20401
+ }.v-combobox .v-field .v-text-field__prefix,
20402
+ .v-combobox .v-field .v-text-field__suffix,
20403
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20404
+ cursor: text;
20401
20405
  }
20402
-
20403
- .v-date-picker-header__append {
20404
- grid-area: append;
20406
+ .v-combobox .v-field .v-field__input > input {
20407
+ flex: 1 1;
20405
20408
  }
20406
-
20407
- .v-date-picker-header__prepend {
20408
- grid-area: prepend;
20409
- padding-inline-start: 8px;
20409
+ .v-combobox .v-field input {
20410
+ min-width: 64px;
20410
20411
  }
20411
-
20412
- .v-date-picker-header__content {
20413
- align-items: center;
20414
- display: inline-flex;
20415
- font-size: 32px;
20416
- line-height: 40px;
20417
- grid-area: content;
20418
- justify-content: space-between;
20412
+ .v-combobox .v-field:not(.v-field--focused) input {
20413
+ min-width: 0;
20419
20414
  }
20420
- .v-date-picker-header--clickable .v-date-picker-header__content {
20421
- cursor: pointer;
20415
+ .v-combobox .v-field--dirty .v-combobox__selection {
20416
+ margin-inline-end: 2px;
20422
20417
  }
20423
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20424
- opacity: 0.7;
20425
- }
20426
-
20427
- .date-picker-header-transition-enter-active,
20428
- .date-picker-header-reverse-transition-enter-active {
20429
- transition-duration: 0.3s;
20430
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20431
- }
20432
- .date-picker-header-transition-leave-active,
20433
- .date-picker-header-reverse-transition-leave-active {
20434
- transition-duration: 0.3s;
20435
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20436
- }
20437
-
20438
- .date-picker-header-transition-enter-from {
20439
- transform: translate(0, 100%);
20440
- }
20441
- .date-picker-header-transition-leave-to {
20442
- opacity: 0;
20443
- transform: translate(0, -100%);
20418
+ .v-combobox .v-combobox__selection-text {
20419
+ overflow: hidden;
20420
+ text-overflow: ellipsis;
20421
+ white-space: nowrap;
20444
20422
  }
20445
20423
 
20446
- .date-picker-header-reverse-transition-enter-from {
20447
- transform: translate(0, -100%);
20448
- }
20449
- .date-picker-header-reverse-transition-leave-to {
20450
- opacity: 0;
20451
- transform: translate(0, 100%);
20452
- }.v-date-picker {
20424
+ .v-combobox__content {
20453
20425
  overflow: hidden;
20454
- width: 328px;
20426
+ 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));
20427
+ border-radius: 4px;
20455
20428
  }
20456
- .v-date-picker--show-week {
20457
- width: 368px;
20458
- }.v-date-picker-controls {
20459
- display: flex;
20460
- align-items: center;
20461
- justify-content: space-between;
20462
- font-size: 0.875rem;
20463
- padding-top: 4px;
20464
- padding-bottom: 4px;
20465
- padding-inline-start: 6px;
20466
- padding-inline-end: 12px;
20429
+ .v-combobox__mask {
20430
+ background: rgb(var(--v-theme-surface-light));
20467
20431
  }
20468
- .v-date-picker-controls > .v-btn:first-child {
20469
- text-transform: none;
20470
- font-weight: 400;
20471
- line-height: initial;
20472
- letter-spacing: initial;
20432
+ .v-combobox__selection {
20433
+ display: inline-flex;
20434
+ align-items: center;
20435
+ height: 1.5rem;
20436
+ letter-spacing: inherit;
20437
+ line-height: inherit;
20438
+ max-width: calc(100% - 2px - 2px);
20473
20439
  }
20474
- .v-date-picker-controls--variant-classic {
20475
- padding-inline-start: 12px;
20440
+ .v-combobox__selection:first-child {
20441
+ margin-inline-start: 0;
20476
20442
  }
20477
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20478
- opacity: 0.7;
20443
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20444
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20445
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20446
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20447
+ top: 0px;
20479
20448
  }
20480
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20481
- cursor: pointer;
20449
+ .v-combobox--selecting-index .v-combobox__selection {
20450
+ opacity: var(--v-medium-emphasis-opacity);
20482
20451
  }
20483
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20452
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20484
20453
  opacity: 1;
20485
20454
  }
20486
- .v-date-picker-controls .v-btn:last-child {
20487
- margin-inline-start: 4px;
20488
- }
20489
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20490
- transform: rotate(180deg);
20491
- }
20492
-
20493
- .v-date-picker-controls__date {
20494
- margin-inline-end: 4px;
20495
- }
20496
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20497
- margin: auto;
20498
- text-align: center;
20499
- }
20500
-
20501
- .v-date-picker-controls__month {
20502
- display: flex;
20503
- }
20504
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20505
- flex-direction: row-reverse;
20506
- }
20507
-
20508
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20509
- flex: 1 0 auto;
20510
- }
20511
-
20512
- .v-date-picker__title {
20513
- display: inline-block;
20514
- }.v-date-picker-month {
20515
- display: flex;
20516
- justify-content: center;
20517
- padding: 0 12px 8px;
20518
- --v-date-picker-month-day-diff: 4px;
20519
- }
20520
-
20521
- .v-date-picker-month__weeks {
20522
- display: grid;
20523
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20524
- column-gap: 4px;
20525
- font-size: 0.85rem;
20526
- }
20527
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20528
- grid-row-gap: 0;
20529
- }
20530
-
20531
- .v-date-picker-month__weekday {
20532
- font-size: 0.85rem;
20455
+ .v-combobox--selecting-index .v-field__input > input {
20456
+ caret-color: transparent;
20533
20457
  }
20534
-
20535
- .v-date-picker-month__days {
20536
- display: grid;
20537
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20538
- column-gap: 4px;
20458
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20539
20459
  flex: 1 1;
20540
- justify-content: space-around;
20541
- }
20542
-
20543
- .v-date-picker-month__day {
20544
- align-items: center;
20545
- display: flex;
20546
- justify-content: center;
20547
- position: relative;
20548
- height: 40px;
20549
- width: 40px;
20550
- }
20551
- .v-date-picker-month__day--selected .v-btn {
20552
- background-color: rgb(var(--v-theme-surface-variant));
20553
- color: rgb(var(--v-theme-on-surface-variant));
20554
- }
20555
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20556
- --v-btn-height: 24px;
20557
- --v-btn-size: 0.85rem;
20558
- }
20559
- .v-date-picker-month__day--week {
20560
- font-size: var(--v-btn-size);
20460
+ position: absolute;
20461
+ left: 0;
20462
+ right: 0;
20463
+ width: 100%;
20464
+ padding-inline: inherit;
20561
20465
  }
20562
-
20563
- .v-date-picker-month__day--adjacent {
20564
- opacity: 0.5;
20466
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20467
+ transition: none;
20565
20468
  }
20566
-
20567
- .v-date-picker-month__day--hide-adjacent {
20469
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20568
20470
  opacity: 0;
20569
- }.v-date-picker-years {
20570
- height: 288px;
20571
- overflow-y: scroll;
20572
- }
20573
-
20574
- .v-date-picker-years__content {
20575
- display: grid;
20576
- flex: 1 1;
20577
- justify-content: space-around;
20578
- grid-template-columns: repeat(3, 1fr);
20579
- gap: 8px 24px;
20580
- padding-inline: 32px;
20581
20471
  }
20582
- .v-date-picker-years__content .v-btn {
20583
- padding-inline: 8px;
20584
- }.v-date-picker-months {
20585
- height: 288px;
20472
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20473
+ opacity: 0;
20586
20474
  }
20587
-
20588
- .v-date-picker-months__content {
20589
- align-items: center;
20590
- display: grid;
20591
- flex: 1 1;
20592
- height: inherit;
20593
- justify-content: space-around;
20594
- grid-template-columns: repeat(2, 1fr);
20595
- grid-gap: 0px 24px;
20596
- padding-inline-start: 36px;
20597
- padding-inline-end: 36px;
20475
+ .v-combobox__menu-icon {
20476
+ margin-inline-start: 4px;
20477
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20598
20478
  }
20599
- .v-date-picker-months__content .v-btn {
20600
- text-transform: none;
20601
- padding-inline-start: 8px;
20602
- padding-inline-end: 8px;
20479
+ .v-combobox--active-menu .v-combobox__menu-icon {
20480
+ opacity: var(--v-high-emphasis-opacity);
20481
+ transform: rotate(180deg);
20482
+ }.v-counter {
20483
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20484
+ flex: 0 1 auto;
20485
+ font-size: 12px;
20486
+ transition-duration: 150ms;
20603
20487
  }.v-data-table {
20604
20488
  width: 100%;
20605
20489
  }
@@ -20813,35 +20697,246 @@ html.overflow-y-hidden {
20813
20697
  }
20814
20698
  .v-data-table-footer__page {
20815
20699
  padding: 0 8px;
20816
- }.v-dialog {
20817
- align-items: center;
20818
- justify-content: center;
20819
- margin: auto;
20700
+ }.v-date-picker {
20701
+ overflow: hidden;
20702
+ width: 328px;
20820
20703
  }
20821
- .v-dialog > .v-overlay__content {
20822
- max-height: calc(100% - 48px);
20823
- width: calc(100% - 48px);
20824
- max-width: calc(100% - 48px);
20825
- margin: 24px;
20704
+ .v-date-picker--show-week {
20705
+ width: 368px;
20706
+ }.v-date-picker-header {
20707
+ align-items: flex-end;
20708
+ height: 70px;
20709
+ display: grid;
20710
+ grid-template-areas: "prepend content append";
20711
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20712
+ overflow: hidden;
20713
+ padding-inline: 24px 12px;
20714
+ padding-bottom: 12px;
20826
20715
  }
20827
- .v-dialog > .v-overlay__content,
20828
- .v-dialog > .v-overlay__content > form {
20829
- display: flex;
20830
- flex-direction: column;
20831
- min-height: 0;
20716
+
20717
+ .v-date-picker-header__append {
20718
+ grid-area: append;
20832
20719
  }
20833
- .v-dialog > .v-overlay__content > .v-card,
20834
- .v-dialog > .v-overlay__content > .v-sheet,
20835
- .v-dialog > .v-overlay__content > form > .v-card,
20836
- .v-dialog > .v-overlay__content > form > .v-sheet {
20837
- --v-scrollbar-offset: 0px;
20838
- border-radius: 4px;
20839
- overflow-y: auto;
20840
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20720
+
20721
+ .v-date-picker-header__prepend {
20722
+ grid-area: prepend;
20723
+ padding-inline-start: 8px;
20841
20724
  }
20842
- .v-dialog > .v-overlay__content > .v-card,
20843
- .v-dialog > .v-overlay__content > form > .v-card {
20844
- display: flex;
20725
+
20726
+ .v-date-picker-header__content {
20727
+ align-items: center;
20728
+ display: inline-flex;
20729
+ font-size: 32px;
20730
+ line-height: 40px;
20731
+ grid-area: content;
20732
+ justify-content: space-between;
20733
+ }
20734
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20735
+ cursor: pointer;
20736
+ }
20737
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20738
+ opacity: 0.7;
20739
+ }
20740
+
20741
+ .date-picker-header-transition-enter-active,
20742
+ .date-picker-header-reverse-transition-enter-active {
20743
+ transition-duration: 0.3s;
20744
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20745
+ }
20746
+ .date-picker-header-transition-leave-active,
20747
+ .date-picker-header-reverse-transition-leave-active {
20748
+ transition-duration: 0.3s;
20749
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20750
+ }
20751
+
20752
+ .date-picker-header-transition-enter-from {
20753
+ transform: translate(0, 100%);
20754
+ }
20755
+ .date-picker-header-transition-leave-to {
20756
+ opacity: 0;
20757
+ transform: translate(0, -100%);
20758
+ }
20759
+
20760
+ .date-picker-header-reverse-transition-enter-from {
20761
+ transform: translate(0, -100%);
20762
+ }
20763
+ .date-picker-header-reverse-transition-leave-to {
20764
+ opacity: 0;
20765
+ transform: translate(0, 100%);
20766
+ }.v-date-picker-controls {
20767
+ display: flex;
20768
+ align-items: center;
20769
+ justify-content: space-between;
20770
+ font-size: 0.875rem;
20771
+ padding-top: 4px;
20772
+ padding-bottom: 4px;
20773
+ padding-inline-start: 6px;
20774
+ padding-inline-end: 12px;
20775
+ }
20776
+ .v-date-picker-controls > .v-btn:first-child {
20777
+ text-transform: none;
20778
+ font-weight: 400;
20779
+ line-height: initial;
20780
+ letter-spacing: initial;
20781
+ }
20782
+ .v-date-picker-controls--variant-classic {
20783
+ padding-inline-start: 12px;
20784
+ }
20785
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20786
+ opacity: 0.7;
20787
+ }
20788
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20789
+ cursor: pointer;
20790
+ }
20791
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20792
+ opacity: 1;
20793
+ }
20794
+ .v-date-picker-controls .v-btn:last-child {
20795
+ margin-inline-start: 4px;
20796
+ }
20797
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20798
+ transform: rotate(180deg);
20799
+ }
20800
+
20801
+ .v-date-picker-controls__date {
20802
+ margin-inline-end: 4px;
20803
+ }
20804
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20805
+ margin: auto;
20806
+ text-align: center;
20807
+ }
20808
+
20809
+ .v-date-picker-controls__month {
20810
+ display: flex;
20811
+ }
20812
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20813
+ flex-direction: row-reverse;
20814
+ }
20815
+
20816
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20817
+ flex: 1 0 auto;
20818
+ }
20819
+
20820
+ .v-date-picker__title {
20821
+ display: inline-block;
20822
+ }.v-date-picker-month {
20823
+ display: flex;
20824
+ justify-content: center;
20825
+ padding: 0 12px 8px;
20826
+ --v-date-picker-month-day-diff: 4px;
20827
+ }
20828
+
20829
+ .v-date-picker-month__weeks {
20830
+ display: grid;
20831
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20832
+ column-gap: 4px;
20833
+ font-size: 0.85rem;
20834
+ }
20835
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20836
+ grid-row-gap: 0;
20837
+ }
20838
+
20839
+ .v-date-picker-month__weekday {
20840
+ font-size: 0.85rem;
20841
+ }
20842
+
20843
+ .v-date-picker-month__days {
20844
+ display: grid;
20845
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20846
+ column-gap: 4px;
20847
+ flex: 1 1;
20848
+ justify-content: space-around;
20849
+ }
20850
+
20851
+ .v-date-picker-month__day {
20852
+ align-items: center;
20853
+ display: flex;
20854
+ justify-content: center;
20855
+ position: relative;
20856
+ height: 40px;
20857
+ width: 40px;
20858
+ }
20859
+ .v-date-picker-month__day--selected .v-btn {
20860
+ background-color: rgb(var(--v-theme-surface-variant));
20861
+ color: rgb(var(--v-theme-on-surface-variant));
20862
+ }
20863
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20864
+ --v-btn-height: 24px;
20865
+ --v-btn-size: 0.85rem;
20866
+ }
20867
+ .v-date-picker-month__day--week {
20868
+ font-size: var(--v-btn-size);
20869
+ }
20870
+
20871
+ .v-date-picker-month__day--adjacent {
20872
+ opacity: 0.5;
20873
+ }
20874
+
20875
+ .v-date-picker-month__day--hide-adjacent {
20876
+ opacity: 0;
20877
+ }.v-date-picker-months {
20878
+ height: 288px;
20879
+ }
20880
+
20881
+ .v-date-picker-months__content {
20882
+ align-items: center;
20883
+ display: grid;
20884
+ flex: 1 1;
20885
+ height: inherit;
20886
+ justify-content: space-around;
20887
+ grid-template-columns: repeat(2, 1fr);
20888
+ grid-gap: 0px 24px;
20889
+ padding-inline-start: 36px;
20890
+ padding-inline-end: 36px;
20891
+ }
20892
+ .v-date-picker-months__content .v-btn {
20893
+ text-transform: none;
20894
+ padding-inline-start: 8px;
20895
+ padding-inline-end: 8px;
20896
+ }.v-date-picker-years {
20897
+ height: 288px;
20898
+ overflow-y: scroll;
20899
+ }
20900
+
20901
+ .v-date-picker-years__content {
20902
+ display: grid;
20903
+ flex: 1 1;
20904
+ justify-content: space-around;
20905
+ grid-template-columns: repeat(3, 1fr);
20906
+ gap: 8px 24px;
20907
+ padding-inline: 32px;
20908
+ }
20909
+ .v-date-picker-years__content .v-btn {
20910
+ padding-inline: 8px;
20911
+ }.v-dialog {
20912
+ align-items: center;
20913
+ justify-content: center;
20914
+ margin: auto;
20915
+ }
20916
+ .v-dialog > .v-overlay__content {
20917
+ max-height: calc(100% - 48px);
20918
+ width: calc(100% - 48px);
20919
+ max-width: calc(100% - 48px);
20920
+ margin: 24px;
20921
+ }
20922
+ .v-dialog > .v-overlay__content,
20923
+ .v-dialog > .v-overlay__content > form {
20924
+ display: flex;
20925
+ flex-direction: column;
20926
+ min-height: 0;
20927
+ }
20928
+ .v-dialog > .v-overlay__content > .v-card,
20929
+ .v-dialog > .v-overlay__content > .v-sheet,
20930
+ .v-dialog > .v-overlay__content > form > .v-card,
20931
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20932
+ --v-scrollbar-offset: 0px;
20933
+ border-radius: 4px;
20934
+ overflow-y: auto;
20935
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20936
+ }
20937
+ .v-dialog > .v-overlay__content > .v-card,
20938
+ .v-dialog > .v-overlay__content > form > .v-card {
20939
+ display: flex;
20845
20940
  flex-direction: column;
20846
20941
  }
20847
20942
  .v-dialog > .v-overlay__content > .v-card > .v-card-item,
@@ -20905,6 +21000,55 @@ html.overflow-y-hidden {
20905
21000
  -webkit-backface-visibility: hidden;
20906
21001
  backface-visibility: hidden;
20907
21002
  overflow-y: auto;
21003
+ }.v-divider {
21004
+ display: block;
21005
+ flex: 1 1 100%;
21006
+ height: 0px;
21007
+ max-height: 0px;
21008
+ opacity: var(--v-border-opacity);
21009
+ transition: inherit;
21010
+ border-style: solid;
21011
+ border-width: thin 0 0 0;
21012
+ }
21013
+ .v-divider--vertical {
21014
+ align-self: stretch;
21015
+ border-width: 0 thin 0 0;
21016
+ display: inline-flex;
21017
+ height: 100%;
21018
+ margin-left: -1px;
21019
+ max-height: 100%;
21020
+ max-width: 0px;
21021
+ vertical-align: text-bottom;
21022
+ width: 0px;
21023
+ }
21024
+ .v-divider--inset:not(.v-divider--vertical) {
21025
+ max-width: calc(100% - 72px);
21026
+ margin-inline-start: 72px;
21027
+ }
21028
+ .v-divider--inset.v-divider--vertical {
21029
+ margin-bottom: 8px;
21030
+ margin-top: 8px;
21031
+ max-height: calc(100% - 16px);
21032
+ }
21033
+
21034
+ .v-divider__content {
21035
+ padding: 0 16px;
21036
+ }
21037
+ .v-divider__wrapper--vertical .v-divider__content {
21038
+ padding: 4px 0;
21039
+ }
21040
+
21041
+ .v-divider__wrapper {
21042
+ display: flex;
21043
+ align-items: center;
21044
+ justify-content: center;
21045
+ }
21046
+ .v-divider__wrapper--vertical {
21047
+ flex-direction: column;
21048
+ height: 100%;
21049
+ }
21050
+ .v-divider__wrapper--vertical .v-divider {
21051
+ margin: 0 auto;
20908
21052
  }.v-empty-state {
20909
21053
  align-items: center;
20910
21054
  display: flex;
@@ -21238,68 +21382,19 @@ html.overflow-y-hidden {
21238
21382
  transform: translateY(-50%);
21239
21383
  }
21240
21384
  .v-fab--offset.v-fab--bottom .v-fab__container {
21241
- transform: translateY(50%);
21242
- }
21243
- .v-fab--top .v-fab__container {
21244
- top: 0;
21245
- }
21246
- .v-fab--bottom .v-fab__container {
21247
- bottom: 0;
21248
- }
21249
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21250
- left: 0;
21251
- }
21252
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21253
- right: 0;
21254
- }.v-divider {
21255
- display: block;
21256
- flex: 1 1 100%;
21257
- height: 0px;
21258
- max-height: 0px;
21259
- opacity: var(--v-border-opacity);
21260
- transition: inherit;
21261
- border-style: solid;
21262
- border-width: thin 0 0 0;
21263
- }
21264
- .v-divider--vertical {
21265
- align-self: stretch;
21266
- border-width: 0 thin 0 0;
21267
- display: inline-flex;
21268
- height: 100%;
21269
- margin-left: -1px;
21270
- max-height: 100%;
21271
- max-width: 0px;
21272
- vertical-align: text-bottom;
21273
- width: 0px;
21274
- }
21275
- .v-divider--inset:not(.v-divider--vertical) {
21276
- max-width: calc(100% - 72px);
21277
- margin-inline-start: 72px;
21278
- }
21279
- .v-divider--inset.v-divider--vertical {
21280
- margin-bottom: 8px;
21281
- margin-top: 8px;
21282
- max-height: calc(100% - 16px);
21283
- }
21284
-
21285
- .v-divider__content {
21286
- padding: 0 16px;
21385
+ transform: translateY(50%);
21287
21386
  }
21288
- .v-divider__wrapper--vertical .v-divider__content {
21289
- padding: 4px 0;
21387
+ .v-fab--top .v-fab__container {
21388
+ top: 0;
21290
21389
  }
21291
-
21292
- .v-divider__wrapper {
21293
- display: flex;
21294
- align-items: center;
21295
- justify-content: center;
21390
+ .v-fab--bottom .v-fab__container {
21391
+ bottom: 0;
21296
21392
  }
21297
- .v-divider__wrapper--vertical {
21298
- flex-direction: column;
21299
- height: 100%;
21393
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21394
+ left: 0;
21300
21395
  }
21301
- .v-divider__wrapper--vertical .v-divider {
21302
- margin: 0 auto;
21396
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21397
+ right: 0;
21303
21398
  }/* region INPUT */
21304
21399
  .v-field {
21305
21400
  display: grid;
@@ -21927,31 +22022,6 @@ textarea.v-field__input::placeholder {
21927
22022
  }
21928
22023
  .v-footer--rounded {
21929
22024
  border-radius: 4px;
21930
- }.v-infinite-scroll--horizontal {
21931
- display: flex;
21932
- flex-direction: row;
21933
- overflow-x: auto;
21934
- }
21935
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21936
- height: 100%;
21937
- width: 1px;
21938
- }
21939
-
21940
- .v-infinite-scroll--vertical {
21941
- display: flex;
21942
- flex-direction: column;
21943
- overflow-y: auto;
21944
- }
21945
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21946
- height: 1px;
21947
- width: 100%;
21948
- }
21949
-
21950
- .v-infinite-scroll__side {
21951
- align-items: center;
21952
- display: flex;
21953
- justify-content: center;
21954
- padding: 8px;
21955
22025
  }.v-icon {
21956
22026
  --v-icon-size-multiplier: 1;
21957
22027
  align-items: center;
@@ -22005,6 +22075,67 @@ textarea.v-field__input::placeholder {
22005
22075
 
22006
22076
  .v-icon--end {
22007
22077
  margin-inline-start: 8px;
22078
+ }.v-img {
22079
+ --v-theme-overlay-multiplier: 3;
22080
+ z-index: 0;
22081
+ }
22082
+ .v-img--booting .v-responsive__sizer {
22083
+ transition: none;
22084
+ }
22085
+ .v-img--rounded {
22086
+ border-radius: 4px;
22087
+ }
22088
+
22089
+ .v-img__img,
22090
+ .v-img__picture,
22091
+ .v-img__gradient,
22092
+ .v-img__placeholder,
22093
+ .v-img__error {
22094
+ z-index: -1;
22095
+ position: absolute;
22096
+ top: 0;
22097
+ left: 0;
22098
+ width: 100%;
22099
+ height: 100%;
22100
+ }
22101
+
22102
+ .v-img__img--preload {
22103
+ filter: blur(4px);
22104
+ }
22105
+ .v-img__img--contain {
22106
+ object-fit: contain;
22107
+ }
22108
+ .v-img__img--cover {
22109
+ object-fit: cover;
22110
+ }
22111
+
22112
+ .v-img__gradient {
22113
+ background-repeat: no-repeat;
22114
+ }.v-infinite-scroll--horizontal {
22115
+ display: flex;
22116
+ flex-direction: row;
22117
+ overflow-x: auto;
22118
+ }
22119
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22120
+ height: 100%;
22121
+ width: 1px;
22122
+ }
22123
+
22124
+ .v-infinite-scroll--vertical {
22125
+ display: flex;
22126
+ flex-direction: column;
22127
+ overflow-y: auto;
22128
+ }
22129
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22130
+ height: 1px;
22131
+ width: 100%;
22132
+ }
22133
+
22134
+ .v-infinite-scroll__side {
22135
+ align-items: center;
22136
+ display: flex;
22137
+ justify-content: center;
22138
+ padding: 8px;
22008
22139
  }.v-input {
22009
22140
  display: grid;
22010
22141
  flex: 1 1 auto;
@@ -22147,42 +22278,6 @@ textarea.v-field__input::placeholder {
22147
22278
 
22148
22279
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22149
22280
  padding-top: calc(var(--v-input-padding-top) + 0px);
22150
- }.v-img {
22151
- --v-theme-overlay-multiplier: 3;
22152
- z-index: 0;
22153
- }
22154
- .v-img--booting .v-responsive__sizer {
22155
- transition: none;
22156
- }
22157
- .v-img--rounded {
22158
- border-radius: 4px;
22159
- }
22160
-
22161
- .v-img__img,
22162
- .v-img__picture,
22163
- .v-img__gradient,
22164
- .v-img__placeholder,
22165
- .v-img__error {
22166
- z-index: -1;
22167
- position: absolute;
22168
- top: 0;
22169
- left: 0;
22170
- width: 100%;
22171
- height: 100%;
22172
- }
22173
-
22174
- .v-img__img--preload {
22175
- filter: blur(4px);
22176
- }
22177
- .v-img__img--contain {
22178
- object-fit: contain;
22179
- }
22180
- .v-img__img--cover {
22181
- object-fit: cover;
22182
- }
22183
-
22184
- .v-img__gradient {
22185
- background-repeat: no-repeat;
22186
22281
  }.v-item-group {
22187
22282
  flex: 0 1 auto;
22188
22283
  max-width: 100%;
@@ -22203,6 +22298,13 @@ textarea.v-field__input::placeholder {
22203
22298
 
22204
22299
  .v-label--clickable {
22205
22300
  cursor: pointer;
22301
+ }.v-layout-item {
22302
+ position: absolute;
22303
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22304
+ }
22305
+
22306
+ .v-layout-item--absolute {
22307
+ position: absolute;
22206
22308
  }.v-layout {
22207
22309
  --v-scrollbar-offset: 0px;
22208
22310
  display: flex;
@@ -22211,13 +22313,6 @@ textarea.v-field__input::placeholder {
22211
22313
  .v-layout--full-height {
22212
22314
  --v-scrollbar-offset: inherit;
22213
22315
  height: 100%;
22214
- }.v-layout-item {
22215
- position: absolute;
22216
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22217
- }
22218
-
22219
- .v-layout-item--absolute {
22220
- position: absolute;
22221
22316
  }.v-list {
22222
22317
  overflow: auto;
22223
22318
  padding: 8px 0;
@@ -22775,6 +22870,8 @@ textarea.v-field__input::placeholder {
22775
22870
  }
22776
22871
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22777
22872
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22873
+ }.v-locale-provider {
22874
+ display: contents;
22778
22875
  }.v-main {
22779
22876
  flex: 1 0 auto;
22780
22877
  max-width: 100%;
@@ -22803,21 +22900,6 @@ textarea.v-field__input::placeholder {
22803
22900
  --v-layout-right: 0px;
22804
22901
  --v-layout-top: 0px;
22805
22902
  --v-layout-bottom: 0px;
22806
- }.v-locale-provider {
22807
- display: contents;
22808
- }.v-menu > .v-overlay__content {
22809
- display: flex;
22810
- flex-direction: column;
22811
- border-radius: 4px;
22812
- }
22813
- .v-menu > .v-overlay__content > .v-card,
22814
- .v-menu > .v-overlay__content > .v-sheet,
22815
- .v-menu > .v-overlay__content > .v-list {
22816
- background: rgb(var(--v-theme-surface));
22817
- border-radius: inherit;
22818
- overflow: auto;
22819
- height: 100%;
22820
- 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));
22821
22903
  }.v-messages {
22822
22904
  flex: 1 1 auto;
22823
22905
  font-size: 12px;
@@ -22834,6 +22916,19 @@ textarea.v-field__input::placeholder {
22834
22916
  -webkit-hyphens: auto;
22835
22917
  hyphens: auto;
22836
22918
  transition-duration: 150ms;
22919
+ }.v-menu > .v-overlay__content {
22920
+ display: flex;
22921
+ flex-direction: column;
22922
+ border-radius: 4px;
22923
+ }
22924
+ .v-menu > .v-overlay__content > .v-card,
22925
+ .v-menu > .v-overlay__content > .v-sheet,
22926
+ .v-menu > .v-overlay__content > .v-list {
22927
+ background: rgb(var(--v-theme-surface));
22928
+ border-radius: inherit;
22929
+ overflow: auto;
22930
+ height: 100%;
22931
+ 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));
22837
22932
  }.v-navigation-drawer {
22838
22933
  -webkit-overflow-scrolling: touch;
22839
22934
  background: rgb(var(--v-theme-surface));
@@ -22992,6 +23087,14 @@ textarea.v-field__input::placeholder {
22992
23087
  }
22993
23088
  .v-otp-input__loader .v-progress-linear {
22994
23089
  position: absolute;
23090
+ }.v-pagination__list {
23091
+ display: inline-flex;
23092
+ list-style-type: none;
23093
+ justify-content: center;
23094
+ width: 100%;
23095
+ }
23096
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23097
+ margin: 0.3rem;
22995
23098
  }.v-overlay-container {
22996
23099
  contain: layout;
22997
23100
  left: 0;
@@ -23055,20 +23158,6 @@ html.v-overlay-scroll-blocked {
23055
23158
 
23056
23159
  .v-overlay--scroll-blocked {
23057
23160
  padding-inline-end: var(--v-scrollbar-offset);
23058
- }.v-pagination__list {
23059
- display: inline-flex;
23060
- list-style-type: none;
23061
- justify-content: center;
23062
- width: 100%;
23063
- }
23064
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23065
- margin: 0.3rem;
23066
- }.v-parallax {
23067
- position: relative;
23068
- overflow: hidden;
23069
- }
23070
- .v-parallax--active > .v-img__img {
23071
- will-change: transform;
23072
23161
  }.v-progress-circular {
23073
23162
  align-items: center;
23074
23163
  display: inline-flex;
@@ -23171,18 +23260,12 @@ html.v-overlay-scroll-blocked {
23171
23260
  100% {
23172
23261
  transform: rotate(270deg);
23173
23262
  }
23174
- }.v-radio-group > .v-input__control {
23175
- flex-direction: column;
23176
- }
23177
- .v-radio-group > .v-input__control > .v-label {
23178
- margin-inline-start: 16px;
23179
- }
23180
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23181
- padding-inline-start: 6px;
23182
- margin-top: 8px;
23263
+ }.v-parallax {
23264
+ position: relative;
23265
+ overflow: hidden;
23183
23266
  }
23184
- .v-radio-group .v-input__details {
23185
- padding-inline: 16px;
23267
+ .v-parallax--active > .v-img__img {
23268
+ will-change: transform;
23186
23269
  }.v-progress-linear {
23187
23270
  background: transparent;
23188
23271
  overflow: hidden;
@@ -23394,6 +23477,18 @@ html.v-overlay-scroll-blocked {
23394
23477
  0% {
23395
23478
  background-position-x: var(--v-progress-linear-height);
23396
23479
  }
23480
+ }.v-radio-group > .v-input__control {
23481
+ flex-direction: column;
23482
+ }
23483
+ .v-radio-group > .v-input__control > .v-label {
23484
+ margin-inline-start: 16px;
23485
+ }
23486
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23487
+ padding-inline-start: 6px;
23488
+ margin-top: 8px;
23489
+ }
23490
+ .v-radio-group .v-input__details {
23491
+ padding-inline: 16px;
23397
23492
  }.v-slider .v-slider__container input {
23398
23493
  cursor: default;
23399
23494
  padding: 0;
@@ -23553,6 +23648,32 @@ html.v-overlay-scroll-blocked {
23553
23648
  .v-select--active-menu .v-select__menu-icon {
23554
23649
  opacity: var(--v-high-emphasis-opacity);
23555
23650
  transform: rotate(180deg);
23651
+ }.v-responsive {
23652
+ display: flex;
23653
+ flex: 1 0 auto;
23654
+ max-height: 100%;
23655
+ max-width: 100%;
23656
+ overflow: hidden;
23657
+ position: relative;
23658
+ }
23659
+ .v-responsive--inline {
23660
+ display: inline-flex;
23661
+ flex: 0 0 auto;
23662
+ }
23663
+
23664
+ .v-responsive__content {
23665
+ flex: 1 0 0px;
23666
+ max-width: 100%;
23667
+ }
23668
+
23669
+ .v-responsive__sizer ~ .v-responsive__content {
23670
+ margin-inline-start: -100%;
23671
+ }
23672
+
23673
+ .v-responsive__sizer {
23674
+ flex: 1 0 0px;
23675
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23676
+ pointer-events: none;
23556
23677
  }.v-selection-control {
23557
23678
  align-items: center;
23558
23679
  contain: layout;
@@ -24147,122 +24268,6 @@ html.v-overlay-scroll-blocked {
24147
24268
  }
24148
24269
  .v-speed-dial__content > *:nth-child(10) {
24149
24270
  transition-delay: 0.45s;
24150
- }.v-stepper.v-sheet {
24151
- 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));
24152
- border-radius: 4px;
24153
- overflow: hidden;
24154
- }
24155
- .v-stepper.v-sheet.v-stepper--flat {
24156
- 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));
24157
- }
24158
-
24159
- .v-stepper-header {
24160
- 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));
24161
- align-items: center;
24162
- display: flex;
24163
- position: relative;
24164
- overflow-x: auto;
24165
- justify-content: space-between;
24166
- z-index: 1;
24167
- }
24168
- .v-stepper-header .v-divider {
24169
- margin: 0 -16px;
24170
- }
24171
- .v-stepper-header .v-divider:last-child {
24172
- margin-inline-end: 0;
24173
- }
24174
- .v-stepper-header .v-divider:first-child {
24175
- margin-inline-start: 0;
24176
- }
24177
- .v-stepper--alt-labels .v-stepper-header {
24178
- height: auto;
24179
- }
24180
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24181
- align-self: flex-start;
24182
- margin: 35px -67px 0;
24183
- }
24184
-
24185
- .v-stepper-window {
24186
- margin: 1.5rem;
24187
- }
24188
-
24189
- .v-stepper-actions {
24190
- display: flex;
24191
- align-items: center;
24192
- justify-content: space-between;
24193
- padding: 1rem;
24194
- }
24195
- .v-stepper .v-stepper-actions {
24196
- padding: 0 1.5rem 1rem;
24197
- }
24198
- .v-stepper-window-item .v-stepper-actions {
24199
- padding: 1.5rem 0 0;
24200
- }.v-stepper-item {
24201
- align-items: center;
24202
- align-self: stretch;
24203
- display: inline-flex;
24204
- flex: none;
24205
- opacity: var(--v-medium-emphasis-opacity);
24206
- padding: 1.5rem;
24207
- transition-duration: 0.2s;
24208
- transition-property: opacity;
24209
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24210
- }
24211
- .v-stepper-item--selected {
24212
- opacity: 1;
24213
- }
24214
- .v-stepper-item--error {
24215
- color: rgb(var(--v-theme-error));
24216
- }
24217
- .v-stepper-item--disabled {
24218
- opacity: var(--v-medium-emphasis-opacity);
24219
- pointer-events: none;
24220
- }
24221
- .v-stepper--alt-labels .v-stepper-item {
24222
- flex-direction: column;
24223
- justify-content: flex-start;
24224
- align-items: center;
24225
- flex-basis: 175px;
24226
- }
24227
-
24228
- .v-stepper-item__avatar.v-avatar {
24229
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24230
- color: rgb(var(--v-theme-on-surface-variant));
24231
- font-size: 0.75rem;
24232
- margin-inline-end: 8px;
24233
- }
24234
- .v-stepper-item__avatar.v-avatar .v-icon {
24235
- font-size: 0.875rem;
24236
- }
24237
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24238
- background: rgb(var(--v-theme-surface-variant));
24239
- }
24240
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24241
- background: rgb(var(--v-theme-error));
24242
- }
24243
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24244
- margin-bottom: 16px;
24245
- margin-inline-end: 0;
24246
- }
24247
-
24248
- .v-stepper-item__title {
24249
- line-height: 1;
24250
- }
24251
- .v-stepper--mobile .v-stepper-item__title {
24252
- display: none;
24253
- }
24254
-
24255
- .v-stepper-item__subtitle {
24256
- font-size: 0.75rem;
24257
- text-align: left;
24258
- line-height: 1;
24259
- opacity: var(--v-medium-emphasis-opacity);
24260
- }
24261
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24262
- text-align: center;
24263
- }
24264
- .v-stepper--mobile .v-stepper-item__subtitle {
24265
- display: none;
24266
24271
  }.v-switch .v-label {
24267
24272
  padding-inline-start: 10px;
24268
24273
  }
@@ -24333,109 +24338,235 @@ html.v-overlay-scroll-blocked {
24333
24338
  position: relative;
24334
24339
  overflow: hidden;
24335
24340
  }
24336
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24337
- 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));
24341
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24342
+ 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));
24343
+ }
24344
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24345
+ background: rgb(var(--v-theme-surface-variant));
24346
+ color: rgb(var(--v-theme-on-surface-variant));
24347
+ 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));
24348
+ }
24349
+ .v-switch--inset .v-switch__thumb {
24350
+ height: 24px;
24351
+ width: 24px;
24352
+ transform: scale(0.6666666667);
24353
+ }
24354
+ .v-switch--inset .v-switch__thumb--filled {
24355
+ transform: none;
24356
+ }
24357
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24358
+ transform: none;
24359
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24360
+ }
24361
+
24362
+ .v-switch.v-input {
24363
+ flex: 0 1 auto;
24364
+ }
24365
+ .v-switch .v-selection-control {
24366
+ min-height: var(--v-input-control-height);
24367
+ }
24368
+ .v-switch .v-selection-control__input {
24369
+ border-radius: 50%;
24370
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24371
+ position: absolute;
24372
+ }
24373
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24374
+ transform: translateX(-10px);
24375
+ }
24376
+
24377
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24378
+ transform: translateX(10px);
24379
+ }
24380
+
24381
+ .v-switch .v-selection-control__input .v-icon {
24382
+ position: absolute;
24383
+ }
24384
+ .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 {
24385
+ transform: translateX(10px);
24386
+ }
24387
+
24388
+ .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 {
24389
+ transform: translateX(-10px);
24390
+ }
24391
+
24392
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24393
+ transform: scale(0.8);
24394
+ }
24395
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24396
+ transform: scale(0.75);
24397
+ box-shadow: none;
24398
+ }
24399
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24400
+ width: auto;
24401
+ }
24402
+ .v-switch.v-input--vertical .v-label {
24403
+ min-width: max-content;
24404
+ }
24405
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24406
+ transform: rotate(-90deg);
24407
+ }.v-stepper.v-sheet {
24408
+ 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));
24409
+ border-radius: 4px;
24410
+ overflow: hidden;
24411
+ }
24412
+ .v-stepper.v-sheet.v-stepper--flat {
24413
+ 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));
24414
+ }
24415
+
24416
+ .v-stepper-header {
24417
+ 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));
24418
+ align-items: center;
24419
+ display: flex;
24420
+ position: relative;
24421
+ overflow-x: auto;
24422
+ justify-content: space-between;
24423
+ z-index: 1;
24424
+ }
24425
+ .v-stepper-header .v-divider {
24426
+ margin: 0 -16px;
24427
+ }
24428
+ .v-stepper-header .v-divider:last-child {
24429
+ margin-inline-end: 0;
24430
+ }
24431
+ .v-stepper-header .v-divider:first-child {
24432
+ margin-inline-start: 0;
24433
+ }
24434
+ .v-stepper--alt-labels .v-stepper-header {
24435
+ height: auto;
24436
+ }
24437
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24438
+ align-self: flex-start;
24439
+ margin: 35px -67px 0;
24440
+ }
24441
+
24442
+ .v-stepper-window {
24443
+ margin: 1.5rem;
24444
+ }
24445
+
24446
+ .v-stepper-actions {
24447
+ display: flex;
24448
+ align-items: center;
24449
+ justify-content: space-between;
24450
+ padding: 1rem;
24451
+ }
24452
+ .v-stepper .v-stepper-actions {
24453
+ padding: 0 1.5rem 1rem;
24454
+ }
24455
+ .v-stepper-window-item .v-stepper-actions {
24456
+ padding: 1.5rem 0 0;
24457
+ }.v-stepper-item {
24458
+ align-items: center;
24459
+ align-self: stretch;
24460
+ display: inline-flex;
24461
+ flex: none;
24462
+ outline: none;
24463
+ opacity: var(--v-medium-emphasis-opacity);
24464
+ padding: 1.5rem;
24465
+ position: relative;
24466
+ transition-duration: 0.2s;
24467
+ transition-property: opacity;
24468
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24469
+ }
24470
+ .v-stepper-item:hover > .v-stepper-item__overlay {
24471
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24472
+ }
24473
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24474
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24475
+ }
24476
+ @supports not selector(:focus-visible) {
24477
+ .v-stepper-item:focus > .v-stepper-item__overlay {
24478
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24479
+ }
24338
24480
  }
24339
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24340
- background: rgb(var(--v-theme-surface-variant));
24341
- color: rgb(var(--v-theme-on-surface-variant));
24342
- 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));
24481
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24482
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24343
24483
  }
24344
- .v-switch--inset .v-switch__thumb {
24345
- height: 24px;
24346
- width: 24px;
24347
- transform: scale(0.6666666667);
24484
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24485
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24348
24486
  }
24349
- .v-switch--inset .v-switch__thumb--filled {
24350
- transform: none;
24487
+ .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 {
24488
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24351
24489
  }
24352
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24353
- transform: none;
24354
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24490
+ @supports not selector(:focus-visible) {
24491
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24492
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24493
+ }
24355
24494
  }
24356
-
24357
- .v-switch.v-input {
24358
- flex: 0 1 auto;
24495
+ .v-stepper--non-linear .v-stepper-item {
24496
+ opacity: var(--v-high-emphasis-opacity);
24359
24497
  }
24360
- .v-switch .v-selection-control {
24361
- min-height: var(--v-input-control-height);
24498
+ .v-stepper-item--selected {
24499
+ opacity: 1;
24362
24500
  }
24363
- .v-switch .v-selection-control__input {
24364
- border-radius: 50%;
24365
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24366
- position: absolute;
24501
+ .v-stepper-item--error {
24502
+ color: rgb(var(--v-theme-error));
24367
24503
  }
24368
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24369
- transform: translateX(-10px);
24504
+ .v-stepper-item--disabled {
24505
+ opacity: var(--v-medium-emphasis-opacity);
24506
+ pointer-events: none;
24370
24507
  }
24371
-
24372
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24373
- transform: translateX(10px);
24508
+ .v-stepper--alt-labels .v-stepper-item {
24509
+ flex-direction: column;
24510
+ justify-content: flex-start;
24511
+ align-items: center;
24512
+ flex-basis: 175px;
24374
24513
  }
24375
24514
 
24376
- .v-switch .v-selection-control__input .v-icon {
24377
- position: absolute;
24515
+ .v-stepper-item__avatar.v-avatar {
24516
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24517
+ color: rgb(var(--v-theme-on-surface-variant));
24518
+ font-size: 0.75rem;
24519
+ margin-inline-end: 8px;
24378
24520
  }
24379
- .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 {
24380
- transform: translateX(10px);
24521
+ .v-stepper-item__avatar.v-avatar .v-icon {
24522
+ font-size: 0.875rem;
24381
24523
  }
24382
-
24383
- .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 {
24384
- transform: translateX(-10px);
24524
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24525
+ background: rgb(var(--v-theme-surface-variant));
24385
24526
  }
24386
-
24387
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24388
- transform: scale(0.8);
24527
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24528
+ background: rgb(var(--v-theme-error));
24389
24529
  }
24390
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24391
- transform: scale(0.75);
24392
- box-shadow: none;
24530
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24531
+ margin-bottom: 16px;
24532
+ margin-inline-end: 0;
24393
24533
  }
24394
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24395
- width: auto;
24534
+
24535
+ .v-stepper-item__title {
24536
+ line-height: 1;
24396
24537
  }
24397
- .v-switch.v-input--vertical .v-label {
24398
- min-width: max-content;
24538
+ .v-stepper--mobile .v-stepper-item__title {
24539
+ display: none;
24399
24540
  }
24400
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24401
- transform: rotate(-90deg);
24402
- }.v-system-bar {
24403
- align-items: center;
24404
- display: flex;
24405
- flex: 1 1 auto;
24406
- height: 24px;
24407
- justify-content: flex-end;
24408
- max-width: 100%;
24409
- padding-inline: 8px;
24410
- position: relative;
24411
- text-align: end;
24412
- width: 100%;
24413
- 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));
24414
- background: rgba(var(--v-theme-surface-light));
24415
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24541
+
24542
+ .v-stepper-item__subtitle {
24416
24543
  font-size: 0.75rem;
24417
- font-weight: 400;
24418
- letter-spacing: 0.0333333333em;
24419
- line-height: 1.667;
24420
- text-transform: none;
24421
- }
24422
- .v-system-bar .v-icon {
24544
+ text-align: left;
24545
+ line-height: 1;
24423
24546
  opacity: var(--v-medium-emphasis-opacity);
24424
24547
  }
24425
- .v-system-bar--absolute {
24426
- position: absolute;
24427
- }
24428
- .v-system-bar--fixed {
24429
- position: fixed;
24548
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24549
+ text-align: center;
24430
24550
  }
24431
- .v-system-bar--rounded {
24432
- border-radius: 0;
24551
+ .v-stepper--mobile .v-stepper-item__subtitle {
24552
+ display: none;
24433
24553
  }
24434
- .v-system-bar--window {
24435
- height: 32px;
24554
+
24555
+ .v-stepper-item__overlay {
24556
+ background-color: currentColor;
24557
+ border-radius: inherit;
24558
+ opacity: 0;
24559
+ transition: opacity 0.2s ease-in-out;
24436
24560
  }
24437
- .v-system-bar:not(.v-system-bar--absolute) {
24438
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24561
+
24562
+ .v-stepper-item__overlay,
24563
+ .v-stepper-item__underlay {
24564
+ position: absolute;
24565
+ top: 0;
24566
+ left: 0;
24567
+ width: 100%;
24568
+ height: 100%;
24569
+ pointer-events: none;
24439
24570
  }.v-table {
24440
24571
  background: rgb(var(--v-theme-surface));
24441
24572
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24574,101 +24705,43 @@ html.v-overlay-scroll-blocked {
24574
24705
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24575
24706
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24576
24707
  border-top: 0px !important;
24577
- }.v-tab.v-tab.v-btn {
24578
- height: var(--v-tabs-height);
24579
- border-radius: 0;
24580
- min-width: 90px;
24581
- }
24582
- .v-slide-group--horizontal .v-tab {
24583
- max-width: 360px;
24584
- }
24585
- .v-slide-group--vertical .v-tab {
24586
- justify-content: start;
24587
- }
24588
-
24589
- .v-tab__slider {
24590
- position: absolute;
24591
- bottom: 0;
24592
- left: 0;
24593
- height: 2px;
24594
- width: 100%;
24595
- background: currentColor;
24596
- pointer-events: none;
24597
- opacity: 0;
24598
- }
24599
- .v-tab--selected .v-tab__slider {
24600
- opacity: 1;
24601
- }
24602
- .v-slide-group--vertical .v-tab__slider {
24603
- top: 0;
24604
- height: 100%;
24605
- width: 2px;
24606
- }.v-tabs {
24708
+ }.v-system-bar {
24709
+ align-items: center;
24607
24710
  display: flex;
24608
- height: var(--v-tabs-height);
24609
- }
24610
- .v-tabs--density-default {
24611
- --v-tabs-height: 48px;
24612
- }
24613
- .v-tabs--density-default.v-tabs--stacked {
24614
- --v-tabs-height: 72px;
24615
- }
24616
-
24617
- .v-tabs--density-comfortable {
24618
- --v-tabs-height: 44px;
24619
- }
24620
- .v-tabs--density-comfortable.v-tabs--stacked {
24621
- --v-tabs-height: 68px;
24622
- }
24623
-
24624
- .v-tabs--density-compact {
24625
- --v-tabs-height: 36px;
24626
- }
24627
- .v-tabs--density-compact.v-tabs--stacked {
24628
- --v-tabs-height: 60px;
24629
- }
24630
-
24631
- .v-tabs.v-slide-group--vertical {
24632
- height: auto;
24633
- flex: none;
24634
- --v-tabs-height: 48px;
24635
- }
24636
-
24637
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24638
- margin-inline-start: 42px;
24639
- }
24640
-
24641
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24642
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24643
- margin-inline-end: auto;
24711
+ flex: 1 1 auto;
24712
+ height: 24px;
24713
+ justify-content: flex-end;
24714
+ max-width: 100%;
24715
+ padding-inline: 8px;
24716
+ position: relative;
24717
+ text-align: end;
24718
+ width: 100%;
24719
+ 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));
24720
+ background: rgba(var(--v-theme-surface-light));
24721
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24722
+ font-size: 0.75rem;
24723
+ font-weight: 400;
24724
+ letter-spacing: 0.0333333333em;
24725
+ line-height: 1.667;
24726
+ text-transform: none;
24644
24727
  }
24645
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24646
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24647
- margin-inline-start: auto;
24728
+ .v-system-bar .v-icon {
24729
+ opacity: var(--v-medium-emphasis-opacity);
24648
24730
  }
24649
-
24650
- .v-tabs--grow {
24651
- flex-grow: 1;
24731
+ .v-system-bar--absolute {
24732
+ position: absolute;
24652
24733
  }
24653
- .v-tabs--grow .v-tab {
24654
- flex: 1 0 auto;
24655
- max-width: none;
24734
+ .v-system-bar--fixed {
24735
+ position: fixed;
24656
24736
  }
24657
-
24658
- .v-tabs--align-tabs-end .v-tab:first-child {
24659
- margin-inline-start: auto;
24737
+ .v-system-bar--rounded {
24738
+ border-radius: 0;
24660
24739
  }
24661
- .v-tabs--align-tabs-end .v-tab:last-child {
24662
- margin-inline-end: 0;
24740
+ .v-system-bar--window {
24741
+ height: 32px;
24663
24742
  }
24664
-
24665
- @media (max-width: 1279.98px) {
24666
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24667
- margin-inline-start: 52px;
24668
- }
24669
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24670
- margin-inline-end: 52px;
24671
- }
24743
+ .v-system-bar:not(.v-system-bar--absolute) {
24744
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24672
24745
  }/* region BLOCK */
24673
24746
  .v-text-field input {
24674
24747
  color: inherit;
@@ -25424,127 +25497,123 @@ html.v-overlay-scroll-blocked {
25424
25497
  }
25425
25498
  .v-window-y-reverse-transition-leave-to {
25426
25499
  transform: translateY(100%);
25427
- }.v-responsive {
25428
- display: flex;
25429
- flex: 1 0 auto;
25430
- max-height: 100%;
25431
- max-width: 100%;
25432
- overflow: hidden;
25433
- position: relative;
25434
- }
25435
- .v-responsive--inline {
25436
- display: inline-flex;
25437
- flex: 0 0 auto;
25500
+ }.v-tab.v-tab.v-btn {
25501
+ height: var(--v-tabs-height);
25502
+ border-radius: 0;
25503
+ min-width: 90px;
25438
25504
  }
25439
-
25440
- .v-responsive__content {
25441
- flex: 1 0 0px;
25442
- max-width: 100%;
25505
+ .v-slide-group--horizontal .v-tab {
25506
+ max-width: 360px;
25443
25507
  }
25444
-
25445
- .v-responsive__sizer ~ .v-responsive__content {
25446
- margin-inline-start: -100%;
25508
+ .v-slide-group--vertical .v-tab {
25509
+ justify-content: start;
25447
25510
  }
25448
25511
 
25449
- .v-responsive__sizer {
25450
- flex: 1 0 0px;
25451
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25512
+ .v-tab__slider {
25513
+ position: absolute;
25514
+ bottom: 0;
25515
+ left: 0;
25516
+ height: 2px;
25517
+ width: 100%;
25518
+ background: currentColor;
25452
25519
  pointer-events: none;
25453
- }.v-avatar {
25454
- flex: none;
25455
- align-items: center;
25456
- display: inline-flex;
25457
- justify-content: center;
25458
- line-height: normal;
25459
- overflow: hidden;
25460
- position: relative;
25461
- text-align: center;
25462
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25463
- transition-property: width, height;
25464
- vertical-align: middle;
25465
- border-radius: 50%;
25520
+ opacity: 0;
25466
25521
  }
25467
- .v-avatar.v-avatar--size-x-small {
25468
- --v-avatar-height: 24px;
25522
+ .v-tab--selected .v-tab__slider {
25523
+ opacity: 1;
25469
25524
  }
25470
- .v-avatar.v-avatar--size-small {
25471
- --v-avatar-height: 32px;
25525
+ .v-slide-group--vertical .v-tab__slider {
25526
+ top: 0;
25527
+ height: 100%;
25528
+ width: 2px;
25529
+ }.v-tabs {
25530
+ display: flex;
25531
+ height: var(--v-tabs-height);
25472
25532
  }
25473
- .v-avatar.v-avatar--size-default {
25474
- --v-avatar-height: 40px;
25533
+ .v-tabs--density-default {
25534
+ --v-tabs-height: 48px;
25475
25535
  }
25476
- .v-avatar.v-avatar--size-large {
25477
- --v-avatar-height: 48px;
25536
+ .v-tabs--density-default.v-tabs--stacked {
25537
+ --v-tabs-height: 72px;
25478
25538
  }
25479
- .v-avatar.v-avatar--size-x-large {
25480
- --v-avatar-height: 56px;
25539
+
25540
+ .v-tabs--density-comfortable {
25541
+ --v-tabs-height: 44px;
25481
25542
  }
25482
- .v-avatar.v-avatar--density-default {
25483
- height: calc(var(--v-avatar-height) + 0px);
25484
- width: calc(var(--v-avatar-height) + 0px);
25543
+ .v-tabs--density-comfortable.v-tabs--stacked {
25544
+ --v-tabs-height: 68px;
25485
25545
  }
25486
- .v-avatar.v-avatar--density-comfortable {
25487
- height: calc(var(--v-avatar-height) + -4px);
25488
- width: calc(var(--v-avatar-height) + -4px);
25546
+
25547
+ .v-tabs--density-compact {
25548
+ --v-tabs-height: 36px;
25489
25549
  }
25490
- .v-avatar.v-avatar--density-compact {
25491
- height: calc(var(--v-avatar-height) + -8px);
25492
- width: calc(var(--v-avatar-height) + -8px);
25550
+ .v-tabs--density-compact.v-tabs--stacked {
25551
+ --v-tabs-height: 60px;
25493
25552
  }
25494
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
25495
- background: transparent;
25496
- color: inherit;
25553
+
25554
+ .v-tabs.v-slide-group--vertical {
25555
+ height: auto;
25556
+ flex: none;
25557
+ --v-tabs-height: 48px;
25497
25558
  }
25498
- .v-avatar--variant-plain {
25499
- opacity: 0.62;
25559
+
25560
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25561
+ margin-inline-start: 42px;
25500
25562
  }
25501
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
25502
- opacity: 1;
25563
+
25564
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25565
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25566
+ margin-inline-end: auto;
25503
25567
  }
25504
- .v-avatar--variant-plain .v-avatar__overlay {
25505
- display: none;
25568
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25569
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25570
+ margin-inline-start: auto;
25506
25571
  }
25507
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
25508
- background: var(--v-theme-surface);
25509
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25572
+
25573
+ .v-tabs--grow {
25574
+ flex-grow: 1;
25510
25575
  }
25511
- .v-avatar--variant-elevated {
25512
- 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));
25576
+ .v-tabs--grow .v-tab {
25577
+ flex: 1 0 auto;
25578
+ max-width: none;
25513
25579
  }
25514
- .v-avatar--variant-flat {
25515
- 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));
25580
+
25581
+ .v-tabs--align-tabs-end .v-tab:first-child {
25582
+ margin-inline-start: auto;
25516
25583
  }
25517
- .v-avatar--variant-outlined {
25518
- border: thin solid currentColor;
25584
+ .v-tabs--align-tabs-end .v-tab:last-child {
25585
+ margin-inline-end: 0;
25519
25586
  }
25520
- .v-avatar--variant-text .v-avatar__overlay {
25521
- background: currentColor;
25587
+
25588
+ @media (max-width: 1279.98px) {
25589
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25590
+ margin-inline-start: 52px;
25591
+ }
25592
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25593
+ margin-inline-end: 52px;
25594
+ }
25595
+ }.v-color-picker-canvas {
25596
+ display: flex;
25597
+ position: relative;
25598
+ overflow: hidden;
25599
+ contain: content;
25600
+ touch-action: none;
25522
25601
  }
25523
- .v-avatar--variant-tonal .v-avatar__underlay {
25524
- background: currentColor;
25525
- opacity: var(--v-activated-opacity);
25526
- border-radius: inherit;
25602
+ .v-color-picker-canvas__dot {
25603
+ position: absolute;
25527
25604
  top: 0;
25528
- right: 0;
25529
- bottom: 0;
25530
25605
  left: 0;
25531
- pointer-events: none;
25532
- }
25533
- .v-avatar .v-avatar__underlay {
25534
- position: absolute;
25535
- }
25536
- .v-avatar--rounded {
25537
- border-radius: 4px;
25538
- }
25539
- .v-avatar--start {
25540
- margin-inline-end: 8px;
25606
+ width: 15px;
25607
+ height: 15px;
25608
+ background: transparent;
25609
+ border-radius: 50%;
25610
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25541
25611
  }
25542
- .v-avatar--end {
25543
- margin-inline-start: 8px;
25612
+ .v-color-picker-canvas__dot--disabled {
25613
+ 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);
25544
25614
  }
25545
- .v-avatar .v-img {
25546
- height: 100%;
25547
- width: 100%;
25615
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25616
+ will-change: transform;
25548
25617
  }.v-color-picker-preview__alpha .v-slider-track__background {
25549
25618
  background-color: transparent !important;
25550
25619
  }
@@ -25615,28 +25684,34 @@ html.v-overlay-scroll-blocked {
25615
25684
  .v-color-picker-preview__eye-dropper {
25616
25685
  position: relative;
25617
25686
  margin-right: 12px;
25618
- }.v-color-picker-canvas {
25687
+ }.v-color-picker-edit {
25619
25688
  display: flex;
25620
- position: relative;
25621
- overflow: hidden;
25622
- contain: content;
25623
- touch-action: none;
25689
+ margin-top: 24px;
25624
25690
  }
25625
- .v-color-picker-canvas__dot {
25626
- position: absolute;
25627
- top: 0;
25628
- left: 0;
25629
- width: 15px;
25630
- height: 15px;
25631
- background: transparent;
25632
- border-radius: 50%;
25633
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25691
+
25692
+ .v-color-picker-edit__input {
25693
+ width: 100%;
25694
+ display: flex;
25695
+ flex-wrap: wrap;
25696
+ justify-content: center;
25697
+ text-align: center;
25634
25698
  }
25635
- .v-color-picker-canvas__dot--disabled {
25636
- 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);
25699
+ .v-color-picker-edit__input:not(:last-child) {
25700
+ margin-inline-end: 8px;
25637
25701
  }
25638
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25639
- will-change: transform;
25702
+ .v-color-picker-edit__input input {
25703
+ border-radius: 4px;
25704
+ margin-bottom: 8px;
25705
+ min-width: 0;
25706
+ outline: none;
25707
+ text-align: center;
25708
+ width: 100%;
25709
+ height: 32px;
25710
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25711
+ color: rgba(var(--v-theme-on-surface));
25712
+ }
25713
+ .v-color-picker-edit__input span {
25714
+ font-size: 0.75rem;
25640
25715
  }.v-color-picker-swatches {
25641
25716
  overflow-y: auto;
25642
25717
  }
@@ -25672,34 +25747,6 @@ html.v-overlay-scroll-blocked {
25672
25747
  justify-content: center;
25673
25748
  width: 100%;
25674
25749
  height: 100%;
25675
- }.v-color-picker-edit {
25676
- display: flex;
25677
- margin-top: 24px;
25678
- }
25679
-
25680
- .v-color-picker-edit__input {
25681
- width: 100%;
25682
- display: flex;
25683
- flex-wrap: wrap;
25684
- justify-content: center;
25685
- text-align: center;
25686
- }
25687
- .v-color-picker-edit__input:not(:last-child) {
25688
- margin-inline-end: 8px;
25689
- }
25690
- .v-color-picker-edit__input input {
25691
- border-radius: 4px;
25692
- margin-bottom: 8px;
25693
- min-width: 0;
25694
- outline: none;
25695
- text-align: center;
25696
- width: 100%;
25697
- height: 32px;
25698
- background: rgba(var(--v-theme-surface-variant), 0.2);
25699
- color: rgba(var(--v-theme-on-surface));
25700
- }
25701
- .v-color-picker-edit__input span {
25702
- font-size: 0.75rem;
25703
25750
  }.v-picker.v-sheet {
25704
25751
  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));
25705
25752
  border-radius: 4px;