@vuetify/nightly 3.6.3-master.2024-05-02 → 3.6.3-master.2024-05-05

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 (43) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/json/attributes.json +17 -17
  3. package/dist/json/importMap-labs.json +14 -14
  4. package/dist/json/importMap.json +146 -146
  5. package/dist/json/web-types.json +28 -28
  6. package/dist/vuetify-labs.css +1848 -1834
  7. package/dist/vuetify-labs.d.ts +129 -123
  8. package/dist/vuetify-labs.esm.js +7 -5
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +7 -5
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1818 -1804
  13. package/dist/vuetify.d.ts +178 -172
  14. package/dist/vuetify.esm.js +7 -5
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +7 -5
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +5 -5
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAlert/VAlert.css +3 -1
  22. package/lib/components/VAvatar/VAvatar.css +3 -1
  23. package/lib/components/VBanner/index.d.mts +11 -11
  24. package/lib/components/VBtn/VBtn.css +3 -1
  25. package/lib/components/VCard/VCard.css +3 -1
  26. package/lib/components/VChip/VChip.css +3 -1
  27. package/lib/components/VChipGroup/index.d.mts +11 -11
  28. package/lib/components/VDataTable/index.d.mts +66 -66
  29. package/lib/components/VList/VListItem.css +3 -1
  30. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +3 -1
  31. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  32. package/lib/components/VNavigationDrawer/index.d.mts +19 -13
  33. package/lib/components/VSlideGroup/index.d.mts +11 -11
  34. package/lib/components/VSnackbar/VSnackbar.css +3 -1
  35. package/lib/components/VTabs/index.d.mts +11 -11
  36. package/lib/components/index.d.mts +129 -123
  37. package/lib/composables/display.mjs +1 -1
  38. package/lib/composables/display.mjs.map +1 -1
  39. package/lib/entry-bundler.mjs +1 -1
  40. package/lib/framework.mjs +1 -1
  41. package/lib/index.d.mts +49 -49
  42. package/lib/styles/tools/_variant.sass +3 -1
  43. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-02
2
+ * Vuetify v3.6.3-master.2024-05-05
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17648,11 +17648,48 @@ html.overflow-y-hidden {
17648
17648
  .v-calendar-header__title {
17649
17649
  font-size: 1.5rem;
17650
17650
  margin-inline-start: 24px;
17651
- }.v-calendar-internal-event {
17651
+ }.v-calendar-day__row-with-label {
17652
+ display: grid;
17653
+ grid-template-columns: 48px 8px 1fr;
17654
+ border-right: thin solid #e0e0e0;
17655
+ }
17656
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17657
+ position: relative;
17658
+ border-right: thin solid #e0e0e0;
17659
+ }
17660
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17661
+ content: "";
17662
+ border-bottom: thin solid #e0e0e0;
17663
+ position: absolute;
17664
+ width: 100%;
17665
+ margin-top: -1px;
17666
+ z-index: 3;
17667
+ pointer-events: none;
17668
+ }
17669
+ .v-calendar-day__row-with-label .v-calendar-day__row-label {
17670
+ font-size: 10px;
17671
+ text-align: center;
17672
+ position: relative;
17673
+ top: -8px;
17674
+ }
17675
+ .v-calendar-day__row-with-label .v-calendar-day__row-content {
17676
+ border-bottom: thin solid #e0e0e0;
17677
+ }
17678
+ .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17679
+ border-bottom: none;
17680
+ }
17681
+
17682
+ .v-calendar-day__row-without-label {
17683
+ display: grid;
17684
+ grid-template-columns: 1fr;
17685
+ border-right: thin solid #e0e0e0;
17686
+ }
17687
+ .v-calendar-day__row-without-label .v-calendar-day__row-content {
17652
17688
  overflow: hidden;
17653
- padding: 4px;
17654
- text-overflow: ellipsis;
17655
- white-space: nowrap;
17689
+ border-bottom: thin solid #e0e0e0;
17690
+ }
17691
+ .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17692
+ border-bottom: none;
17656
17693
  }.v-calendar-month__day {
17657
17694
  position: relative;
17658
17695
  display: flex;
@@ -17716,112 +17753,11 @@ html.overflow-y-hidden {
17716
17753
 
17717
17754
  .v-calendar-weekly__day-alldayevents-container {
17718
17755
  min-height: 24px;
17719
- }.v-calendar-day__row-with-label {
17720
- display: grid;
17721
- grid-template-columns: 48px 8px 1fr;
17722
- border-right: thin solid #e0e0e0;
17723
- }
17724
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17725
- position: relative;
17726
- border-right: thin solid #e0e0e0;
17727
- }
17728
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17729
- content: "";
17730
- border-bottom: thin solid #e0e0e0;
17731
- position: absolute;
17732
- width: 100%;
17733
- margin-top: -1px;
17734
- z-index: 3;
17735
- pointer-events: none;
17736
- }
17737
- .v-calendar-day__row-with-label .v-calendar-day__row-label {
17738
- font-size: 10px;
17739
- text-align: center;
17740
- position: relative;
17741
- top: -8px;
17742
- }
17743
- .v-calendar-day__row-with-label .v-calendar-day__row-content {
17744
- border-bottom: thin solid #e0e0e0;
17745
- }
17746
- .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17747
- border-bottom: none;
17748
- }
17749
-
17750
- .v-calendar-day__row-without-label {
17751
- display: grid;
17752
- grid-template-columns: 1fr;
17753
- border-right: thin solid #e0e0e0;
17754
- }
17755
- .v-calendar-day__row-without-label .v-calendar-day__row-content {
17756
- overflow: hidden;
17757
- border-bottom: thin solid #e0e0e0;
17758
- }
17759
- .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17760
- border-bottom: none;
17761
- }.v-number-input input[type=number] {
17762
- -moz-appearance: textfield;
17763
- }
17764
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17765
- -webkit-appearance: none;
17766
- }
17767
- .v-number-input .v-field {
17768
- padding-inline-end: 0;
17769
- padding-inline-start: 0;
17770
- }
17771
- .v-number-input--inset .v-divider {
17772
- height: 55%;
17773
- width: 55%;
17774
- align-self: center;
17775
- }
17776
- .v-number-input--split .v-field__input {
17777
- text-align: center;
17778
- }
17779
- .v-number-input--stacked .v-number-input__control {
17780
- flex-direction: column-reverse;
17781
- }
17782
- .v-number-input--stacked .v-number-input__control .v-btn {
17783
- flex: 1;
17784
- }
17785
- .v-number-input--hide-input .v-field {
17786
- flex: none;
17787
- }
17788
- .v-number-input--hide-input .v-field__input {
17789
- width: 0;
17790
- padding-inline: 0;
17791
- }
17792
- .v-number-input__control {
17793
- display: flex;
17794
- height: 100%;
17795
- }
17796
- .v-number-input__control .v-btn {
17797
- background-color: transparent;
17798
- border-radius: 0;
17799
- }.v-pull-to-refresh {
17756
+ }.v-calendar-internal-event {
17800
17757
  overflow: hidden;
17801
- position: relative;
17802
- }
17803
- .v-pull-to-refresh__pull-down {
17804
- position: absolute;
17805
- width: 100%;
17806
- transition: top 0.3s ease-out;
17807
- }
17808
- .v-pull-to-refresh__pull-down--touching {
17809
- transition: none;
17810
- }
17811
- .v-pull-to-refresh__pull-down-default {
17812
- display: flex;
17813
- width: 100%;
17814
- height: 100%;
17815
- justify-content: center;
17816
- align-items: flex-end;
17817
- padding-bottom: 10px;
17818
- }
17819
- .v-pull-to-refresh__scroll-container {
17820
- position: relative;
17821
- transition: top 0.3s ease-out;
17822
- }
17823
- .v-pull-to-refresh__scroll-container--touching {
17824
- transition: none;
17758
+ padding: 4px;
17759
+ text-overflow: ellipsis;
17760
+ white-space: nowrap;
17825
17761
  }.v-picker.v-sheet {
17826
17762
  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));
17827
17763
  border-radius: 4px;
@@ -17875,6 +17811,44 @@ html.overflow-y-hidden {
17875
17811
  padding-bottom: 16px;
17876
17812
  font-weight: 400;
17877
17813
  letter-spacing: 0.1666666667em;
17814
+ }.v-number-input input[type=number] {
17815
+ -moz-appearance: textfield;
17816
+ }
17817
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17818
+ -webkit-appearance: none;
17819
+ }
17820
+ .v-number-input .v-field {
17821
+ padding-inline-end: 0;
17822
+ padding-inline-start: 0;
17823
+ }
17824
+ .v-number-input--inset .v-divider {
17825
+ height: 55%;
17826
+ width: 55%;
17827
+ align-self: center;
17828
+ }
17829
+ .v-number-input--split .v-field__input {
17830
+ text-align: center;
17831
+ }
17832
+ .v-number-input--stacked .v-number-input__control {
17833
+ flex-direction: column-reverse;
17834
+ }
17835
+ .v-number-input--stacked .v-number-input__control .v-btn {
17836
+ flex: 1;
17837
+ }
17838
+ .v-number-input--hide-input .v-field {
17839
+ flex: none;
17840
+ }
17841
+ .v-number-input--hide-input .v-field__input {
17842
+ width: 0;
17843
+ padding-inline: 0;
17844
+ }
17845
+ .v-number-input__control {
17846
+ display: flex;
17847
+ height: 100%;
17848
+ }
17849
+ .v-number-input__control .v-btn {
17850
+ background-color: transparent;
17851
+ border-radius: 0;
17878
17852
  }.v-time-picker.v-picker {
17879
17853
  padding: 24px;
17880
17854
  width: 328px;
@@ -18013,6 +17987,32 @@ html.overflow-y-hidden {
18013
17987
 
18014
17988
  .v-picker--landscape .v-time-picker-clock__container {
18015
17989
  flex-direction: row;
17990
+ }.v-pull-to-refresh {
17991
+ overflow: hidden;
17992
+ position: relative;
17993
+ }
17994
+ .v-pull-to-refresh__pull-down {
17995
+ position: absolute;
17996
+ width: 100%;
17997
+ transition: top 0.3s ease-out;
17998
+ }
17999
+ .v-pull-to-refresh__pull-down--touching {
18000
+ transition: none;
18001
+ }
18002
+ .v-pull-to-refresh__pull-down-default {
18003
+ display: flex;
18004
+ width: 100%;
18005
+ height: 100%;
18006
+ justify-content: center;
18007
+ align-items: flex-end;
18008
+ padding-bottom: 10px;
18009
+ }
18010
+ .v-pull-to-refresh__scroll-container {
18011
+ position: relative;
18012
+ transition: top 0.3s ease-out;
18013
+ }
18014
+ .v-pull-to-refresh__scroll-container--touching {
18015
+ transition: none;
18016
18016
  }.v-time-picker-controls {
18017
18017
  display: flex;
18018
18018
  align-items: center;
@@ -18132,18 +18132,6 @@ html.overflow-y-hidden {
18132
18132
  }
18133
18133
  .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18134
18134
  padding-inline-start: calc(12px + var(--indent-padding)) !important;
18135
- }.v-app-bar {
18136
- display: flex;
18137
- }
18138
- .v-app-bar.v-toolbar {
18139
- background: rgb(var(--v-theme-surface));
18140
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18141
- }
18142
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18143
- 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));
18144
- }
18145
- .v-app-bar:not(.v-toolbar--absolute) {
18146
- padding-inline-end: var(--v-scrollbar-offset);
18147
18135
  }.v-application {
18148
18136
  display: flex;
18149
18137
  background: rgb(var(--v-theme-background));
@@ -18160,99 +18148,87 @@ html.overflow-y-hidden {
18160
18148
  min-height: 100vh;
18161
18149
  min-height: 100dvh;
18162
18150
  position: relative;
18163
- }.v-avatar {
18164
- flex: none;
18165
- align-items: center;
18166
- display: inline-flex;
18167
- justify-content: center;
18168
- line-height: normal;
18169
- overflow: hidden;
18170
- position: relative;
18171
- text-align: center;
18172
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18173
- transition-property: width, height;
18174
- vertical-align: middle;
18175
- border-radius: 50%;
18151
+ }.v-autocomplete .v-field .v-text-field__prefix,
18152
+ .v-autocomplete .v-field .v-text-field__suffix,
18153
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18154
+ cursor: text;
18176
18155
  }
18177
- .v-avatar.v-avatar--size-x-small {
18178
- --v-avatar-height: 24px;
18156
+ .v-autocomplete .v-field .v-field__input > input {
18157
+ flex: 1 1;
18179
18158
  }
18180
- .v-avatar.v-avatar--size-small {
18181
- --v-avatar-height: 32px;
18159
+ .v-autocomplete .v-field input {
18160
+ min-width: 64px;
18182
18161
  }
18183
- .v-avatar.v-avatar--size-default {
18184
- --v-avatar-height: 40px;
18185
- }
18186
- .v-avatar.v-avatar--size-large {
18187
- --v-avatar-height: 48px;
18188
- }
18189
- .v-avatar.v-avatar--size-x-large {
18190
- --v-avatar-height: 56px;
18191
- }
18192
- .v-avatar.v-avatar--density-default {
18193
- height: calc(var(--v-avatar-height) + 0px);
18194
- width: calc(var(--v-avatar-height) + 0px);
18195
- }
18196
- .v-avatar.v-avatar--density-comfortable {
18197
- height: calc(var(--v-avatar-height) + -4px);
18198
- width: calc(var(--v-avatar-height) + -4px);
18162
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18163
+ min-width: 0;
18199
18164
  }
18200
- .v-avatar.v-avatar--density-compact {
18201
- height: calc(var(--v-avatar-height) + -8px);
18202
- width: calc(var(--v-avatar-height) + -8px);
18165
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18166
+ margin-inline-end: 2px;
18203
18167
  }
18204
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18205
- background: transparent;
18206
- color: inherit;
18168
+ .v-autocomplete .v-autocomplete__selection-text {
18169
+ overflow: hidden;
18170
+ text-overflow: ellipsis;
18171
+ white-space: nowrap;
18207
18172
  }
18208
- .v-avatar--variant-plain {
18209
- opacity: 0.62;
18173
+
18174
+ .v-autocomplete__content {
18175
+ overflow: hidden;
18176
+ 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));
18177
+ border-radius: 4px;
18210
18178
  }
18211
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18212
- opacity: 1;
18179
+ .v-autocomplete__mask {
18180
+ background: rgb(var(--v-theme-surface-light));
18213
18181
  }
18214
- .v-avatar--variant-plain .v-avatar__overlay {
18215
- display: none;
18182
+ .v-autocomplete__selection {
18183
+ display: inline-flex;
18184
+ align-items: center;
18185
+ height: 1.5rem;
18186
+ letter-spacing: inherit;
18187
+ line-height: inherit;
18188
+ max-width: calc(100% - 2px - 2px);
18216
18189
  }
18217
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18218
- background: var(--v-theme-surface);
18219
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18190
+ .v-autocomplete__selection:first-child {
18191
+ margin-inline-start: 0;
18220
18192
  }
18221
- .v-avatar--variant-elevated {
18222
- 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));
18193
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18194
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18195
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18196
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18197
+ top: 0px;
18223
18198
  }
18224
- .v-avatar--variant-flat {
18225
- 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));
18199
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18200
+ opacity: var(--v-medium-emphasis-opacity);
18226
18201
  }
18227
- .v-avatar--variant-outlined {
18228
- border: thin solid currentColor;
18202
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18203
+ opacity: 1;
18229
18204
  }
18230
- .v-avatar--variant-text .v-avatar__overlay {
18231
- background: currentColor;
18205
+ .v-autocomplete--selecting-index .v-field__input > input {
18206
+ caret-color: transparent;
18232
18207
  }
18233
- .v-avatar--variant-tonal .v-avatar__underlay {
18234
- background: currentColor;
18235
- opacity: var(--v-activated-opacity);
18236
- border-radius: inherit;
18208
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18209
+ flex: 1 1;
18237
18210
  position: absolute;
18238
- top: 0;
18239
- right: 0;
18240
- bottom: 0;
18241
18211
  left: 0;
18242
- pointer-events: none;
18212
+ right: 0;
18213
+ width: 100%;
18214
+ padding-inline: inherit;
18243
18215
  }
18244
- .v-avatar--rounded {
18245
- border-radius: 4px;
18216
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18217
+ transition: none;
18246
18218
  }
18247
- .v-avatar--start {
18248
- margin-inline-end: 8px;
18219
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18220
+ opacity: 0;
18249
18221
  }
18250
- .v-avatar--end {
18251
- margin-inline-start: 8px;
18222
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18223
+ opacity: 0;
18252
18224
  }
18253
- .v-avatar .v-img {
18254
- height: 100%;
18255
- width: 100%;
18225
+ .v-autocomplete__menu-icon {
18226
+ margin-inline-start: 4px;
18227
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18228
+ }
18229
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18230
+ opacity: var(--v-high-emphasis-opacity);
18231
+ transform: rotate(180deg);
18256
18232
  }.v-alert {
18257
18233
  display: grid;
18258
18234
  flex: 1 1;
@@ -18306,13 +18282,15 @@ html.overflow-y-hidden {
18306
18282
  background: currentColor;
18307
18283
  opacity: var(--v-activated-opacity);
18308
18284
  border-radius: inherit;
18309
- position: absolute;
18310
18285
  top: 0;
18311
18286
  right: 0;
18312
18287
  bottom: 0;
18313
18288
  left: 0;
18314
18289
  pointer-events: none;
18315
18290
  }
18291
+ .v-alert .v-alert__underlay {
18292
+ position: absolute;
18293
+ }
18316
18294
  .v-alert--prominent {
18317
18295
  grid-template-areas: "prepend content append close" "prepend content . .";
18318
18296
  }
@@ -18463,6 +18441,73 @@ html.overflow-y-hidden {
18463
18441
  text-transform: none;
18464
18442
  word-break: normal;
18465
18443
  word-wrap: break-word;
18444
+ }.v-bottom-navigation {
18445
+ display: flex;
18446
+ max-width: 100%;
18447
+ overflow: hidden;
18448
+ position: absolute;
18449
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18450
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18451
+ border-style: solid;
18452
+ border-width: 0;
18453
+ border-radius: 0;
18454
+ background: rgb(var(--v-theme-surface));
18455
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18456
+ }
18457
+ .v-bottom-navigation--border {
18458
+ border-width: thin;
18459
+ box-shadow: none;
18460
+ }
18461
+ .v-bottom-navigation--active {
18462
+ 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));
18463
+ }
18464
+
18465
+ .v-bottom-navigation__content {
18466
+ display: flex;
18467
+ flex: none;
18468
+ font-size: 0.75rem;
18469
+ justify-content: center;
18470
+ transition: inherit;
18471
+ width: 100%;
18472
+ }
18473
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18474
+ font-size: inherit;
18475
+ height: 100%;
18476
+ max-width: 168px;
18477
+ min-width: 80px;
18478
+ text-transform: none;
18479
+ transition: inherit;
18480
+ width: auto;
18481
+ border-radius: 0;
18482
+ }
18483
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18484
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18485
+ transition: inherit;
18486
+ }
18487
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18488
+ font-size: 1.5rem;
18489
+ }
18490
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18491
+ flex-grow: 1;
18492
+ }
18493
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18494
+ transition: inherit;
18495
+ opacity: 0;
18496
+ }
18497
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18498
+ transform: translateY(0.5rem);
18499
+ }.v-app-bar {
18500
+ display: flex;
18501
+ }
18502
+ .v-app-bar.v-toolbar {
18503
+ background: rgb(var(--v-theme-surface));
18504
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18505
+ }
18506
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18507
+ 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));
18508
+ }
18509
+ .v-app-bar:not(.v-toolbar--absolute) {
18510
+ padding-inline-end: var(--v-scrollbar-offset);
18466
18511
  }.v-badge {
18467
18512
  display: inline-block;
18468
18513
  line-height: 1;
@@ -18534,224 +18579,56 @@ html.overflow-y-hidden {
18534
18579
  display: inline-flex;
18535
18580
  justify-content: center;
18536
18581
  margin: 0 4px;
18537
- }.v-autocomplete .v-field .v-text-field__prefix,
18538
- .v-autocomplete .v-field .v-text-field__suffix,
18539
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18540
- cursor: text;
18541
- }
18542
- .v-autocomplete .v-field .v-field__input > input {
18582
+ }.v-banner {
18583
+ display: grid;
18543
18584
  flex: 1 1;
18585
+ font-size: 0.875rem;
18586
+ grid-template-areas: "prepend content actions";
18587
+ grid-template-columns: max-content auto max-content;
18588
+ grid-template-rows: max-content max-content;
18589
+ line-height: 1.6;
18590
+ overflow: hidden;
18591
+ padding-inline: 16px 8px;
18592
+ padding-top: 16px;
18593
+ padding-bottom: 16px;
18594
+ position: relative;
18595
+ width: 100%;
18596
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18597
+ border-style: solid;
18598
+ border-width: 0 0 thin 0;
18599
+ 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));
18600
+ border-radius: 0;
18601
+ background: rgb(var(--v-theme-surface));
18602
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18544
18603
  }
18545
- .v-autocomplete .v-field input {
18546
- min-width: 64px;
18604
+ .v-banner--border {
18605
+ border-width: thin;
18606
+ box-shadow: none;
18547
18607
  }
18548
- .v-autocomplete .v-field:not(.v-field--focused) input {
18549
- min-width: 0;
18608
+ .v-banner--absolute {
18609
+ position: absolute;
18550
18610
  }
18551
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18552
- margin-inline-end: 2px;
18611
+ .v-banner--fixed {
18612
+ position: fixed;
18553
18613
  }
18554
- .v-autocomplete .v-autocomplete__selection-text {
18555
- overflow: hidden;
18556
- text-overflow: ellipsis;
18557
- white-space: nowrap;
18614
+ .v-banner--sticky {
18615
+ position: sticky;
18558
18616
  }
18559
-
18560
- .v-autocomplete__content {
18561
- overflow: hidden;
18562
- 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));
18617
+ .v-banner--rounded {
18563
18618
  border-radius: 4px;
18564
18619
  }
18565
- .v-autocomplete__mask {
18566
- background: rgb(var(--v-theme-surface-light));
18567
- }
18568
- .v-autocomplete__selection {
18569
- display: inline-flex;
18570
- align-items: center;
18571
- height: 1.5rem;
18572
- letter-spacing: inherit;
18573
- line-height: inherit;
18574
- max-width: calc(100% - 2px - 2px);
18620
+ .v-banner--stacked:not(.v-banner--one-line) {
18621
+ grid-template-areas: "prepend content" ". actions";
18575
18622
  }
18576
- .v-autocomplete__selection:first-child {
18577
- margin-inline-start: 0;
18623
+ .v-banner--stacked .v-banner-text {
18624
+ padding-inline-end: 36px;
18578
18625
  }
18579
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18580
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18581
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18582
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18583
- top: 0px;
18626
+ .v-banner--density-default .v-banner-actions {
18627
+ margin-bottom: -8px;
18584
18628
  }
18585
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18586
- opacity: var(--v-medium-emphasis-opacity);
18587
- }
18588
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18589
- opacity: 1;
18590
- }
18591
- .v-autocomplete--selecting-index .v-field__input > input {
18592
- caret-color: transparent;
18593
- }
18594
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18595
- flex: 1 1;
18596
- position: absolute;
18597
- left: 0;
18598
- right: 0;
18599
- width: 100%;
18600
- padding-inline: inherit;
18601
- }
18602
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18603
- transition: none;
18604
- }
18605
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18606
- opacity: 0;
18607
- }
18608
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18609
- opacity: 0;
18610
- }
18611
- .v-autocomplete__menu-icon {
18612
- margin-inline-start: 4px;
18613
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18614
- }
18615
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18616
- opacity: var(--v-high-emphasis-opacity);
18617
- transform: rotate(180deg);
18618
- }.bottom-sheet-transition-enter-from {
18619
- transform: translateY(100%);
18620
- }
18621
- .bottom-sheet-transition-leave-to {
18622
- transform: translateY(100%);
18623
- }
18624
-
18625
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18626
- align-self: flex-end;
18627
- border-radius: 0;
18628
- flex: 0 1 auto;
18629
- left: 0;
18630
- right: 0;
18631
- margin-inline: 0;
18632
- margin-bottom: 0;
18633
- transition-duration: 0.2s;
18634
- width: 100%;
18635
- max-width: 100%;
18636
- overflow: visible;
18637
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18638
- }
18639
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18640
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18641
- border-radius: 0;
18642
- }
18643
- .v-bottom-sheet.v-bottom-sheet--inset {
18644
- max-width: none;
18645
- }
18646
- @media (min-width: 600px) {
18647
- .v-bottom-sheet.v-bottom-sheet--inset {
18648
- max-width: 70%;
18649
- }
18650
- }.v-bottom-navigation {
18651
- display: flex;
18652
- max-width: 100%;
18653
- overflow: hidden;
18654
- position: absolute;
18655
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18656
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18657
- border-style: solid;
18658
- border-width: 0;
18659
- border-radius: 0;
18660
- background: rgb(var(--v-theme-surface));
18661
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18662
- }
18663
- .v-bottom-navigation--border {
18664
- border-width: thin;
18665
- box-shadow: none;
18666
- }
18667
- .v-bottom-navigation--active {
18668
- 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));
18669
- }
18670
-
18671
- .v-bottom-navigation__content {
18672
- display: flex;
18673
- flex: none;
18674
- font-size: 0.75rem;
18675
- justify-content: center;
18676
- transition: inherit;
18677
- width: 100%;
18678
- }
18679
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18680
- font-size: inherit;
18681
- height: 100%;
18682
- max-width: 168px;
18683
- min-width: 80px;
18684
- text-transform: none;
18685
- transition: inherit;
18686
- width: auto;
18687
- border-radius: 0;
18688
- }
18689
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18690
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18691
- transition: inherit;
18692
- }
18693
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18694
- font-size: 1.5rem;
18695
- }
18696
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18697
- flex-grow: 1;
18698
- }
18699
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18700
- transition: inherit;
18701
- opacity: 0;
18702
- }
18703
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18704
- transform: translateY(0.5rem);
18705
- }.v-banner {
18706
- display: grid;
18707
- flex: 1 1;
18708
- font-size: 0.875rem;
18709
- grid-template-areas: "prepend content actions";
18710
- grid-template-columns: max-content auto max-content;
18711
- grid-template-rows: max-content max-content;
18712
- line-height: 1.6;
18713
- overflow: hidden;
18714
- padding-inline: 16px 8px;
18715
- padding-top: 16px;
18716
- padding-bottom: 16px;
18717
- position: relative;
18718
- width: 100%;
18719
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18720
- border-style: solid;
18721
- border-width: 0 0 thin 0;
18722
- 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));
18723
- border-radius: 0;
18724
- background: rgb(var(--v-theme-surface));
18725
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18726
- }
18727
- .v-banner--border {
18728
- border-width: thin;
18729
- box-shadow: none;
18730
- }
18731
- .v-banner--absolute {
18732
- position: absolute;
18733
- }
18734
- .v-banner--fixed {
18735
- position: fixed;
18736
- }
18737
- .v-banner--sticky {
18738
- position: sticky;
18739
- }
18740
- .v-banner--rounded {
18741
- border-radius: 4px;
18742
- }
18743
- .v-banner--stacked:not(.v-banner--one-line) {
18744
- grid-template-areas: "prepend content" ". actions";
18745
- }
18746
- .v-banner--stacked .v-banner-text {
18747
- padding-inline-end: 36px;
18748
- }
18749
- .v-banner--density-default .v-banner-actions {
18750
- margin-bottom: -8px;
18751
- }
18752
- .v-banner--density-default.v-banner--one-line {
18753
- padding-top: 8px;
18754
- padding-bottom: 8px;
18629
+ .v-banner--density-default.v-banner--one-line {
18630
+ padding-top: 8px;
18631
+ padding-bottom: 8px;
18755
18632
  }
18756
18633
  .v-banner--density-default.v-banner--one-line .v-banner-actions {
18757
18634
  margin-bottom: 0;
@@ -18916,74 +18793,214 @@ html.overflow-y-hidden {
18916
18793
  display: inline-block;
18917
18794
  padding: 0 8px;
18918
18795
  vertical-align: middle;
18919
- }.v-btn-group {
18796
+ }.v-avatar {
18797
+ flex: none;
18798
+ align-items: center;
18920
18799
  display: inline-flex;
18921
- flex-wrap: nowrap;
18922
- max-width: 100%;
18923
- min-width: 0;
18800
+ justify-content: center;
18801
+ line-height: normal;
18924
18802
  overflow: hidden;
18803
+ position: relative;
18804
+ text-align: center;
18805
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18806
+ transition-property: width, height;
18925
18807
  vertical-align: middle;
18926
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18927
- border-style: solid;
18928
- border-width: 0;
18929
- 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));
18930
- border-radius: 4px;
18931
- background: transparent;
18932
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18808
+ border-radius: 50%;
18933
18809
  }
18934
- .v-btn-group--border {
18935
- border-width: thin;
18936
- box-shadow: none;
18810
+ .v-avatar.v-avatar--size-x-small {
18811
+ --v-avatar-height: 24px;
18937
18812
  }
18938
- .v-btn-group--density-default.v-btn-group {
18939
- height: 48px;
18813
+ .v-avatar.v-avatar--size-small {
18814
+ --v-avatar-height: 32px;
18940
18815
  }
18941
-
18942
- .v-btn-group--density-comfortable.v-btn-group {
18943
- height: 40px;
18816
+ .v-avatar.v-avatar--size-default {
18817
+ --v-avatar-height: 40px;
18944
18818
  }
18945
-
18946
- .v-btn-group--density-compact.v-btn-group {
18947
- height: 36px;
18819
+ .v-avatar.v-avatar--size-large {
18820
+ --v-avatar-height: 48px;
18948
18821
  }
18949
-
18950
- .v-btn-group .v-btn {
18951
- border-radius: 0;
18952
- border-color: inherit;
18822
+ .v-avatar.v-avatar--size-x-large {
18823
+ --v-avatar-height: 56px;
18953
18824
  }
18954
- .v-btn-group .v-btn:not(:last-child) {
18955
- border-inline-end: none;
18825
+ .v-avatar.v-avatar--density-default {
18826
+ height: calc(var(--v-avatar-height) + 0px);
18827
+ width: calc(var(--v-avatar-height) + 0px);
18956
18828
  }
18957
- .v-btn-group .v-btn:not(:first-child) {
18958
- border-inline-start: none;
18829
+ .v-avatar.v-avatar--density-comfortable {
18830
+ height: calc(var(--v-avatar-height) + -4px);
18831
+ width: calc(var(--v-avatar-height) + -4px);
18959
18832
  }
18960
- .v-btn-group .v-btn:first-child {
18961
- border-start-start-radius: inherit;
18962
- border-end-start-radius: inherit;
18833
+ .v-avatar.v-avatar--density-compact {
18834
+ height: calc(var(--v-avatar-height) + -8px);
18835
+ width: calc(var(--v-avatar-height) + -8px);
18963
18836
  }
18964
- .v-btn-group .v-btn:last-child {
18965
- border-start-end-radius: inherit;
18966
- border-end-end-radius: inherit;
18837
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18838
+ background: transparent;
18839
+ color: inherit;
18967
18840
  }
18968
- .v-btn-group--divided .v-btn:not(:last-child) {
18969
- border-inline-end-width: thin;
18970
- border-inline-end-style: solid;
18971
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18841
+ .v-avatar--variant-plain {
18842
+ opacity: 0.62;
18972
18843
  }
18973
- .v-btn-group--tile {
18974
- border-radius: 0;
18975
- }.v-btn {
18976
- align-items: center;
18977
- border-radius: 4px;
18978
- display: inline-grid;
18979
- grid-template-areas: "prepend content append";
18980
- grid-template-columns: max-content auto max-content;
18981
- font-weight: 500;
18982
- justify-content: center;
18983
- letter-spacing: 0.0892857143em;
18984
- line-height: normal;
18985
- max-width: 100%;
18986
- outline: none;
18844
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18845
+ opacity: 1;
18846
+ }
18847
+ .v-avatar--variant-plain .v-avatar__overlay {
18848
+ display: none;
18849
+ }
18850
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18851
+ background: var(--v-theme-surface);
18852
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18853
+ }
18854
+ .v-avatar--variant-elevated {
18855
+ 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));
18856
+ }
18857
+ .v-avatar--variant-flat {
18858
+ 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));
18859
+ }
18860
+ .v-avatar--variant-outlined {
18861
+ border: thin solid currentColor;
18862
+ }
18863
+ .v-avatar--variant-text .v-avatar__overlay {
18864
+ background: currentColor;
18865
+ }
18866
+ .v-avatar--variant-tonal .v-avatar__underlay {
18867
+ background: currentColor;
18868
+ opacity: var(--v-activated-opacity);
18869
+ border-radius: inherit;
18870
+ top: 0;
18871
+ right: 0;
18872
+ bottom: 0;
18873
+ left: 0;
18874
+ pointer-events: none;
18875
+ }
18876
+ .v-avatar .v-avatar__underlay {
18877
+ position: absolute;
18878
+ }
18879
+ .v-avatar--rounded {
18880
+ border-radius: 4px;
18881
+ }
18882
+ .v-avatar--start {
18883
+ margin-inline-end: 8px;
18884
+ }
18885
+ .v-avatar--end {
18886
+ margin-inline-start: 8px;
18887
+ }
18888
+ .v-avatar .v-img {
18889
+ height: 100%;
18890
+ width: 100%;
18891
+ }.bottom-sheet-transition-enter-from {
18892
+ transform: translateY(100%);
18893
+ }
18894
+ .bottom-sheet-transition-leave-to {
18895
+ transform: translateY(100%);
18896
+ }
18897
+
18898
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18899
+ align-self: flex-end;
18900
+ border-radius: 0;
18901
+ flex: 0 1 auto;
18902
+ left: 0;
18903
+ right: 0;
18904
+ margin-inline: 0;
18905
+ margin-bottom: 0;
18906
+ transition-duration: 0.2s;
18907
+ width: 100%;
18908
+ max-width: 100%;
18909
+ overflow: visible;
18910
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18911
+ }
18912
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18913
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18914
+ border-radius: 0;
18915
+ }
18916
+ .v-bottom-sheet.v-bottom-sheet--inset {
18917
+ max-width: none;
18918
+ }
18919
+ @media (min-width: 600px) {
18920
+ .v-bottom-sheet.v-bottom-sheet--inset {
18921
+ max-width: 70%;
18922
+ }
18923
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18924
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18925
+ }
18926
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18927
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18928
+ }
18929
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18930
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18931
+ }
18932
+ @supports not selector(:focus-visible) {
18933
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18934
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18935
+ }
18936
+ }.v-btn-group {
18937
+ display: inline-flex;
18938
+ flex-wrap: nowrap;
18939
+ max-width: 100%;
18940
+ min-width: 0;
18941
+ overflow: hidden;
18942
+ vertical-align: middle;
18943
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18944
+ border-style: solid;
18945
+ border-width: 0;
18946
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18947
+ border-radius: 4px;
18948
+ background: transparent;
18949
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18950
+ }
18951
+ .v-btn-group--border {
18952
+ border-width: thin;
18953
+ box-shadow: none;
18954
+ }
18955
+ .v-btn-group--density-default.v-btn-group {
18956
+ height: 48px;
18957
+ }
18958
+
18959
+ .v-btn-group--density-comfortable.v-btn-group {
18960
+ height: 40px;
18961
+ }
18962
+
18963
+ .v-btn-group--density-compact.v-btn-group {
18964
+ height: 36px;
18965
+ }
18966
+
18967
+ .v-btn-group .v-btn {
18968
+ border-radius: 0;
18969
+ border-color: inherit;
18970
+ }
18971
+ .v-btn-group .v-btn:not(:last-child) {
18972
+ border-inline-end: none;
18973
+ }
18974
+ .v-btn-group .v-btn:not(:first-child) {
18975
+ border-inline-start: none;
18976
+ }
18977
+ .v-btn-group .v-btn:first-child {
18978
+ border-start-start-radius: inherit;
18979
+ border-end-start-radius: inherit;
18980
+ }
18981
+ .v-btn-group .v-btn:last-child {
18982
+ border-start-end-radius: inherit;
18983
+ border-end-end-radius: inherit;
18984
+ }
18985
+ .v-btn-group--divided .v-btn:not(:last-child) {
18986
+ border-inline-end-width: thin;
18987
+ border-inline-end-style: solid;
18988
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18989
+ }
18990
+ .v-btn-group--tile {
18991
+ border-radius: 0;
18992
+ }.v-btn {
18993
+ align-items: center;
18994
+ border-radius: 4px;
18995
+ display: inline-grid;
18996
+ grid-template-areas: "prepend content append";
18997
+ grid-template-columns: max-content auto max-content;
18998
+ font-weight: 500;
18999
+ justify-content: center;
19000
+ letter-spacing: 0.0892857143em;
19001
+ line-height: normal;
19002
+ max-width: 100%;
19003
+ outline: none;
18987
19004
  position: relative;
18988
19005
  text-decoration: none;
18989
19006
  text-indent: 0.0892857143em;
@@ -19119,13 +19136,15 @@ html.overflow-y-hidden {
19119
19136
  background: currentColor;
19120
19137
  opacity: var(--v-activated-opacity);
19121
19138
  border-radius: inherit;
19122
- position: absolute;
19123
19139
  top: 0;
19124
19140
  right: 0;
19125
19141
  bottom: 0;
19126
19142
  left: 0;
19127
19143
  pointer-events: none;
19128
19144
  }
19145
+ .v-btn .v-btn__underlay {
19146
+ position: absolute;
19147
+ }
19129
19148
  @supports selector(:focus-visible) {
19130
19149
  .v-btn::after {
19131
19150
  content: "";
@@ -19466,13 +19485,15 @@ html.overflow-y-hidden {
19466
19485
  background: currentColor;
19467
19486
  opacity: var(--v-activated-opacity);
19468
19487
  border-radius: inherit;
19469
- position: absolute;
19470
19488
  top: 0;
19471
19489
  right: 0;
19472
19490
  bottom: 0;
19473
19491
  left: 0;
19474
19492
  pointer-events: none;
19475
19493
  }
19494
+ .v-card .v-card__underlay {
19495
+ position: absolute;
19496
+ }
19476
19497
  .v-card--disabled {
19477
19498
  pointer-events: none;
19478
19499
  -webkit-user-select: none;
@@ -19742,11 +19763,6 @@ html.overflow-y-hidden {
19742
19763
  flex-direction: column;
19743
19764
  height: 100% !important;
19744
19765
  width: 50px;
19745
- }.v-checkbox.v-input {
19746
- flex: 0 1 auto;
19747
- }
19748
- .v-checkbox .v-selection-control {
19749
- min-height: var(--v-input-control-height);
19750
19766
  }.v-chip {
19751
19767
  align-items: center;
19752
19768
  display: inline-flex;
@@ -20081,13 +20097,15 @@ html.overflow-y-hidden {
20081
20097
  background: currentColor;
20082
20098
  opacity: var(--v-activated-opacity);
20083
20099
  border-radius: inherit;
20084
- position: absolute;
20085
20100
  top: 0;
20086
20101
  right: 0;
20087
20102
  bottom: 0;
20088
20103
  left: 0;
20089
20104
  pointer-events: none;
20090
20105
  }
20106
+ .v-chip .v-chip__underlay {
20107
+ position: absolute;
20108
+ }
20091
20109
  .v-chip--border {
20092
20110
  border-width: thin;
20093
20111
  }
@@ -20157,39 +20175,24 @@ html.overflow-y-hidden {
20157
20175
 
20158
20176
  .v-chip--label {
20159
20177
  border-radius: 4px;
20160
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
20161
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20162
- }
20163
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
20164
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20165
- }
20166
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
20167
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20168
- }
20169
- @supports not selector(:focus-visible) {
20170
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
20171
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20172
- }
20173
- }.v-color-picker {
20174
- align-self: flex-start;
20175
- contain: content;
20178
+ }.v-chip-group {
20179
+ display: flex;
20180
+ max-width: 100%;
20181
+ min-width: 0;
20182
+ overflow-x: auto;
20183
+ padding: 4px 0;
20176
20184
  }
20177
- .v-color-picker.v-sheet {
20178
- 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));
20179
- border-radius: 4px;
20185
+ .v-chip-group .v-chip {
20186
+ margin: 4px 8px 4px 0;
20180
20187
  }
20181
-
20182
- .v-color-picker__controls {
20183
- display: flex;
20184
- flex-direction: column;
20185
- padding: 16px;
20188
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20189
+ opacity: var(--v-activated-opacity);
20186
20190
  }
20187
20191
 
20188
- .v-color-picker--flat {
20189
- 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));
20190
- }
20191
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20192
- 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));
20192
+ .v-chip-group--column .v-slide-group__content {
20193
+ white-space: normal;
20194
+ flex-wrap: wrap;
20195
+ max-width: 100%;
20193
20196
  }.v-combobox .v-field .v-text-field__prefix,
20194
20197
  .v-combobox .v-field .v-text-field__suffix,
20195
20198
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20271,24 +20274,11 @@ html.overflow-y-hidden {
20271
20274
  .v-combobox--active-menu .v-combobox__menu-icon {
20272
20275
  opacity: var(--v-high-emphasis-opacity);
20273
20276
  transform: rotate(180deg);
20274
- }.v-chip-group {
20275
- display: flex;
20276
- max-width: 100%;
20277
- min-width: 0;
20278
- overflow-x: auto;
20279
- padding: 4px 0;
20280
- }
20281
- .v-chip-group .v-chip {
20282
- margin: 4px 8px 4px 0;
20283
- }
20284
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20285
- opacity: var(--v-activated-opacity);
20277
+ }.v-checkbox.v-input {
20278
+ flex: 0 1 auto;
20286
20279
  }
20287
-
20288
- .v-chip-group--column .v-slide-group__content {
20289
- white-space: normal;
20290
- flex-wrap: wrap;
20291
- max-width: 100%;
20280
+ .v-checkbox .v-selection-control {
20281
+ min-height: var(--v-input-control-height);
20292
20282
  }.v-container {
20293
20283
  width: 100%;
20294
20284
  padding: 16px;
@@ -20966,18 +20956,38 @@ html.overflow-y-hidden {
20966
20956
  flex: 0 1 auto;
20967
20957
  font-size: 12px;
20968
20958
  transition-duration: 150ms;
20969
- }.v-data-table {
20970
- width: 100%;
20959
+ }.v-color-picker {
20960
+ align-self: flex-start;
20961
+ contain: content;
20971
20962
  }
20972
-
20973
- .v-data-table__table {
20974
- width: 100%;
20975
- border-collapse: separate;
20976
- border-spacing: 0;
20963
+ .v-color-picker.v-sheet {
20964
+ 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));
20965
+ border-radius: 4px;
20977
20966
  }
20978
20967
 
20979
- .v-data-table__tr--focus {
20980
- border: 1px dotted black;
20968
+ .v-color-picker__controls {
20969
+ display: flex;
20970
+ flex-direction: column;
20971
+ padding: 16px;
20972
+ }
20973
+
20974
+ .v-color-picker--flat {
20975
+ 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));
20976
+ }
20977
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20978
+ 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));
20979
+ }.v-data-table {
20980
+ width: 100%;
20981
+ }
20982
+
20983
+ .v-data-table__table {
20984
+ width: 100%;
20985
+ border-collapse: separate;
20986
+ border-spacing: 0;
20987
+ }
20988
+
20989
+ .v-data-table__tr--focus {
20990
+ border: 1px dotted black;
20981
20991
  }
20982
20992
  .v-data-table__tr--clickable {
20983
20993
  cursor: pointer;
@@ -21185,6 +21195,77 @@ html.overflow-y-hidden {
21185
21195
  }
21186
21196
  .v-date-picker--show-week {
21187
21197
  width: 368px;
21198
+ }.v-date-picker-controls {
21199
+ display: flex;
21200
+ align-items: center;
21201
+ justify-content: space-between;
21202
+ font-size: 0.875rem;
21203
+ padding-top: 4px;
21204
+ padding-bottom: 4px;
21205
+ padding-inline-start: 6px;
21206
+ padding-inline-end: 12px;
21207
+ }
21208
+ .v-date-picker-controls > .v-btn:first-child {
21209
+ text-transform: none;
21210
+ font-weight: 400;
21211
+ line-height: initial;
21212
+ letter-spacing: initial;
21213
+ }
21214
+ .v-date-picker-controls--variant-classic {
21215
+ padding-inline-start: 12px;
21216
+ }
21217
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21218
+ opacity: 0.7;
21219
+ }
21220
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21221
+ cursor: pointer;
21222
+ }
21223
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21224
+ opacity: 1;
21225
+ }
21226
+ .v-date-picker-controls .v-btn:last-child {
21227
+ margin-inline-start: 4px;
21228
+ }
21229
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21230
+ transform: rotate(180deg);
21231
+ }
21232
+
21233
+ .v-date-picker-controls__date {
21234
+ margin-inline-end: 4px;
21235
+ }
21236
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21237
+ margin: auto;
21238
+ text-align: center;
21239
+ }
21240
+
21241
+ .v-date-picker-controls__month {
21242
+ display: flex;
21243
+ }
21244
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21245
+ flex-direction: row-reverse;
21246
+ }
21247
+
21248
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21249
+ flex: 1 0 auto;
21250
+ }
21251
+
21252
+ .v-date-picker__title {
21253
+ display: inline-block;
21254
+ }.v-date-picker-years {
21255
+ height: 288px;
21256
+ overflow-y: scroll;
21257
+ }
21258
+
21259
+ .v-date-picker-years__content {
21260
+ display: grid;
21261
+ flex: 1 1;
21262
+ justify-content: space-around;
21263
+ grid-template-columns: repeat(3, 1fr);
21264
+ gap: 8px 24px;
21265
+ padding-inline: 32px;
21266
+ }
21267
+ .v-date-picker-years__content .v-btn {
21268
+ padding-inline: 8px;
21188
21269
  }.v-date-picker-month {
21189
21270
  display: flex;
21190
21271
  justify-content: center;
@@ -21240,62 +21321,25 @@ html.overflow-y-hidden {
21240
21321
 
21241
21322
  .v-date-picker-month__day--hide-adjacent {
21242
21323
  opacity: 0;
21243
- }.v-date-picker-controls {
21244
- display: flex;
21245
- align-items: center;
21246
- justify-content: space-between;
21247
- font-size: 0.875rem;
21248
- padding-top: 4px;
21249
- padding-bottom: 4px;
21250
- padding-inline-start: 6px;
21251
- padding-inline-end: 12px;
21252
- }
21253
- .v-date-picker-controls > .v-btn:first-child {
21254
- text-transform: none;
21255
- font-weight: 400;
21256
- line-height: initial;
21257
- letter-spacing: initial;
21258
- }
21259
- .v-date-picker-controls--variant-classic {
21260
- padding-inline-start: 12px;
21261
- }
21262
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21263
- opacity: 0.7;
21264
- }
21265
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21266
- cursor: pointer;
21267
- }
21268
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21269
- opacity: 1;
21270
- }
21271
- .v-date-picker-controls .v-btn:last-child {
21272
- margin-inline-start: 4px;
21273
- }
21274
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21275
- transform: rotate(180deg);
21276
- }
21277
-
21278
- .v-date-picker-controls__date {
21279
- margin-inline-end: 4px;
21280
- }
21281
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21282
- margin: auto;
21283
- text-align: center;
21284
- }
21285
-
21286
- .v-date-picker-controls__month {
21287
- display: flex;
21288
- }
21289
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21290
- flex-direction: row-reverse;
21324
+ }.v-date-picker-months {
21325
+ height: 288px;
21291
21326
  }
21292
21327
 
21293
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21294
- flex: 1 0 auto;
21328
+ .v-date-picker-months__content {
21329
+ align-items: center;
21330
+ display: grid;
21331
+ flex: 1 1;
21332
+ height: inherit;
21333
+ justify-content: space-around;
21334
+ grid-template-columns: repeat(2, 1fr);
21335
+ grid-gap: 0px 24px;
21336
+ padding-inline-start: 36px;
21337
+ padding-inline-end: 36px;
21295
21338
  }
21296
-
21297
- .v-date-picker__title {
21298
- display: inline-block;
21339
+ .v-date-picker-months__content .v-btn {
21340
+ text-transform: none;
21341
+ padding-inline-start: 8px;
21342
+ padding-inline-end: 8px;
21299
21343
  }.v-date-picker-header {
21300
21344
  align-items: flex-end;
21301
21345
  height: 70px;
@@ -21356,40 +21400,6 @@ html.overflow-y-hidden {
21356
21400
  .date-picker-header-reverse-transition-leave-to {
21357
21401
  opacity: 0;
21358
21402
  transform: translate(0, 100%);
21359
- }.v-date-picker-months {
21360
- height: 288px;
21361
- }
21362
-
21363
- .v-date-picker-months__content {
21364
- align-items: center;
21365
- display: grid;
21366
- flex: 1 1;
21367
- height: inherit;
21368
- justify-content: space-around;
21369
- grid-template-columns: repeat(2, 1fr);
21370
- grid-gap: 0px 24px;
21371
- padding-inline-start: 36px;
21372
- padding-inline-end: 36px;
21373
- }
21374
- .v-date-picker-months__content .v-btn {
21375
- text-transform: none;
21376
- padding-inline-start: 8px;
21377
- padding-inline-end: 8px;
21378
- }.v-date-picker-years {
21379
- height: 288px;
21380
- overflow-y: scroll;
21381
- }
21382
-
21383
- .v-date-picker-years__content {
21384
- display: grid;
21385
- flex: 1 1;
21386
- justify-content: space-around;
21387
- grid-template-columns: repeat(3, 1fr);
21388
- gap: 8px 24px;
21389
- padding-inline: 32px;
21390
- }
21391
- .v-date-picker-years__content .v-btn {
21392
- padding-inline: 8px;
21393
21403
  }.v-dialog {
21394
21404
  align-items: center;
21395
21405
  justify-content: center;
@@ -21531,980 +21541,980 @@ html.overflow-y-hidden {
21531
21541
  }
21532
21542
  .v-divider__wrapper--vertical .v-divider {
21533
21543
  margin: 0 auto;
21534
- }.v-expansion-panel {
21535
- background-color: rgb(var(--v-theme-surface));
21536
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21537
- }
21538
- .v-expansion-panel:not(:first-child)::after {
21539
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21544
+ }/* region INPUT */
21545
+ .v-field {
21546
+ display: grid;
21547
+ grid-template-areas: "prepend-inner field clear append-inner";
21548
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21549
+ font-size: 16px;
21550
+ letter-spacing: 0.009375em;
21551
+ max-width: 100%;
21552
+ border-radius: 4px;
21553
+ contain: layout;
21554
+ flex: 1 0;
21555
+ grid-area: control;
21556
+ position: relative;
21557
+ --v-field-padding-start: 16px;
21558
+ --v-field-padding-end: 16px;
21559
+ --v-field-padding-top: 8px;
21560
+ --v-field-padding-bottom: 4px;
21561
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21562
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21540
21563
  }
21541
- .v-expansion-panel--disabled .v-expansion-panel-title {
21542
- color: rgba(var(--v-theme-on-surface), 0.26);
21564
+ .v-field--disabled {
21565
+ opacity: var(--v-disabled-opacity);
21566
+ pointer-events: none;
21543
21567
  }
21544
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21545
- opacity: 0.4615384615;
21568
+ .v-field .v-chip {
21569
+ --v-chip-height: 24px;
21546
21570
  }
21547
21571
 
21548
- .v-expansion-panels {
21549
- display: flex;
21550
- flex-wrap: wrap;
21551
- justify-content: center;
21552
- list-style-type: none;
21553
- padding: 0;
21554
- width: 100%;
21555
- position: relative;
21556
- z-index: 1;
21557
- }
21558
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21559
- border-bottom-left-radius: 0 !important;
21560
- border-bottom-right-radius: 0 !important;
21572
+ /* endregion */
21573
+ /* region MODIFIERS */
21574
+ .v-field--prepended {
21575
+ padding-inline-start: 12px;
21561
21576
  }
21562
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21563
- border-top-left-radius: 0 !important;
21564
- border-top-right-radius: 0 !important;
21577
+ .v-field--appended {
21578
+ padding-inline-end: 12px;
21565
21579
  }
21566
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21567
- border-bottom-left-radius: 0 !important;
21568
- border-bottom-right-radius: 0 !important;
21580
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21581
+ background: rgb(var(--v-theme-surface));
21582
+ border-color: transparent;
21583
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21584
+ 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));
21569
21585
  }
21570
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21571
- border-top-left-radius: 0 !important;
21572
- border-top-right-radius: 0 !important;
21586
+ .v-field--variant-solo-inverted {
21587
+ background: rgb(var(--v-theme-surface));
21588
+ border-color: transparent;
21589
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21590
+ 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));
21573
21591
  }
21574
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21575
- border-bottom-left-radius: 0 !important;
21576
- border-bottom-right-radius: 0 !important;
21592
+ .v-field--variant-solo-inverted.v-field--focused {
21593
+ color: rgb(var(--v-theme-on-surface-variant));
21577
21594
  }
21578
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21579
- border-top-left-radius: 0 !important;
21580
- border-top-right-radius: 0 !important;
21595
+ .v-field--variant-filled {
21596
+ border-bottom-left-radius: 0;
21597
+ border-bottom-right-radius: 0;
21581
21598
  }
21582
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21583
- border-bottom-left-radius: initial;
21584
- border-bottom-right-radius: initial;
21599
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21600
+ --v-input-control-height: 56px;
21601
+ --v-field-padding-bottom: 4px;
21585
21602
  }
21586
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21587
- border-radius: 0 !important;
21603
+
21604
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21605
+ --v-input-control-height: 48px;
21606
+ --v-field-padding-bottom: 0px;
21588
21607
  }
21589
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21590
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21608
+
21609
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21610
+ --v-input-control-height: 40px;
21611
+ --v-field-padding-bottom: 0px;
21591
21612
  }
21592
21613
 
21593
- .v-expansion-panel {
21594
- flex: 1 0 100%;
21595
- max-width: 100%;
21596
- position: relative;
21597
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21598
- transition-property: margin-top, border-radius, border, max-width;
21599
- border-radius: 4px;
21614
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21615
+ --v-field-padding-top: 0px;
21600
21616
  }
21601
- .v-expansion-panel:not(:first-child)::after {
21602
- border-top-style: solid;
21603
- border-top-width: thin;
21604
- content: "";
21605
- left: 0;
21606
- position: absolute;
21607
- right: 0;
21608
- top: 0;
21609
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21617
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21618
+ --v-field-padding-bottom: 16px;
21610
21619
  }
21611
- .v-expansion-panel--disabled .v-expansion-panel-title {
21612
- pointer-events: none;
21620
+
21621
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21622
+ --v-field-padding-bottom: 12px;
21613
21623
  }
21614
- .v-expansion-panel--active:not(:first-child),
21615
- .v-expansion-panel--active + .v-expansion-panel {
21616
- margin-top: 16px;
21624
+
21625
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21626
+ --v-field-padding-bottom: 8px;
21617
21627
  }
21618
- .v-expansion-panel--active:not(:first-child)::after,
21619
- .v-expansion-panel--active + .v-expansion-panel::after {
21620
- opacity: 0;
21628
+
21629
+ .v-field--variant-plain, .v-field--variant-underlined {
21630
+ border-radius: 0;
21631
+ padding: 0;
21621
21632
  }
21622
- .v-expansion-panel--active > .v-expansion-panel-title {
21623
- border-bottom-left-radius: 0;
21624
- border-bottom-right-radius: 0;
21633
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21634
+ --v-field-padding-start: 0px;
21635
+ --v-field-padding-end: 0px;
21625
21636
  }
21626
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21627
- min-height: 64px;
21637
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21638
+ --v-input-control-height: 48px;
21639
+ --v-field-padding-top: 4px;
21640
+ --v-field-padding-bottom: 4px;
21628
21641
  }
21629
21642
 
21630
- .v-expansion-panel__shadow {
21631
- position: absolute;
21632
- top: 0;
21633
- left: 0;
21634
- width: 100%;
21635
- height: 100%;
21636
- 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));
21637
- border-radius: inherit;
21638
- z-index: -1;
21643
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21644
+ --v-input-control-height: 40px;
21645
+ --v-field-padding-top: 2px;
21646
+ --v-field-padding-bottom: 0px;
21639
21647
  }
21640
21648
 
21641
- .v-expansion-panel-title {
21642
- align-items: center;
21643
- text-align: start;
21644
- border-radius: inherit;
21645
- display: flex;
21646
- font-size: 0.9375rem;
21647
- line-height: 1;
21648
- min-height: 48px;
21649
- outline: none;
21650
- padding: 16px 24px;
21651
- position: relative;
21652
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21653
- width: 100%;
21654
- justify-content: space-between;
21655
- }
21656
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21657
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21658
- }
21659
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21660
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21661
- }
21662
- @supports not selector(:focus-visible) {
21663
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21664
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21665
- }
21649
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21650
+ --v-input-control-height: 32px;
21651
+ --v-field-padding-top: 0px;
21652
+ --v-field-padding-bottom: 0px;
21666
21653
  }
21667
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21668
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21654
+
21655
+ .v-field--flat {
21656
+ box-shadow: none;
21669
21657
  }
21670
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21671
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21658
+ .v-field--rounded {
21659
+ border-radius: 24px;
21672
21660
  }
21673
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21674
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21661
+ .v-field.v-field--prepended {
21662
+ --v-field-padding-start: 6px;
21675
21663
  }
21676
- @supports not selector(:focus-visible) {
21677
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21678
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21679
- }
21664
+ .v-field.v-field--appended {
21665
+ --v-field-padding-end: 6px;
21680
21666
  }
21681
21667
 
21682
- .v-expansion-panel-title__overlay {
21683
- position: absolute;
21684
- top: 0;
21685
- left: 0;
21668
+ /* endregion */
21669
+ /* region ELEMENTS */
21670
+ .v-field__input {
21671
+ align-items: center;
21672
+ color: inherit;
21673
+ column-gap: 2px;
21674
+ display: flex;
21675
+ flex-wrap: wrap;
21676
+ letter-spacing: 0.009375em;
21677
+ opacity: var(--v-high-emphasis-opacity);
21678
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21679
+ min-width: 0;
21680
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21681
+ padding-top: var(--v-field-input-padding-top);
21682
+ padding-bottom: var(--v-field-input-padding-bottom);
21683
+ position: relative;
21686
21684
  width: 100%;
21687
- height: 100%;
21688
- background-color: currentColor;
21689
- border-radius: inherit;
21690
- opacity: 0;
21691
21685
  }
21692
-
21693
- .v-expansion-panel-title__icon {
21694
- display: inline-flex;
21695
- margin-bottom: -4px;
21696
- margin-top: -4px;
21697
- -webkit-user-select: none;
21698
- user-select: none;
21699
- margin-inline-start: auto;
21686
+ .v-input--density-default .v-field__input {
21687
+ row-gap: 8px;
21700
21688
  }
21701
21689
 
21702
- .v-expansion-panel-text {
21703
- display: flex;
21690
+ .v-input--density-comfortable .v-field__input {
21691
+ row-gap: 6px;
21704
21692
  }
21705
- .v-expansion-panel-text__wrapper {
21706
- padding: 8px 24px 16px;
21707
- flex: 1 1 auto;
21708
- max-width: 100%;
21693
+
21694
+ .v-input--density-compact .v-field__input {
21695
+ row-gap: 4px;
21709
21696
  }
21710
21697
 
21711
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21712
- margin-top: 0;
21698
+ .v-field__input input {
21699
+ letter-spacing: inherit;
21713
21700
  }
21714
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21715
- opacity: 1;
21701
+ .v-field__input input::placeholder,
21702
+ input.v-field__input::placeholder,
21703
+ textarea.v-field__input::placeholder {
21704
+ color: currentColor;
21705
+ opacity: var(--v-disabled-opacity);
21716
21706
  }
21717
21707
 
21718
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21719
- max-width: calc(100% - 32px);
21708
+ .v-field__input:focus, .v-field__input:active {
21709
+ outline: none;
21720
21710
  }
21721
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21722
- max-width: calc(100% + 16px);
21711
+ .v-field__input:invalid {
21712
+ box-shadow: none;
21723
21713
  }
21724
21714
 
21725
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21726
- max-width: 100%;
21727
- }
21728
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21729
- max-width: calc(100% - 32px);
21715
+ .v-field__field {
21716
+ flex: 1 0;
21717
+ grid-area: field;
21718
+ position: relative;
21719
+ align-items: flex-start;
21720
+ display: flex;
21730
21721
  }
21731
21722
 
21732
- .v-expansion-panels--flat > .v-expansion-panel::after {
21733
- border-top: none;
21723
+ /* endregion */
21724
+ /* region AFFIXES */
21725
+ .v-field__prepend-inner {
21726
+ grid-area: prepend-inner;
21727
+ padding-inline-end: var(--v-field-padding-after);
21734
21728
  }
21735
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21736
- display: none;
21729
+
21730
+ .v-field__clearable {
21731
+ grid-area: clear;
21737
21732
  }
21738
21733
 
21739
- .v-expansion-panels--tile {
21740
- border-radius: 0;
21734
+ .v-field__append-inner {
21735
+ grid-area: append-inner;
21736
+ padding-inline-start: var(--v-field-padding-after);
21741
21737
  }
21742
- .v-expansion-panels--tile > .v-expansion-panel {
21743
- border-radius: 0;
21744
- }.v-empty-state {
21745
- align-items: center;
21738
+
21739
+ .v-field__append-inner,
21740
+ .v-field__clearable,
21741
+ .v-field__prepend-inner {
21746
21742
  display: flex;
21747
- flex-direction: column;
21748
- justify-content: center;
21749
- min-height: 100%;
21750
- padding: 16px;
21751
- }
21752
- .v-empty-state--start {
21753
21743
  align-items: flex-start;
21744
+ padding-top: var(--v-input-padding-top, 8px);
21754
21745
  }
21755
- .v-empty-state--center {
21746
+ .v-field--center-affix .v-field__append-inner,
21747
+ .v-field--center-affix .v-field__clearable,
21748
+ .v-field--center-affix .v-field__prepend-inner {
21756
21749
  align-items: center;
21757
- }
21758
- .v-empty-state--end {
21759
- align-items: flex-end;
21760
- }
21761
-
21762
- .v-empty-state__media {
21763
- text-align: center;
21764
- width: 100%;
21765
- }
21766
- .v-empty-state__media .v-icon {
21767
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21750
+ padding-top: 0;
21768
21751
  }
21769
21752
 
21770
- .v-empty-state__headline {
21771
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21772
- font-size: 3.75rem;
21773
- font-weight: 300;
21774
- line-height: 1;
21775
- text-align: center;
21776
- margin-bottom: 8px;
21777
- }
21778
- .v-empty-state--mobile .v-empty-state__headline {
21779
- font-size: 2.125rem;
21753
+ .v-field.v-field--variant-underlined .v-field__append-inner,
21754
+ .v-field.v-field--variant-underlined .v-field__clearable,
21755
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
21756
+ .v-field.v-field--variant-plain .v-field__append-inner,
21757
+ .v-field.v-field--variant-plain .v-field__clearable,
21758
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
21759
+ align-items: flex-start;
21760
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21761
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21780
21762
  }
21781
21763
 
21782
- .v-empty-state__title {
21783
- font-size: 1.25rem;
21784
- font-weight: 500;
21785
- line-height: 1.6;
21786
- margin-bottom: 4px;
21787
- text-align: center;
21764
+ .v-field--focused .v-field__prepend-inner,
21765
+ .v-field--focused .v-field__append-inner {
21766
+ opacity: 1;
21788
21767
  }
21789
21768
 
21790
- .v-empty-state__text {
21791
- font-size: 0.875rem;
21792
- font-weight: 400;
21793
- line-height: 1.425;
21794
- padding: 0 16px;
21795
- text-align: center;
21769
+ .v-field__prepend-inner > .v-icon,
21770
+ .v-field__append-inner > .v-icon,
21771
+ .v-field__clearable > .v-icon {
21772
+ opacity: var(--v-medium-emphasis-opacity);
21796
21773
  }
21797
-
21798
- .v-empty-state__content {
21799
- padding: 24px 0;
21774
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21775
+ .v-field--disabled .v-field__append-inner > .v-icon,
21776
+ .v-field--error .v-field__append-inner > .v-icon,
21777
+ .v-field--disabled .v-field__clearable > .v-icon,
21778
+ .v-field--error .v-field__clearable > .v-icon {
21779
+ opacity: 1;
21800
21780
  }
21801
-
21802
- .v-empty-state__actions {
21803
- display: flex;
21804
- gap: 8px;
21805
- padding: 16px;
21781
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21782
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21783
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21784
+ color: rgb(var(--v-theme-error));
21806
21785
  }
21807
21786
 
21808
- .v-empty-state__action-btn.v-btn {
21809
- background-color: rgb(var(--v-theme-surface-variant));
21810
- color: rgb(var(--v-theme-on-surface-variant));
21811
- }.v-footer {
21812
- align-items: center;
21813
- display: flex;
21814
- flex: 1 1 auto;
21815
- padding: 8px 16px;
21816
- position: relative;
21817
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21818
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21819
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21820
- border-style: solid;
21821
- border-width: 0;
21822
- 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));
21823
- border-radius: 0;
21824
- background: rgb(var(--v-theme-surface));
21825
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21787
+ .v-field__clearable {
21788
+ cursor: pointer;
21789
+ opacity: 0;
21790
+ overflow: hidden;
21791
+ margin-inline: 4px;
21792
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21793
+ transition-property: opacity, transform, width;
21826
21794
  }
21827
- .v-footer--border {
21828
- border-width: thin;
21829
- box-shadow: none;
21795
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21796
+ opacity: 1;
21830
21797
  }
21831
- .v-footer--absolute {
21832
- position: absolute;
21798
+ @media (hover: hover) {
21799
+ .v-field:hover .v-field__clearable {
21800
+ opacity: 1;
21801
+ }
21833
21802
  }
21834
- .v-footer--fixed {
21835
- position: fixed;
21803
+ @media (hover: none) {
21804
+ .v-field__clearable {
21805
+ opacity: 1;
21806
+ }
21836
21807
  }
21837
- .v-footer--rounded {
21838
- border-radius: 4px;
21839
- }.v-fab {
21840
- align-items: center;
21841
- display: inline-flex;
21842
- flex: 1 1 auto;
21808
+
21809
+ /* endregion */
21810
+ /* region LABEL */
21811
+ .v-label.v-field-label {
21812
+ contain: layout paint;
21813
+ display: block;
21814
+ margin-inline-start: var(--v-field-padding-start);
21815
+ margin-inline-end: var(--v-field-padding-end);
21816
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21843
21817
  pointer-events: none;
21844
- position: relative;
21845
- transition-duration: 0.2s;
21846
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21847
- vertical-align: middle;
21818
+ position: absolute;
21819
+ top: var(--v-input-padding-top);
21820
+ transform-origin: left center;
21821
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21822
+ transition-property: opacity, transform;
21823
+ z-index: 1;
21848
21824
  }
21849
- .v-fab .v-btn {
21850
- pointer-events: auto;
21825
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21826
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21851
21827
  }
21852
- .v-fab .v-btn--variant-elevated {
21853
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21828
+ .v-field--center-affix .v-label.v-field-label {
21829
+ top: 50%;
21830
+ transform: translateY(-50%);
21854
21831
  }
21855
- .v-fab--app, .v-fab--absolute {
21856
- display: flex;
21832
+ .v-field--active .v-label.v-field-label {
21833
+ visibility: hidden;
21857
21834
  }
21858
- .v-fab--start, .v-fab--left {
21859
- justify-content: flex-start;
21835
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21836
+ opacity: 1;
21860
21837
  }
21861
- .v-fab--center {
21862
- align-items: center;
21863
- justify-content: center;
21838
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21839
+ color: rgb(var(--v-theme-error));
21864
21840
  }
21865
- .v-fab--end, .v-fab--right {
21866
- justify-content: flex-end;
21841
+ .v-label.v-field-label--floating {
21842
+ --v-field-label-scale: 0.75em;
21843
+ font-size: var(--v-field-label-scale);
21844
+ visibility: hidden;
21845
+ max-width: 100%;
21867
21846
  }
21868
- .v-fab--bottom {
21869
- align-items: flex-end;
21847
+ .v-field--center-affix .v-label.v-field-label--floating {
21848
+ transform: none;
21870
21849
  }
21871
- .v-fab--top {
21872
- align-items: flex-start;
21850
+ .v-field.v-field--active .v-label.v-field-label--floating {
21851
+ visibility: unset;
21873
21852
  }
21874
- .v-fab--extended .v-btn {
21875
- border-radius: 9999px !important;
21853
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21854
+ top: 7px;
21876
21855
  }
21877
21856
 
21878
- .v-fab__container {
21879
- align-self: center;
21880
- display: inline-flex;
21881
- position: absolute;
21882
- vertical-align: middle;
21857
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21858
+ top: 5px;
21883
21859
  }
21884
- .v-fab--app .v-fab__container {
21885
- margin: 12px;
21860
+
21861
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21862
+ top: 3px;
21886
21863
  }
21887
- .v-fab--absolute .v-fab__container {
21888
- position: absolute;
21889
- z-index: 4;
21864
+
21865
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21866
+ transform: translateY(-16px);
21867
+ margin: 0;
21868
+ top: var(--v-input-padding-top);
21890
21869
  }
21891
- .v-fab--offset.v-fab--top .v-fab__container {
21870
+ .v-field--variant-outlined .v-label.v-field-label--floating {
21892
21871
  transform: translateY(-50%);
21872
+ transform-origin: center;
21873
+ position: static;
21874
+ margin: 0 4px;
21893
21875
  }
21894
- .v-fab--offset.v-fab--bottom .v-fab__container {
21895
- transform: translateY(50%);
21896
- }
21897
- .v-fab--top .v-fab__container {
21898
- top: 0;
21899
- }
21900
- .v-fab--bottom .v-fab__container {
21901
- bottom: 0;
21902
- }
21903
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21904
- left: 0;
21905
- }
21906
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21907
- right: 0;
21908
- }.v-file-input--hide.v-input .v-field,
21909
- .v-file-input--hide.v-input .v-input__control,
21910
- .v-file-input--hide.v-input .v-input__details {
21911
- display: none;
21912
- }
21913
- .v-file-input--hide.v-input .v-input__prepend {
21914
- grid-area: control;
21915
- margin: 0 auto;
21916
- }
21917
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21918
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21919
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21920
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21921
- top: 0px;
21922
- }
21923
- .v-file-input input[type=file] {
21876
+
21877
+ /* endregion */
21878
+ /* region OUTLINE */
21879
+ .v-field__outline {
21880
+ --v-field-border-width: 1px;
21881
+ --v-field-border-opacity: 0.38;
21882
+ align-items: stretch;
21883
+ contain: layout;
21884
+ display: flex;
21924
21885
  height: 100%;
21925
21886
  left: 0;
21926
- opacity: 0;
21887
+ pointer-events: none;
21927
21888
  position: absolute;
21928
- top: 0;
21889
+ right: 0;
21929
21890
  width: 100%;
21930
- z-index: 1;
21931
21891
  }
21932
- .v-file-input .v-input__details {
21933
- padding-inline: 16px;
21892
+ @media (hover: hover) {
21893
+ .v-field:hover .v-field__outline {
21894
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
21895
+ }
21934
21896
  }
21935
- .v-input--plain-underlined.v-file-input .v-input__details {
21936
- padding-inline: 0;
21937
- }/* region INPUT */
21938
- .v-field {
21939
- display: grid;
21940
- grid-template-areas: "prepend-inner field clear append-inner";
21941
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21942
- font-size: 16px;
21943
- letter-spacing: 0.009375em;
21944
- max-width: 100%;
21945
- border-radius: 4px;
21946
- contain: layout;
21947
- flex: 1 0;
21948
- grid-area: control;
21949
- position: relative;
21950
- --v-field-padding-start: 16px;
21951
- --v-field-padding-end: 16px;
21952
- --v-field-padding-top: 8px;
21953
- --v-field-padding-bottom: 4px;
21954
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21955
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21956
- }
21957
- .v-field--disabled {
21958
- opacity: var(--v-disabled-opacity);
21959
- pointer-events: none;
21960
- }
21961
- .v-field .v-chip {
21962
- --v-chip-height: 24px;
21963
- }
21964
-
21965
- /* endregion */
21966
- /* region MODIFIERS */
21967
- .v-field--prepended {
21968
- padding-inline-start: 12px;
21969
- }
21970
- .v-field--appended {
21971
- padding-inline-end: 12px;
21972
- }
21973
- .v-field--variant-solo, .v-field--variant-solo-filled {
21974
- background: rgb(var(--v-theme-surface));
21975
- border-color: transparent;
21976
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21977
- 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));
21897
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
21898
+ color: rgb(var(--v-theme-error));
21978
21899
  }
21979
- .v-field--variant-solo-inverted {
21980
- background: rgb(var(--v-theme-surface));
21981
- border-color: transparent;
21982
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21983
- 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));
21900
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21901
+ --v-field-border-opacity: 1;
21984
21902
  }
21985
- .v-field--variant-solo-inverted.v-field--focused {
21986
- color: rgb(var(--v-theme-on-surface-variant));
21903
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
21904
+ --v-field-border-width: 2px;
21987
21905
  }
21988
- .v-field--variant-filled {
21989
- border-bottom-left-radius: 0;
21990
- border-bottom-right-radius: 0;
21906
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21907
+ border-color: currentColor;
21908
+ border-style: solid;
21909
+ border-width: 0 0 var(--v-field-border-width);
21910
+ opacity: var(--v-field-border-opacity);
21911
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21912
+ content: "";
21913
+ position: absolute;
21914
+ top: 0;
21915
+ left: 0;
21916
+ width: 100%;
21917
+ height: 100%;
21991
21918
  }
21992
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21993
- --v-input-control-height: 56px;
21994
- --v-field-padding-bottom: 4px;
21919
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21920
+ border-color: currentColor;
21921
+ border-style: solid;
21922
+ border-width: 0 0 2px;
21923
+ transform: scaleX(0);
21924
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21925
+ content: "";
21926
+ position: absolute;
21927
+ top: 0;
21928
+ left: 0;
21929
+ width: 100%;
21930
+ height: 100%;
21995
21931
  }
21996
-
21997
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21998
- --v-input-control-height: 48px;
21999
- --v-field-padding-bottom: 0px;
21932
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21933
+ transform: scaleX(1);
22000
21934
  }
22001
21935
 
22002
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
22003
- --v-input-control-height: 40px;
22004
- --v-field-padding-bottom: 0px;
21936
+ .v-field--variant-outlined .v-field__outline {
21937
+ border-radius: inherit;
22005
21938
  }
22006
-
22007
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
22008
- --v-field-padding-top: 0px;
21939
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
21940
+ border: 0 solid currentColor;
21941
+ opacity: var(--v-field-border-opacity);
21942
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22009
21943
  }
22010
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
22011
- --v-field-padding-bottom: 16px;
21944
+ .v-field--variant-outlined .v-field__outline__start {
21945
+ flex: 0 0 12px;
21946
+ border-top-width: var(--v-field-border-width);
21947
+ border-bottom-width: var(--v-field-border-width);
21948
+ border-inline-start-width: var(--v-field-border-width);
21949
+ border-start-start-radius: inherit;
21950
+ border-start-end-radius: 0;
21951
+ border-end-end-radius: 0;
21952
+ border-end-start-radius: inherit;
22012
21953
  }
22013
-
22014
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
22015
- --v-field-padding-bottom: 12px;
21954
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21955
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21956
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21957
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
22016
21958
  }
22017
21959
 
22018
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
22019
- --v-field-padding-bottom: 8px;
21960
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21961
+ border-start-start-radius: 0;
21962
+ border-start-end-radius: inherit;
21963
+ border-end-end-radius: inherit;
21964
+ border-end-start-radius: 0;
21965
+ border-inline-end-width: var(--v-field-border-width);
21966
+ border-inline-start-width: 0;
22020
21967
  }
22021
21968
 
22022
- .v-field--variant-plain, .v-field--variant-underlined {
22023
- border-radius: 0;
22024
- padding: 0;
21969
+ .v-field--variant-outlined .v-field__outline__notch {
21970
+ flex: none;
21971
+ position: relative;
21972
+ max-width: calc(100% - 12px);
22025
21973
  }
22026
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
22027
- --v-field-padding-start: 0px;
22028
- --v-field-padding-end: 0px;
21974
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21975
+ opacity: var(--v-field-border-opacity);
21976
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21977
+ content: "";
21978
+ position: absolute;
21979
+ top: 0;
21980
+ left: 0;
21981
+ width: 100%;
21982
+ height: 100%;
22029
21983
  }
22030
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
22031
- --v-input-control-height: 48px;
22032
- --v-field-padding-top: 4px;
22033
- --v-field-padding-bottom: 4px;
21984
+ .v-field--variant-outlined .v-field__outline__notch::before {
21985
+ border-width: var(--v-field-border-width) 0 0;
22034
21986
  }
22035
-
22036
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
22037
- --v-input-control-height: 40px;
22038
- --v-field-padding-top: 2px;
22039
- --v-field-padding-bottom: 0px;
21987
+ .v-field--variant-outlined .v-field__outline__notch::after {
21988
+ bottom: 0;
21989
+ border-width: 0 0 var(--v-field-border-width);
22040
21990
  }
22041
-
22042
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
22043
- --v-input-control-height: 32px;
22044
- --v-field-padding-top: 0px;
22045
- --v-field-padding-bottom: 0px;
21991
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21992
+ opacity: 0;
22046
21993
  }
22047
21994
 
22048
- .v-field--flat {
22049
- box-shadow: none;
22050
- }
22051
- .v-field--rounded {
22052
- border-radius: 24px;
22053
- }
22054
- .v-field.v-field--prepended {
22055
- --v-field-padding-start: 6px;
21995
+ .v-field--variant-outlined .v-field__outline__end {
21996
+ flex: 1;
21997
+ border-top-width: var(--v-field-border-width);
21998
+ border-bottom-width: var(--v-field-border-width);
21999
+ border-inline-end-width: var(--v-field-border-width);
22000
+ border-start-start-radius: 0;
22001
+ border-start-end-radius: inherit;
22002
+ border-end-end-radius: inherit;
22003
+ border-end-start-radius: 0;
22056
22004
  }
22057
- .v-field.v-field--appended {
22058
- --v-field-padding-end: 6px;
22005
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22006
+ border-start-start-radius: inherit;
22007
+ border-start-end-radius: 0;
22008
+ border-end-end-radius: 0;
22009
+ border-end-start-radius: inherit;
22010
+ border-inline-end-width: 0;
22011
+ border-inline-start-width: var(--v-field-border-width);
22059
22012
  }
22060
22013
 
22061
22014
  /* endregion */
22062
- /* region ELEMENTS */
22063
- .v-field__input {
22064
- align-items: center;
22065
- color: inherit;
22066
- column-gap: 2px;
22067
- display: flex;
22068
- flex-wrap: wrap;
22069
- letter-spacing: 0.009375em;
22070
- opacity: var(--v-high-emphasis-opacity);
22071
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
22072
- min-width: 0;
22073
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
22074
- padding-top: var(--v-field-input-padding-top);
22075
- padding-bottom: var(--v-field-input-padding-bottom);
22076
- position: relative;
22015
+ /* region LOADER */
22016
+ .v-field__loader {
22017
+ top: calc(100% - 2px);
22018
+ left: 0;
22019
+ position: absolute;
22020
+ right: 0;
22077
22021
  width: 100%;
22022
+ border-top-left-radius: 0;
22023
+ border-top-right-radius: 0;
22024
+ border-bottom-left-radius: inherit;
22025
+ border-bottom-right-radius: inherit;
22026
+ overflow: hidden;
22078
22027
  }
22079
- .v-input--density-default .v-field__input {
22080
- row-gap: 8px;
22081
- }
22082
-
22083
- .v-input--density-comfortable .v-field__input {
22084
- row-gap: 6px;
22085
- }
22086
-
22087
- .v-input--density-compact .v-field__input {
22088
- row-gap: 4px;
22089
- }
22090
-
22091
- .v-field__input input {
22092
- letter-spacing: inherit;
22093
- }
22094
- .v-field__input input::placeholder,
22095
- input.v-field__input::placeholder,
22096
- textarea.v-field__input::placeholder {
22097
- color: currentColor;
22098
- opacity: var(--v-disabled-opacity);
22099
- }
22100
-
22101
- .v-field__input:focus, .v-field__input:active {
22102
- outline: none;
22103
- }
22104
- .v-field__input:invalid {
22105
- box-shadow: none;
22106
- }
22107
-
22108
- .v-field__field {
22109
- flex: 1 0;
22110
- grid-area: field;
22111
- position: relative;
22112
- align-items: flex-start;
22113
- display: flex;
22028
+ .v-field--variant-outlined .v-field__loader {
22029
+ top: calc(100% - 3px);
22030
+ width: calc(100% - 1px * 2);
22031
+ left: 1px;
22114
22032
  }
22115
22033
 
22116
22034
  /* endregion */
22117
- /* region AFFIXES */
22118
- .v-field__prepend-inner {
22119
- grid-area: prepend-inner;
22120
- padding-inline-end: var(--v-field-padding-after);
22121
- }
22122
-
22123
- .v-field__clearable {
22124
- grid-area: clear;
22125
- }
22126
-
22127
- .v-field__append-inner {
22128
- grid-area: append-inner;
22129
- padding-inline-start: var(--v-field-padding-after);
22035
+ /* region OVERLAY */
22036
+ .v-field__overlay {
22037
+ border-radius: inherit;
22038
+ pointer-events: none;
22039
+ position: absolute;
22040
+ top: 0;
22041
+ left: 0;
22042
+ width: 100%;
22043
+ height: 100%;
22130
22044
  }
22131
22045
 
22132
- .v-field__append-inner,
22133
- .v-field__clearable,
22134
- .v-field__prepend-inner {
22135
- display: flex;
22136
- align-items: flex-start;
22137
- padding-top: var(--v-input-padding-top, 8px);
22046
+ .v-field--variant-filled .v-field__overlay {
22047
+ background-color: currentColor;
22048
+ opacity: 0.04;
22049
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22138
22050
  }
22139
- .v-field--center-affix .v-field__append-inner,
22140
- .v-field--center-affix .v-field__clearable,
22141
- .v-field--center-affix .v-field__prepend-inner {
22142
- align-items: center;
22143
- padding-top: 0;
22051
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
22052
+ opacity: 0;
22144
22053
  }
22145
-
22146
- .v-field.v-field--variant-underlined .v-field__append-inner,
22147
- .v-field.v-field--variant-underlined .v-field__clearable,
22148
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
22149
- .v-field.v-field--variant-plain .v-field__append-inner,
22150
- .v-field.v-field--variant-plain .v-field__clearable,
22151
- .v-field.v-field--variant-plain .v-field__prepend-inner {
22152
- align-items: flex-start;
22153
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22154
- padding-bottom: var(--v-field-padding-bottom, 4px);
22054
+ @media (hover: hover) {
22055
+ .v-field--variant-filled:hover .v-field__overlay {
22056
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22057
+ }
22155
22058
  }
22156
-
22157
- .v-field--focused .v-field__prepend-inner,
22158
- .v-field--focused .v-field__append-inner {
22159
- opacity: 1;
22059
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
22060
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22160
22061
  }
22161
22062
 
22162
- .v-field__prepend-inner > .v-icon,
22163
- .v-field__append-inner > .v-icon,
22164
- .v-field__clearable > .v-icon {
22165
- opacity: var(--v-medium-emphasis-opacity);
22063
+ .v-field--variant-solo-filled .v-field__overlay {
22064
+ background-color: currentColor;
22065
+ opacity: 0.04;
22066
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22166
22067
  }
22167
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22168
- .v-field--disabled .v-field__append-inner > .v-icon,
22169
- .v-field--error .v-field__append-inner > .v-icon,
22170
- .v-field--disabled .v-field__clearable > .v-icon,
22171
- .v-field--error .v-field__clearable > .v-icon {
22172
- opacity: 1;
22068
+ @media (hover: hover) {
22069
+ .v-field--variant-solo-filled:hover .v-field__overlay {
22070
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22071
+ }
22173
22072
  }
22174
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22175
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22176
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22177
- color: rgb(var(--v-theme-error));
22073
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22074
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22178
22075
  }
22179
22076
 
22180
- .v-field__clearable {
22181
- cursor: pointer;
22182
- opacity: 0;
22183
- overflow: hidden;
22184
- margin-inline: 4px;
22185
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22186
- transition-property: opacity, transform, width;
22077
+ .v-field--variant-solo-inverted .v-field__overlay {
22078
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22187
22079
  }
22188
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22189
- opacity: 1;
22080
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22081
+ opacity: 0;
22190
22082
  }
22191
22083
  @media (hover: hover) {
22192
- .v-field:hover .v-field__clearable {
22193
- opacity: 1;
22084
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
22085
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22194
22086
  }
22195
22087
  }
22196
- @media (hover: none) {
22197
- .v-field__clearable {
22198
- opacity: 1;
22199
- }
22088
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22089
+ background-color: rgb(var(--v-theme-surface-variant));
22090
+ opacity: 1;
22200
22091
  }
22201
22092
 
22202
22093
  /* endregion */
22203
- /* region LABEL */
22204
- .v-label.v-field-label {
22205
- contain: layout paint;
22206
- display: block;
22207
- margin-inline-start: var(--v-field-padding-start);
22208
- margin-inline-end: var(--v-field-padding-end);
22209
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22210
- pointer-events: none;
22211
- position: absolute;
22212
- top: var(--v-input-padding-top);
22213
- transform-origin: left center;
22214
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22215
- transition-property: opacity, transform;
22216
- z-index: 1;
22094
+ /* region MODIFIERS */
22095
+ .v-field--reverse .v-field__field,
22096
+ .v-field--reverse .v-field__input,
22097
+ .v-field--reverse .v-field__outline {
22098
+ flex-direction: row-reverse;
22217
22099
  }
22218
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22219
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
22100
+ .v-field--reverse .v-field__input, .v-field--reverse input {
22101
+ text-align: end;
22220
22102
  }
22221
- .v-field--center-affix .v-label.v-field-label {
22222
- top: 50%;
22223
- transform: translateY(-50%);
22103
+
22104
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22105
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22106
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22224
22107
  }
22225
- .v-field--active .v-label.v-field-label {
22226
- visibility: hidden;
22108
+
22109
+ .v-field--loading .v-field__outline::after,
22110
+ .v-field--loading .v-field__outline::before {
22111
+ opacity: 0;
22227
22112
  }
22228
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22229
- opacity: 1;
22113
+
22114
+ /* endregion */.v-expansion-panel {
22115
+ background-color: rgb(var(--v-theme-surface));
22116
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22230
22117
  }
22231
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22232
- color: rgb(var(--v-theme-error));
22118
+ .v-expansion-panel:not(:first-child)::after {
22119
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22233
22120
  }
22234
- .v-label.v-field-label--floating {
22235
- --v-field-label-scale: 0.75em;
22236
- font-size: var(--v-field-label-scale);
22237
- visibility: hidden;
22238
- max-width: 100%;
22121
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22122
+ color: rgba(var(--v-theme-on-surface), 0.26);
22239
22123
  }
22240
- .v-field--center-affix .v-label.v-field-label--floating {
22241
- transform: none;
22124
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
22125
+ opacity: 0.4615384615;
22242
22126
  }
22243
- .v-field.v-field--active .v-label.v-field-label--floating {
22244
- visibility: unset;
22127
+
22128
+ .v-expansion-panels {
22129
+ display: flex;
22130
+ flex-wrap: wrap;
22131
+ justify-content: center;
22132
+ list-style-type: none;
22133
+ padding: 0;
22134
+ width: 100%;
22135
+ position: relative;
22136
+ z-index: 1;
22245
22137
  }
22246
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
22247
- top: 7px;
22138
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
22139
+ border-bottom-left-radius: 0 !important;
22140
+ border-bottom-right-radius: 0 !important;
22248
22141
  }
22249
-
22250
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
22251
- top: 5px;
22142
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
22143
+ border-top-left-radius: 0 !important;
22144
+ border-top-right-radius: 0 !important;
22252
22145
  }
22253
-
22254
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22255
- top: 3px;
22146
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
22147
+ border-bottom-left-radius: 0 !important;
22148
+ border-bottom-right-radius: 0 !important;
22256
22149
  }
22257
-
22258
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22259
- transform: translateY(-16px);
22260
- margin: 0;
22261
- top: var(--v-input-padding-top);
22150
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
22151
+ border-top-left-radius: 0 !important;
22152
+ border-top-right-radius: 0 !important;
22262
22153
  }
22263
- .v-field--variant-outlined .v-label.v-field-label--floating {
22264
- transform: translateY(-50%);
22265
- transform-origin: center;
22266
- position: static;
22267
- margin: 0 4px;
22154
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
22155
+ border-bottom-left-radius: 0 !important;
22156
+ border-bottom-right-radius: 0 !important;
22157
+ }
22158
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
22159
+ border-top-left-radius: 0 !important;
22160
+ border-top-right-radius: 0 !important;
22161
+ }
22162
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
22163
+ border-bottom-left-radius: initial;
22164
+ border-bottom-right-radius: initial;
22165
+ }
22166
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
22167
+ border-radius: 0 !important;
22168
+ }
22169
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
22170
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
22268
22171
  }
22269
22172
 
22270
- /* endregion */
22271
- /* region OUTLINE */
22272
- .v-field__outline {
22273
- --v-field-border-width: 1px;
22274
- --v-field-border-opacity: 0.38;
22275
- align-items: stretch;
22276
- contain: layout;
22277
- display: flex;
22278
- height: 100%;
22173
+ .v-expansion-panel {
22174
+ flex: 1 0 100%;
22175
+ max-width: 100%;
22176
+ position: relative;
22177
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
22178
+ transition-property: margin-top, border-radius, border, max-width;
22179
+ border-radius: 4px;
22180
+ }
22181
+ .v-expansion-panel:not(:first-child)::after {
22182
+ border-top-style: solid;
22183
+ border-top-width: thin;
22184
+ content: "";
22279
22185
  left: 0;
22280
- pointer-events: none;
22281
22186
  position: absolute;
22282
22187
  right: 0;
22283
- width: 100%;
22188
+ top: 0;
22189
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
22284
22190
  }
22285
- @media (hover: hover) {
22286
- .v-field:hover .v-field__outline {
22287
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22288
- }
22191
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22192
+ pointer-events: none;
22289
22193
  }
22290
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22291
- color: rgb(var(--v-theme-error));
22194
+ .v-expansion-panel--active:not(:first-child),
22195
+ .v-expansion-panel--active + .v-expansion-panel {
22196
+ margin-top: 16px;
22292
22197
  }
22293
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22294
- --v-field-border-opacity: 1;
22198
+ .v-expansion-panel--active:not(:first-child)::after,
22199
+ .v-expansion-panel--active + .v-expansion-panel::after {
22200
+ opacity: 0;
22295
22201
  }
22296
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22297
- --v-field-border-width: 2px;
22202
+ .v-expansion-panel--active > .v-expansion-panel-title {
22203
+ border-bottom-left-radius: 0;
22204
+ border-bottom-right-radius: 0;
22298
22205
  }
22299
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22300
- border-color: currentColor;
22301
- border-style: solid;
22302
- border-width: 0 0 var(--v-field-border-width);
22303
- opacity: var(--v-field-border-opacity);
22304
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22305
- content: "";
22206
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
22207
+ min-height: 64px;
22208
+ }
22209
+
22210
+ .v-expansion-panel__shadow {
22306
22211
  position: absolute;
22307
22212
  top: 0;
22308
22213
  left: 0;
22309
22214
  width: 100%;
22310
22215
  height: 100%;
22216
+ 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));
22217
+ border-radius: inherit;
22218
+ z-index: -1;
22311
22219
  }
22312
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22313
- border-color: currentColor;
22314
- border-style: solid;
22315
- border-width: 0 0 2px;
22316
- transform: scaleX(0);
22317
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22318
- content: "";
22220
+
22221
+ .v-expansion-panel-title {
22222
+ align-items: center;
22223
+ text-align: start;
22224
+ border-radius: inherit;
22225
+ display: flex;
22226
+ font-size: 0.9375rem;
22227
+ line-height: 1;
22228
+ min-height: 48px;
22229
+ outline: none;
22230
+ padding: 16px 24px;
22231
+ position: relative;
22232
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
22233
+ width: 100%;
22234
+ justify-content: space-between;
22235
+ }
22236
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
22237
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22238
+ }
22239
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
22240
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22241
+ }
22242
+ @supports not selector(:focus-visible) {
22243
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
22244
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22245
+ }
22246
+ }
22247
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
22248
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22249
+ }
22250
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
22251
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22252
+ }
22253
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
22254
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22255
+ }
22256
+ @supports not selector(:focus-visible) {
22257
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
22258
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22259
+ }
22260
+ }
22261
+
22262
+ .v-expansion-panel-title__overlay {
22319
22263
  position: absolute;
22320
22264
  top: 0;
22321
22265
  left: 0;
22322
22266
  width: 100%;
22323
22267
  height: 100%;
22268
+ background-color: currentColor;
22269
+ border-radius: inherit;
22270
+ opacity: 0;
22324
22271
  }
22325
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22326
- transform: scaleX(1);
22272
+
22273
+ .v-expansion-panel-title__icon {
22274
+ display: inline-flex;
22275
+ margin-bottom: -4px;
22276
+ margin-top: -4px;
22277
+ -webkit-user-select: none;
22278
+ user-select: none;
22279
+ margin-inline-start: auto;
22327
22280
  }
22328
22281
 
22329
- .v-field--variant-outlined .v-field__outline {
22330
- border-radius: inherit;
22282
+ .v-expansion-panel-text {
22283
+ display: flex;
22331
22284
  }
22332
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
22333
- border: 0 solid currentColor;
22334
- opacity: var(--v-field-border-opacity);
22335
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22285
+ .v-expansion-panel-text__wrapper {
22286
+ padding: 8px 24px 16px;
22287
+ flex: 1 1 auto;
22288
+ max-width: 100%;
22336
22289
  }
22337
- .v-field--variant-outlined .v-field__outline__start {
22338
- flex: 0 0 12px;
22339
- border-top-width: var(--v-field-border-width);
22340
- border-bottom-width: var(--v-field-border-width);
22341
- border-inline-start-width: var(--v-field-border-width);
22342
- border-start-start-radius: inherit;
22343
- border-start-end-radius: 0;
22344
- border-end-end-radius: 0;
22345
- border-end-start-radius: inherit;
22290
+
22291
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
22292
+ margin-top: 0;
22346
22293
  }
22347
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22348
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22349
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22350
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
22294
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
22295
+ opacity: 1;
22351
22296
  }
22352
22297
 
22353
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22354
- border-start-start-radius: 0;
22355
- border-start-end-radius: inherit;
22356
- border-end-end-radius: inherit;
22357
- border-end-start-radius: 0;
22358
- border-inline-end-width: var(--v-field-border-width);
22359
- border-inline-start-width: 0;
22298
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
22299
+ max-width: calc(100% - 32px);
22300
+ }
22301
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
22302
+ max-width: calc(100% + 16px);
22360
22303
  }
22361
22304
 
22362
- .v-field--variant-outlined .v-field__outline__notch {
22363
- flex: none;
22364
- position: relative;
22365
- max-width: calc(100% - 12px);
22305
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
22306
+ max-width: 100%;
22366
22307
  }
22367
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22368
- opacity: var(--v-field-border-opacity);
22369
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22370
- content: "";
22371
- position: absolute;
22372
- top: 0;
22373
- left: 0;
22308
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
22309
+ max-width: calc(100% - 32px);
22310
+ }
22311
+
22312
+ .v-expansion-panels--flat > .v-expansion-panel::after {
22313
+ border-top: none;
22314
+ }
22315
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
22316
+ display: none;
22317
+ }
22318
+
22319
+ .v-expansion-panels--tile {
22320
+ border-radius: 0;
22321
+ }
22322
+ .v-expansion-panels--tile > .v-expansion-panel {
22323
+ border-radius: 0;
22324
+ }.v-empty-state {
22325
+ align-items: center;
22326
+ display: flex;
22327
+ flex-direction: column;
22328
+ justify-content: center;
22329
+ min-height: 100%;
22330
+ padding: 16px;
22331
+ }
22332
+ .v-empty-state--start {
22333
+ align-items: flex-start;
22334
+ }
22335
+ .v-empty-state--center {
22336
+ align-items: center;
22337
+ }
22338
+ .v-empty-state--end {
22339
+ align-items: flex-end;
22340
+ }
22341
+
22342
+ .v-empty-state__media {
22343
+ text-align: center;
22374
22344
  width: 100%;
22375
- height: 100%;
22376
22345
  }
22377
- .v-field--variant-outlined .v-field__outline__notch::before {
22378
- border-width: var(--v-field-border-width) 0 0;
22346
+ .v-empty-state__media .v-icon {
22347
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22379
22348
  }
22380
- .v-field--variant-outlined .v-field__outline__notch::after {
22381
- bottom: 0;
22382
- border-width: 0 0 var(--v-field-border-width);
22349
+
22350
+ .v-empty-state__headline {
22351
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22352
+ font-size: 3.75rem;
22353
+ font-weight: 300;
22354
+ line-height: 1;
22355
+ text-align: center;
22356
+ margin-bottom: 8px;
22383
22357
  }
22384
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22385
- opacity: 0;
22358
+ .v-empty-state--mobile .v-empty-state__headline {
22359
+ font-size: 2.125rem;
22386
22360
  }
22387
22361
 
22388
- .v-field--variant-outlined .v-field__outline__end {
22389
- flex: 1;
22390
- border-top-width: var(--v-field-border-width);
22391
- border-bottom-width: var(--v-field-border-width);
22392
- border-inline-end-width: var(--v-field-border-width);
22393
- border-start-start-radius: 0;
22394
- border-start-end-radius: inherit;
22395
- border-end-end-radius: inherit;
22396
- border-end-start-radius: 0;
22362
+ .v-empty-state__title {
22363
+ font-size: 1.25rem;
22364
+ font-weight: 500;
22365
+ line-height: 1.6;
22366
+ margin-bottom: 4px;
22367
+ text-align: center;
22397
22368
  }
22398
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22399
- border-start-start-radius: inherit;
22400
- border-start-end-radius: 0;
22401
- border-end-end-radius: 0;
22402
- border-end-start-radius: inherit;
22403
- border-inline-end-width: 0;
22404
- border-inline-start-width: var(--v-field-border-width);
22369
+
22370
+ .v-empty-state__text {
22371
+ font-size: 0.875rem;
22372
+ font-weight: 400;
22373
+ line-height: 1.425;
22374
+ padding: 0 16px;
22375
+ text-align: center;
22405
22376
  }
22406
22377
 
22407
- /* endregion */
22408
- /* region LOADER */
22409
- .v-field__loader {
22410
- top: calc(100% - 2px);
22411
- left: 0;
22412
- position: absolute;
22413
- right: 0;
22414
- width: 100%;
22415
- border-top-left-radius: 0;
22416
- border-top-right-radius: 0;
22417
- border-bottom-left-radius: inherit;
22418
- border-bottom-right-radius: inherit;
22419
- overflow: hidden;
22378
+ .v-empty-state__content {
22379
+ padding: 24px 0;
22420
22380
  }
22421
- .v-field--variant-outlined .v-field__loader {
22422
- top: calc(100% - 3px);
22423
- width: calc(100% - 1px * 2);
22424
- left: 1px;
22381
+
22382
+ .v-empty-state__actions {
22383
+ display: flex;
22384
+ gap: 8px;
22385
+ padding: 16px;
22425
22386
  }
22426
22387
 
22427
- /* endregion */
22428
- /* region OVERLAY */
22429
- .v-field__overlay {
22430
- border-radius: inherit;
22388
+ .v-empty-state__action-btn.v-btn {
22389
+ background-color: rgb(var(--v-theme-surface-variant));
22390
+ color: rgb(var(--v-theme-on-surface-variant));
22391
+ }.v-fab {
22392
+ align-items: center;
22393
+ display: inline-flex;
22394
+ flex: 1 1 auto;
22431
22395
  pointer-events: none;
22432
- position: absolute;
22433
- top: 0;
22434
- left: 0;
22435
- width: 100%;
22436
- height: 100%;
22396
+ position: relative;
22397
+ transition-duration: 0.2s;
22398
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22399
+ vertical-align: middle;
22437
22400
  }
22438
-
22439
- .v-field--variant-filled .v-field__overlay {
22440
- background-color: currentColor;
22441
- opacity: 0.04;
22442
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22401
+ .v-fab .v-btn {
22402
+ pointer-events: auto;
22443
22403
  }
22444
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22445
- opacity: 0;
22404
+ .v-fab .v-btn--variant-elevated {
22405
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22446
22406
  }
22447
- @media (hover: hover) {
22448
- .v-field--variant-filled:hover .v-field__overlay {
22449
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22450
- }
22407
+ .v-fab--app, .v-fab--absolute {
22408
+ display: flex;
22451
22409
  }
22452
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22453
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22410
+ .v-fab--start, .v-fab--left {
22411
+ justify-content: flex-start;
22412
+ }
22413
+ .v-fab--center {
22414
+ align-items: center;
22415
+ justify-content: center;
22416
+ }
22417
+ .v-fab--end, .v-fab--right {
22418
+ justify-content: flex-end;
22419
+ }
22420
+ .v-fab--bottom {
22421
+ align-items: flex-end;
22422
+ }
22423
+ .v-fab--top {
22424
+ align-items: flex-start;
22425
+ }
22426
+ .v-fab--extended .v-btn {
22427
+ border-radius: 9999px !important;
22454
22428
  }
22455
22429
 
22456
- .v-field--variant-solo-filled .v-field__overlay {
22457
- background-color: currentColor;
22458
- opacity: 0.04;
22459
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22430
+ .v-fab__container {
22431
+ align-self: center;
22432
+ display: inline-flex;
22433
+ position: absolute;
22434
+ vertical-align: middle;
22435
+ }
22436
+ .v-fab--app .v-fab__container {
22437
+ margin: 12px;
22438
+ }
22439
+ .v-fab--absolute .v-fab__container {
22440
+ position: absolute;
22441
+ z-index: 4;
22442
+ }
22443
+ .v-fab--offset.v-fab--top .v-fab__container {
22444
+ transform: translateY(-50%);
22445
+ }
22446
+ .v-fab--offset.v-fab--bottom .v-fab__container {
22447
+ transform: translateY(50%);
22460
22448
  }
22461
- @media (hover: hover) {
22462
- .v-field--variant-solo-filled:hover .v-field__overlay {
22463
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22464
- }
22449
+ .v-fab--top .v-fab__container {
22450
+ top: 0;
22465
22451
  }
22466
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22467
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22452
+ .v-fab--bottom .v-fab__container {
22453
+ bottom: 0;
22468
22454
  }
22469
-
22470
- .v-field--variant-solo-inverted .v-field__overlay {
22471
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22455
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22456
+ left: 0;
22472
22457
  }
22473
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22474
- opacity: 0;
22458
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22459
+ right: 0;
22460
+ }.v-footer {
22461
+ align-items: center;
22462
+ display: flex;
22463
+ flex: 1 1 auto;
22464
+ padding: 8px 16px;
22465
+ position: relative;
22466
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22467
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22468
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22469
+ border-style: solid;
22470
+ border-width: 0;
22471
+ 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));
22472
+ border-radius: 0;
22473
+ background: rgb(var(--v-theme-surface));
22474
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22475
22475
  }
22476
- @media (hover: hover) {
22477
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22478
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22479
- }
22476
+ .v-footer--border {
22477
+ border-width: thin;
22478
+ box-shadow: none;
22480
22479
  }
22481
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22482
- background-color: rgb(var(--v-theme-surface-variant));
22483
- opacity: 1;
22480
+ .v-footer--absolute {
22481
+ position: absolute;
22484
22482
  }
22485
-
22486
- /* endregion */
22487
- /* region MODIFIERS */
22488
- .v-field--reverse .v-field__field,
22489
- .v-field--reverse .v-field__input,
22490
- .v-field--reverse .v-field__outline {
22491
- flex-direction: row-reverse;
22483
+ .v-footer--fixed {
22484
+ position: fixed;
22492
22485
  }
22493
- .v-field--reverse .v-field__input, .v-field--reverse input {
22494
- text-align: end;
22486
+ .v-footer--rounded {
22487
+ border-radius: 4px;
22488
+ }.v-file-input--hide.v-input .v-field,
22489
+ .v-file-input--hide.v-input .v-input__control,
22490
+ .v-file-input--hide.v-input .v-input__details {
22491
+ display: none;
22495
22492
  }
22496
-
22497
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22498
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22499
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22493
+ .v-file-input--hide.v-input .v-input__prepend {
22494
+ grid-area: control;
22495
+ margin: 0 auto;
22500
22496
  }
22501
-
22502
- .v-field--loading .v-field__outline::after,
22503
- .v-field--loading .v-field__outline::before {
22497
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22498
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22499
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22500
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22501
+ top: 0px;
22502
+ }
22503
+ .v-file-input input[type=file] {
22504
+ height: 100%;
22505
+ left: 0;
22504
22506
  opacity: 0;
22507
+ position: absolute;
22508
+ top: 0;
22509
+ width: 100%;
22510
+ z-index: 1;
22505
22511
  }
22506
-
22507
- /* endregion */.v-img {
22512
+ .v-file-input .v-input__details {
22513
+ padding-inline: 16px;
22514
+ }
22515
+ .v-input--plain-underlined.v-file-input .v-input__details {
22516
+ padding-inline: 0;
22517
+ }.v-img {
22508
22518
  --v-theme-overlay-multiplier: 3;
22509
22519
  z-index: 0;
22510
22520
  }
@@ -22780,21 +22790,6 @@ textarea.v-field__input::placeholder {
22780
22790
 
22781
22791
  .v-label--clickable {
22782
22792
  cursor: pointer;
22783
- }.v-layout {
22784
- --v-scrollbar-offset: 0px;
22785
- display: flex;
22786
- flex: 1 1 auto;
22787
- }
22788
- .v-layout--full-height {
22789
- --v-scrollbar-offset: inherit;
22790
- height: 100%;
22791
- }.v-layout-item {
22792
- position: absolute;
22793
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22794
- }
22795
-
22796
- .v-layout-item--absolute {
22797
- position: absolute;
22798
22793
  }.v-list {
22799
22794
  overflow: auto;
22800
22795
  padding: 8px 0;
@@ -22974,13 +22969,15 @@ textarea.v-field__input::placeholder {
22974
22969
  background: currentColor;
22975
22970
  opacity: var(--v-activated-opacity);
22976
22971
  border-radius: inherit;
22977
- position: absolute;
22978
22972
  top: 0;
22979
22973
  right: 0;
22980
22974
  bottom: 0;
22981
22975
  left: 0;
22982
22976
  pointer-events: none;
22983
22977
  }
22978
+ .v-list-item .v-list-item__underlay {
22979
+ position: absolute;
22980
+ }
22984
22981
  @supports selector(:focus-visible) {
22985
22982
  .v-list-item::after {
22986
22983
  content: "";
@@ -23350,6 +23347,36 @@ textarea.v-field__input::placeholder {
23350
23347
  }
23351
23348
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
23352
23349
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23350
+ }.v-layout {
23351
+ --v-scrollbar-offset: 0px;
23352
+ display: flex;
23353
+ flex: 1 1 auto;
23354
+ }
23355
+ .v-layout--full-height {
23356
+ --v-scrollbar-offset: inherit;
23357
+ height: 100%;
23358
+ }.v-layout-item {
23359
+ position: absolute;
23360
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23361
+ }
23362
+
23363
+ .v-layout-item--absolute {
23364
+ position: absolute;
23365
+ }.v-locale-provider {
23366
+ display: contents;
23367
+ }.v-menu > .v-overlay__content {
23368
+ display: flex;
23369
+ flex-direction: column;
23370
+ border-radius: 4px;
23371
+ }
23372
+ .v-menu > .v-overlay__content > .v-card,
23373
+ .v-menu > .v-overlay__content > .v-sheet,
23374
+ .v-menu > .v-overlay__content > .v-list {
23375
+ background: rgb(var(--v-theme-surface));
23376
+ border-radius: inherit;
23377
+ overflow: auto;
23378
+ height: 100%;
23379
+ 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));
23353
23380
  }.v-main {
23354
23381
  flex: 1 0 auto;
23355
23382
  max-width: 100%;
@@ -23378,21 +23405,22 @@ textarea.v-field__input::placeholder {
23378
23405
  --v-layout-right: 0px;
23379
23406
  --v-layout-top: 0px;
23380
23407
  --v-layout-bottom: 0px;
23381
- }.v-menu > .v-overlay__content {
23382
- display: flex;
23383
- flex-direction: column;
23384
- border-radius: 4px;
23408
+ }.v-messages {
23409
+ flex: 1 1 auto;
23410
+ font-size: 12px;
23411
+ min-height: 14px;
23412
+ min-width: 1px;
23413
+ opacity: var(--v-medium-emphasis-opacity);
23414
+ position: relative;
23385
23415
  }
23386
- .v-menu > .v-overlay__content > .v-card,
23387
- .v-menu > .v-overlay__content > .v-sheet,
23388
- .v-menu > .v-overlay__content > .v-list {
23389
- background: rgb(var(--v-theme-surface));
23390
- border-radius: inherit;
23391
- overflow: auto;
23392
- height: 100%;
23393
- 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));
23394
- }.v-locale-provider {
23395
- display: contents;
23416
+ .v-messages__message {
23417
+ line-height: 12px;
23418
+ word-break: break-word;
23419
+ overflow-wrap: break-word;
23420
+ word-wrap: break-word;
23421
+ -webkit-hyphens: auto;
23422
+ hyphens: auto;
23423
+ transition-duration: 150ms;
23396
23424
  }.v-navigation-drawer {
23397
23425
  -webkit-overflow-scrolling: touch;
23398
23426
  background: rgb(var(--v-theme-surface));
@@ -23495,28 +23523,6 @@ textarea.v-field__input::placeholder {
23495
23523
  .v-navigation-drawer__append {
23496
23524
  flex: none;
23497
23525
  overflow: hidden;
23498
- }.v-messages {
23499
- flex: 1 1 auto;
23500
- font-size: 12px;
23501
- min-height: 14px;
23502
- min-width: 1px;
23503
- opacity: var(--v-medium-emphasis-opacity);
23504
- position: relative;
23505
- }
23506
- .v-messages__message {
23507
- line-height: 12px;
23508
- word-break: break-word;
23509
- overflow-wrap: break-word;
23510
- word-wrap: break-word;
23511
- -webkit-hyphens: auto;
23512
- hyphens: auto;
23513
- transition-duration: 150ms;
23514
- }.v-parallax {
23515
- position: relative;
23516
- overflow: hidden;
23517
- }
23518
- .v-parallax--active > .v-img__img {
23519
- will-change: transform;
23520
23526
  }.v-otp-input {
23521
23527
  border-radius: 4px;
23522
23528
  align-items: center;
@@ -23636,14 +23642,12 @@ html.v-overlay-scroll-blocked {
23636
23642
 
23637
23643
  .v-overlay--scroll-blocked {
23638
23644
  padding-inline-end: var(--v-scrollbar-offset);
23639
- }.v-pagination__list {
23640
- display: inline-flex;
23641
- list-style-type: none;
23642
- justify-content: center;
23643
- width: 100%;
23645
+ }.v-parallax {
23646
+ position: relative;
23647
+ overflow: hidden;
23644
23648
  }
23645
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23646
- margin: 0.3rem;
23649
+ .v-parallax--active > .v-img__img {
23650
+ will-change: transform;
23647
23651
  }.v-progress-circular {
23648
23652
  align-items: center;
23649
23653
  display: inline-flex;
@@ -23930,90 +23934,53 @@ html.v-overlay-scroll-blocked {
23930
23934
  right: -8%;
23931
23935
  }
23932
23936
  100% {
23933
- left: 107%;
23934
- right: -8%;
23935
- }
23936
- }
23937
- @keyframes indeterminate-short-rtl {
23938
- 0% {
23939
- left: 100%;
23940
- right: -200%;
23941
- }
23942
- 60% {
23943
- left: -8%;
23944
- right: 107%;
23945
- }
23946
- 100% {
23947
- left: -8%;
23948
- right: 107%;
23949
- }
23950
- }
23951
- @keyframes stream {
23952
- to {
23953
- transform: translateX(var(--v-progress-linear-stream-to));
23954
- }
23955
- }
23956
- @keyframes progress-linear-stripes {
23957
- 0% {
23958
- background-position-x: var(--v-progress-linear-height);
23959
- }
23960
- }.v-slider .v-slider__container input {
23961
- cursor: default;
23962
- padding: 0;
23963
- width: 100%;
23964
- display: none;
23965
- }
23966
- .v-slider > .v-input__append,
23967
- .v-slider > .v-input__prepend {
23968
- padding: 0;
23969
- }
23970
-
23971
- .v-slider__container {
23972
- position: relative;
23973
- min-height: inherit;
23974
- width: 100%;
23975
- height: 100%;
23976
- display: flex;
23977
- justify-content: center;
23978
- align-items: center;
23979
- cursor: pointer;
23980
- }
23981
- .v-input--disabled .v-slider__container {
23982
- opacity: var(--v-disabled-opacity);
23983
- }
23984
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23985
- color: rgb(var(--v-theme-error));
23937
+ left: 107%;
23938
+ right: -8%;
23939
+ }
23986
23940
  }
23987
-
23988
- .v-slider.v-input--horizontal {
23989
- align-items: center;
23990
- margin-inline: 8px 8px;
23941
+ @keyframes indeterminate-short-rtl {
23942
+ 0% {
23943
+ left: 100%;
23944
+ right: -200%;
23945
+ }
23946
+ 60% {
23947
+ left: -8%;
23948
+ right: 107%;
23949
+ }
23950
+ 100% {
23951
+ left: -8%;
23952
+ right: 107%;
23953
+ }
23991
23954
  }
23992
- .v-slider.v-input--horizontal > .v-input__control {
23993
- min-height: 32px;
23994
- display: flex;
23995
- align-items: center;
23955
+ @keyframes stream {
23956
+ to {
23957
+ transform: translateX(var(--v-progress-linear-stream-to));
23958
+ }
23996
23959
  }
23997
-
23998
- .v-slider.v-input--vertical {
23960
+ @keyframes progress-linear-stripes {
23961
+ 0% {
23962
+ background-position-x: var(--v-progress-linear-height);
23963
+ }
23964
+ }.v-pagination__list {
23965
+ display: inline-flex;
23966
+ list-style-type: none;
23999
23967
  justify-content: center;
24000
- margin-top: 12px;
24001
- margin-bottom: 12px;
23968
+ width: 100%;
24002
23969
  }
24003
- .v-slider.v-input--vertical > .v-input__control {
24004
- min-height: 300px;
23970
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23971
+ margin: 0.3rem;
23972
+ }.v-radio-group > .v-input__control {
23973
+ flex-direction: column;
24005
23974
  }
24006
-
24007
- .v-slider.v-input--disabled {
24008
- pointer-events: none;
23975
+ .v-radio-group > .v-input__control > .v-label {
23976
+ margin-inline-start: 16px;
24009
23977
  }
24010
-
24011
- .v-slider--has-labels > .v-input__control {
24012
- margin-bottom: 4px;
23978
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23979
+ padding-inline-start: 6px;
23980
+ margin-top: 8px;
24013
23981
  }
24014
-
24015
- .v-slider__label {
24016
- margin-inline-end: 12px;
23982
+ .v-radio-group .v-input__details {
23983
+ padding-inline: 16px;
24017
23984
  }.v-rating {
24018
23985
  max-width: 100%;
24019
23986
  display: inline-flex;
@@ -24068,18 +24035,32 @@ html.v-overlay-scroll-blocked {
24068
24035
  opacity: 0;
24069
24036
  position: absolute;
24070
24037
  width: 0;
24071
- }.v-radio-group > .v-input__control {
24072
- flex-direction: column;
24038
+ }.v-responsive {
24039
+ display: flex;
24040
+ flex: 1 0 auto;
24041
+ max-height: 100%;
24042
+ max-width: 100%;
24043
+ overflow: hidden;
24044
+ position: relative;
24073
24045
  }
24074
- .v-radio-group > .v-input__control > .v-label {
24075
- margin-inline-start: 16px;
24046
+ .v-responsive--inline {
24047
+ display: inline-flex;
24048
+ flex: 0 0 auto;
24076
24049
  }
24077
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24078
- padding-inline-start: 6px;
24079
- margin-top: 8px;
24050
+
24051
+ .v-responsive__content {
24052
+ flex: 1 0 0px;
24053
+ max-width: 100%;
24080
24054
  }
24081
- .v-radio-group .v-input__details {
24082
- padding-inline: 16px;
24055
+
24056
+ .v-responsive__sizer ~ .v-responsive__content {
24057
+ margin-inline-start: -100%;
24058
+ }
24059
+
24060
+ .v-responsive__sizer {
24061
+ flex: 1 0 0px;
24062
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24063
+ pointer-events: none;
24083
24064
  }.v-select .v-field .v-text-field__prefix,
24084
24065
  .v-select .v-field .v-text-field__suffix,
24085
24066
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24128,32 +24109,99 @@ html.v-overlay-scroll-blocked {
24128
24109
  .v-select--active-menu .v-select__menu-icon {
24129
24110
  opacity: var(--v-high-emphasis-opacity);
24130
24111
  transform: rotate(180deg);
24131
- }.v-responsive {
24132
- display: flex;
24133
- flex: 1 0 auto;
24134
- max-height: 100%;
24135
- max-width: 100%;
24136
- overflow: hidden;
24112
+ }.v-slider .v-slider__container input {
24113
+ cursor: default;
24114
+ padding: 0;
24115
+ width: 100%;
24116
+ display: none;
24117
+ }
24118
+ .v-slider > .v-input__append,
24119
+ .v-slider > .v-input__prepend {
24120
+ padding: 0;
24121
+ }
24122
+
24123
+ .v-slider__container {
24137
24124
  position: relative;
24125
+ min-height: inherit;
24126
+ width: 100%;
24127
+ height: 100%;
24128
+ display: flex;
24129
+ justify-content: center;
24130
+ align-items: center;
24131
+ cursor: pointer;
24138
24132
  }
24139
- .v-responsive--inline {
24140
- display: inline-flex;
24141
- flex: 0 0 auto;
24133
+ .v-input--disabled .v-slider__container {
24134
+ opacity: var(--v-disabled-opacity);
24135
+ }
24136
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
24137
+ color: rgb(var(--v-theme-error));
24142
24138
  }
24143
24139
 
24144
- .v-responsive__content {
24145
- flex: 1 0 0px;
24146
- max-width: 100%;
24140
+ .v-slider.v-input--horizontal {
24141
+ align-items: center;
24142
+ margin-inline: 8px 8px;
24143
+ }
24144
+ .v-slider.v-input--horizontal > .v-input__control {
24145
+ min-height: 32px;
24146
+ display: flex;
24147
+ align-items: center;
24147
24148
  }
24148
24149
 
24149
- .v-responsive__sizer ~ .v-responsive__content {
24150
- margin-inline-start: -100%;
24150
+ .v-slider.v-input--vertical {
24151
+ justify-content: center;
24152
+ margin-top: 12px;
24153
+ margin-bottom: 12px;
24154
+ }
24155
+ .v-slider.v-input--vertical > .v-input__control {
24156
+ min-height: 300px;
24151
24157
  }
24152
24158
 
24153
- .v-responsive__sizer {
24154
- flex: 1 0 0px;
24155
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24159
+ .v-slider.v-input--disabled {
24156
24160
  pointer-events: none;
24161
+ }
24162
+
24163
+ .v-slider--has-labels > .v-input__control {
24164
+ margin-bottom: 4px;
24165
+ }
24166
+
24167
+ .v-slider__label {
24168
+ margin-inline-end: 12px;
24169
+ }.v-selection-control-group {
24170
+ grid-area: control;
24171
+ display: flex;
24172
+ flex-direction: column;
24173
+ }
24174
+ .v-selection-control-group--inline {
24175
+ flex-direction: row;
24176
+ flex-wrap: wrap;
24177
+ }.v-sheet {
24178
+ display: block;
24179
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24180
+ border-style: solid;
24181
+ border-width: 0;
24182
+ 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));
24183
+ border-radius: 0;
24184
+ background: rgb(var(--v-theme-surface));
24185
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
24186
+ }
24187
+ .v-sheet--border {
24188
+ border-width: thin;
24189
+ box-shadow: none;
24190
+ }
24191
+ .v-sheet--absolute {
24192
+ position: absolute;
24193
+ }
24194
+ .v-sheet--fixed {
24195
+ position: fixed;
24196
+ }
24197
+ .v-sheet--relative {
24198
+ position: relative;
24199
+ }
24200
+ .v-sheet--sticky {
24201
+ position: sticky;
24202
+ }
24203
+ .v-sheet--rounded {
24204
+ border-radius: 4px;
24157
24205
  }.v-selection-control {
24158
24206
  align-items: center;
24159
24207
  contain: layout;
@@ -24255,42 +24303,6 @@ html.v-overlay-scroll-blocked {
24255
24303
  }
24256
24304
  .v-selection-control--focus-visible .v-selection-control__input::before {
24257
24305
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24258
- }.v-sheet {
24259
- display: block;
24260
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24261
- border-style: solid;
24262
- border-width: 0;
24263
- 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));
24264
- border-radius: 0;
24265
- background: rgb(var(--v-theme-surface));
24266
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
24267
- }
24268
- .v-sheet--border {
24269
- border-width: thin;
24270
- box-shadow: none;
24271
- }
24272
- .v-sheet--absolute {
24273
- position: absolute;
24274
- }
24275
- .v-sheet--fixed {
24276
- position: fixed;
24277
- }
24278
- .v-sheet--relative {
24279
- position: relative;
24280
- }
24281
- .v-sheet--sticky {
24282
- position: sticky;
24283
- }
24284
- .v-sheet--rounded {
24285
- border-radius: 4px;
24286
- }.v-selection-control-group {
24287
- grid-area: control;
24288
- display: flex;
24289
- flex-direction: column;
24290
- }
24291
- .v-selection-control-group--inline {
24292
- flex-direction: row;
24293
- flex-wrap: wrap;
24294
24306
  }.v-slide-group {
24295
24307
  display: flex;
24296
24308
  overflow: hidden;
@@ -24622,13 +24634,15 @@ html.v-overlay-scroll-blocked {
24622
24634
  background: currentColor;
24623
24635
  opacity: var(--v-activated-opacity);
24624
24636
  border-radius: inherit;
24625
- position: absolute;
24626
24637
  top: 0;
24627
24638
  right: 0;
24628
24639
  bottom: 0;
24629
24640
  left: 0;
24630
24641
  pointer-events: none;
24631
24642
  }
24643
+ .v-snackbar .v-snackbar__underlay {
24644
+ position: absolute;
24645
+ }
24632
24646
 
24633
24647
  .v-snackbar__content {
24634
24648
  flex-grow: 1;
@@ -25268,9 +25282,6 @@ html.v-overlay-scroll-blocked {
25268
25282
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25269
25283
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25270
25284
  border-top: 0px !important;
25271
- }.v-theme-provider {
25272
- background: rgb(var(--v-theme-background));
25273
- color: rgb(var(--v-theme-on-background));
25274
25285
  }.v-textarea .v-field {
25275
25286
  --v-textarea-control-height: var(--v-input-control-height);
25276
25287
  }
@@ -25376,8 +25387,33 @@ html.v-overlay-scroll-blocked {
25376
25387
  .v-text-field__suffix {
25377
25388
  padding-inline-end: var(--v-field-padding-end);
25378
25389
  }
25379
-
25380
- /* endregion */.v-timeline .v-timeline-divider__dot {
25390
+
25391
+ /* endregion */.v-theme-provider {
25392
+ background: rgb(var(--v-theme-background));
25393
+ color: rgb(var(--v-theme-on-background));
25394
+ }.v-tooltip > .v-overlay__content {
25395
+ background: rgb(var(--v-theme-surface-variant));
25396
+ color: rgb(var(--v-theme-on-surface-variant));
25397
+ border-radius: 4px;
25398
+ font-size: 0.875rem;
25399
+ line-height: 1.6;
25400
+ display: inline-block;
25401
+ padding: 5px 16px;
25402
+ text-transform: initial;
25403
+ width: auto;
25404
+ opacity: 1;
25405
+ pointer-events: none;
25406
+ transition-property: opacity, transform;
25407
+ overflow-wrap: break-word;
25408
+ }
25409
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25410
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25411
+ transition-duration: 150ms;
25412
+ }
25413
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25414
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25415
+ transition-duration: 75ms;
25416
+ }.v-timeline .v-timeline-divider__dot {
25381
25417
  background: rgb(var(--v-theme-surface-light));
25382
25418
  }
25383
25419
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25793,28 +25829,6 @@ html.v-overlay-scroll-blocked {
25793
25829
 
25794
25830
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25795
25831
  padding-inline-end: 0;
25796
- }.v-tooltip > .v-overlay__content {
25797
- background: rgb(var(--v-theme-surface-variant));
25798
- color: rgb(var(--v-theme-on-surface-variant));
25799
- border-radius: 4px;
25800
- font-size: 0.875rem;
25801
- line-height: 1.6;
25802
- display: inline-block;
25803
- padding: 5px 16px;
25804
- text-transform: initial;
25805
- width: auto;
25806
- opacity: 1;
25807
- pointer-events: none;
25808
- transition-property: opacity, transform;
25809
- overflow-wrap: break-word;
25810
- }
25811
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25812
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25813
- transition-duration: 150ms;
25814
- }
25815
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25816
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25817
- transition-duration: 75ms;
25818
25832
  }.v-toolbar {
25819
25833
  align-items: flex-start;
25820
25834
  display: flex;
@@ -25944,15 +25958,6 @@ html.v-overlay-scroll-blocked {
25944
25958
  }
25945
25959
  .v-toolbar-items > .v-btn {
25946
25960
  border-radius: 0;
25947
- }.v-virtual-scroll {
25948
- display: block;
25949
- flex: 1 1 auto;
25950
- max-width: 100%;
25951
- overflow: auto;
25952
- position: relative;
25953
- }
25954
- .v-virtual-scroll__container {
25955
- display: block;
25956
25961
  }.v-window {
25957
25962
  overflow: hidden;
25958
25963
  }
@@ -26023,6 +26028,15 @@ html.v-overlay-scroll-blocked {
26023
26028
  }
26024
26029
  .v-window-y-reverse-transition-leave-to {
26025
26030
  transform: translateY(100%);
26031
+ }.v-virtual-scroll {
26032
+ display: block;
26033
+ flex: 1 1 auto;
26034
+ max-width: 100%;
26035
+ overflow: auto;
26036
+ position: relative;
26037
+ }
26038
+ .v-virtual-scroll__container {
26039
+ display: block;
26026
26040
  }.v-color-picker-edit {
26027
26041
  display: flex;
26028
26042
  margin-top: 24px;
@@ -26051,76 +26065,6 @@ html.v-overlay-scroll-blocked {
26051
26065
  }
26052
26066
  .v-color-picker-edit__input span {
26053
26067
  font-size: 0.75rem;
26054
- }.v-color-picker-preview__alpha .v-slider-track__background {
26055
- background-color: transparent !important;
26056
- }
26057
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26058
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26059
- }
26060
-
26061
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26062
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26063
- }
26064
-
26065
- .v-color-picker-preview__alpha .v-slider-track__background::after {
26066
- content: "";
26067
- z-index: -1;
26068
- left: 0;
26069
- top: 0;
26070
- width: 100%;
26071
- height: 100%;
26072
- position: absolute;
26073
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26074
- border-radius: inherit;
26075
- }
26076
-
26077
- .v-color-picker-preview__sliders {
26078
- display: flex;
26079
- flex: 1 0 auto;
26080
- flex-direction: column;
26081
- padding-inline-end: 16px;
26082
- }
26083
-
26084
- .v-color-picker-preview__dot {
26085
- position: relative;
26086
- height: 30px;
26087
- width: 30px;
26088
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26089
- border-radius: 50%;
26090
- overflow: hidden;
26091
- margin-inline-end: 24px;
26092
- }
26093
- .v-color-picker-preview__dot > div {
26094
- width: 100%;
26095
- height: 100%;
26096
- }
26097
-
26098
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26099
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26100
- }
26101
-
26102
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26103
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26104
- }
26105
-
26106
- .v-color-picker-preview__track {
26107
- position: relative;
26108
- width: 100%;
26109
- margin: 0 !important;
26110
- }
26111
- .v-color-picker-preview__track .v-slider-track__fill {
26112
- display: none;
26113
- }
26114
-
26115
- .v-color-picker-preview {
26116
- align-items: center;
26117
- display: flex;
26118
- margin-bottom: 0;
26119
- }
26120
-
26121
- .v-color-picker-preview__eye-dropper {
26122
- position: relative;
26123
- margin-right: 12px;
26124
26068
  }.v-color-picker-canvas {
26125
26069
  display: flex;
26126
26070
  position: relative;
@@ -26143,195 +26087,111 @@ html.v-overlay-scroll-blocked {
26143
26087
  }
26144
26088
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26145
26089
  will-change: transform;
26146
- }.v-color-picker-swatches {
26147
- overflow-y: auto;
26148
- }
26149
- .v-color-picker-swatches > div {
26150
- display: flex;
26151
- flex-wrap: wrap;
26152
- justify-content: center;
26153
- padding: 8px;
26154
- }
26155
-
26156
- .v-color-picker-swatches__swatch {
26157
- display: flex;
26158
- flex-direction: column;
26159
- margin-bottom: 10px;
26160
- }
26161
-
26162
- .v-color-picker-swatches__color {
26163
- position: relative;
26164
- height: 18px;
26165
- max-height: 18px;
26166
- width: 45px;
26167
- margin: 2px 4px;
26168
- border-radius: 2px;
26169
- -webkit-user-select: none;
26170
- user-select: none;
26171
- overflow: hidden;
26172
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26173
- cursor: pointer;
26174
- }
26175
- .v-color-picker-swatches__color > div {
26176
- display: flex;
26177
- align-items: center;
26178
- justify-content: center;
26179
- width: 100%;
26180
- height: 100%;
26181
- }.v-slider-thumb {
26182
- touch-action: none;
26183
- color: rgb(var(--v-theme-surface-variant));
26184
- }
26185
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26186
- color: inherit;
26187
- }
26188
-
26189
- .v-slider-thumb__label {
26190
- background: rgba(var(--v-theme-surface-variant), 0.7);
26191
- color: rgb(var(--v-theme-on-surface-variant));
26090
+ }.v-color-picker-preview__alpha .v-slider-track__background {
26091
+ background-color: transparent !important;
26192
26092
  }
26193
- .v-slider-thumb__label::before {
26194
- color: rgba(var(--v-theme-surface-variant), 0.7);
26093
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26094
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26195
26095
  }
26196
26096
 
26197
- .v-slider-thumb {
26198
- outline: none;
26199
- position: absolute;
26200
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26097
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26098
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26201
26099
  }
26202
26100
 
26203
- .v-slider-thumb__surface {
26204
- cursor: pointer;
26205
- width: var(--v-slider-thumb-size);
26206
- height: var(--v-slider-thumb-size);
26207
- border-radius: 50%;
26208
- -webkit-user-select: none;
26209
- user-select: none;
26210
- background-color: currentColor;
26211
- }
26212
- .v-slider-thumb__surface::before {
26213
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26101
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
26214
26102
  content: "";
26215
- color: inherit;
26216
- top: 0;
26103
+ z-index: -1;
26217
26104
  left: 0;
26105
+ top: 0;
26218
26106
  width: 100%;
26219
26107
  height: 100%;
26220
- border-radius: 50%;
26221
- background: currentColor;
26222
26108
  position: absolute;
26223
- pointer-events: none;
26224
- opacity: 0;
26225
- }
26226
- .v-slider-thumb__surface::after {
26227
- content: "";
26228
- width: 42px;
26229
- height: 42px;
26230
- position: absolute;
26231
- top: 50%;
26232
- left: 50%;
26233
- transform: translate(-50%, -50%);
26234
- }
26235
-
26236
- .v-slider-thumb__label-container {
26237
- position: absolute;
26238
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26239
- }
26240
-
26241
- .v-slider-thumb__label {
26242
- display: flex;
26243
- align-items: center;
26244
- justify-content: center;
26245
- font-size: 0.75rem;
26246
- min-width: 35px;
26247
- height: 25px;
26248
- border-radius: 4px;
26249
- padding: 6px;
26250
- position: absolute;
26251
- -webkit-user-select: none;
26252
- user-select: none;
26253
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26254
- }
26255
- .v-slider-thumb__label::before {
26256
- content: "";
26257
- width: 0;
26258
- height: 0;
26259
- position: absolute;
26260
- }
26261
-
26262
- .v-slider-thumb__ripple {
26263
- position: absolute;
26264
- left: calc(var(--v-slider-thumb-size) / -2);
26265
- top: calc(var(--v-slider-thumb-size) / -2);
26266
- width: calc(var(--v-slider-thumb-size) * 2);
26267
- height: calc(var(--v-slider-thumb-size) * 2);
26268
- background: inherit;
26269
- }
26270
-
26271
- .v-slider.v-input--horizontal .v-slider-thumb {
26272
- top: 50%;
26273
- transform: translateY(-50%);
26274
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26275
- }
26276
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26277
- left: calc(var(--v-slider-thumb-size) / 2);
26278
- top: 0;
26279
- }
26280
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26281
- bottom: calc(var(--v-slider-thumb-size) / 2);
26282
- }
26283
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26284
- transform: translateX(-50%);
26109
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26110
+ border-radius: inherit;
26285
26111
  }
26286
26112
 
26287
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26288
- transform: translateX(50%);
26113
+ .v-color-picker-preview__sliders {
26114
+ display: flex;
26115
+ flex: 1 0 auto;
26116
+ flex-direction: column;
26117
+ padding-inline-end: 16px;
26289
26118
  }
26290
26119
 
26291
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26292
- border-left: 6px solid transparent;
26293
- border-right: 6px solid transparent;
26294
- border-top: 6px solid currentColor;
26295
- bottom: -6px;
26120
+ .v-color-picker-preview__dot {
26121
+ position: relative;
26122
+ height: 30px;
26123
+ width: 30px;
26124
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26125
+ border-radius: 50%;
26126
+ overflow: hidden;
26127
+ margin-inline-end: 24px;
26128
+ }
26129
+ .v-color-picker-preview__dot > div {
26130
+ width: 100%;
26131
+ height: 100%;
26296
26132
  }
26297
26133
 
26298
- .v-slider.v-input--vertical .v-slider-thumb {
26299
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26134
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26135
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26300
26136
  }
26301
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26302
- top: calc(var(--v-slider-thumb-size) / 2);
26303
- right: 0;
26137
+
26138
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26139
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26304
26140
  }
26305
- .v-slider.v-input--vertical .v-slider-thumb__label {
26306
- top: -12.5px;
26307
- left: calc(var(--v-slider-thumb-size) / 2);
26141
+
26142
+ .v-color-picker-preview__track {
26143
+ position: relative;
26144
+ width: 100%;
26145
+ margin: 0 !important;
26308
26146
  }
26309
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26310
- border-right: 6px solid currentColor;
26311
- border-top: 6px solid transparent;
26312
- border-bottom: 6px solid transparent;
26313
- left: -6px;
26147
+ .v-color-picker-preview__track .v-slider-track__fill {
26148
+ display: none;
26314
26149
  }
26315
26150
 
26316
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26317
- transform: scale(2);
26318
- opacity: var(--v-focus-opacity);
26151
+ .v-color-picker-preview {
26152
+ align-items: center;
26153
+ display: flex;
26154
+ margin-bottom: 0;
26319
26155
  }
26320
26156
 
26321
- .v-slider-thumb--pressed {
26322
- transition: none;
26157
+ .v-color-picker-preview__eye-dropper {
26158
+ position: relative;
26159
+ margin-right: 12px;
26160
+ }.v-color-picker-swatches {
26161
+ overflow-y: auto;
26323
26162
  }
26324
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26325
- opacity: var(--v-pressed-opacity);
26163
+ .v-color-picker-swatches > div {
26164
+ display: flex;
26165
+ flex-wrap: wrap;
26166
+ justify-content: center;
26167
+ padding: 8px;
26326
26168
  }
26327
26169
 
26328
- @media (hover: hover) {
26329
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26330
- transform: scale(2);
26331
- }
26332
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26333
- opacity: var(--v-hover-opacity);
26334
- }
26170
+ .v-color-picker-swatches__swatch {
26171
+ display: flex;
26172
+ flex-direction: column;
26173
+ margin-bottom: 10px;
26174
+ }
26175
+
26176
+ .v-color-picker-swatches__color {
26177
+ position: relative;
26178
+ height: 18px;
26179
+ max-height: 18px;
26180
+ width: 45px;
26181
+ margin: 2px 4px;
26182
+ border-radius: 2px;
26183
+ -webkit-user-select: none;
26184
+ user-select: none;
26185
+ overflow: hidden;
26186
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26187
+ cursor: pointer;
26188
+ }
26189
+ .v-color-picker-swatches__color > div {
26190
+ display: flex;
26191
+ align-items: center;
26192
+ justify-content: center;
26193
+ width: 100%;
26194
+ height: 100%;
26335
26195
  }.v-slider-track__background {
26336
26196
  background-color: rgb(var(--v-theme-surface-variant));
26337
26197
  }
@@ -26495,4 +26355,158 @@ html.v-overlay-scroll-blocked {
26495
26355
 
26496
26356
  .v-slider-track__background--opacity {
26497
26357
  opacity: 0.38;
26358
+ }.v-slider-thumb {
26359
+ touch-action: none;
26360
+ color: rgb(var(--v-theme-surface-variant));
26361
+ }
26362
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26363
+ color: inherit;
26364
+ }
26365
+
26366
+ .v-slider-thumb__label {
26367
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26368
+ color: rgb(var(--v-theme-on-surface-variant));
26369
+ }
26370
+ .v-slider-thumb__label::before {
26371
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26372
+ }
26373
+
26374
+ .v-slider-thumb {
26375
+ outline: none;
26376
+ position: absolute;
26377
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26378
+ }
26379
+
26380
+ .v-slider-thumb__surface {
26381
+ cursor: pointer;
26382
+ width: var(--v-slider-thumb-size);
26383
+ height: var(--v-slider-thumb-size);
26384
+ border-radius: 50%;
26385
+ -webkit-user-select: none;
26386
+ user-select: none;
26387
+ background-color: currentColor;
26388
+ }
26389
+ .v-slider-thumb__surface::before {
26390
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26391
+ content: "";
26392
+ color: inherit;
26393
+ top: 0;
26394
+ left: 0;
26395
+ width: 100%;
26396
+ height: 100%;
26397
+ border-radius: 50%;
26398
+ background: currentColor;
26399
+ position: absolute;
26400
+ pointer-events: none;
26401
+ opacity: 0;
26402
+ }
26403
+ .v-slider-thumb__surface::after {
26404
+ content: "";
26405
+ width: 42px;
26406
+ height: 42px;
26407
+ position: absolute;
26408
+ top: 50%;
26409
+ left: 50%;
26410
+ transform: translate(-50%, -50%);
26411
+ }
26412
+
26413
+ .v-slider-thumb__label-container {
26414
+ position: absolute;
26415
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26416
+ }
26417
+
26418
+ .v-slider-thumb__label {
26419
+ display: flex;
26420
+ align-items: center;
26421
+ justify-content: center;
26422
+ font-size: 0.75rem;
26423
+ min-width: 35px;
26424
+ height: 25px;
26425
+ border-radius: 4px;
26426
+ padding: 6px;
26427
+ position: absolute;
26428
+ -webkit-user-select: none;
26429
+ user-select: none;
26430
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26431
+ }
26432
+ .v-slider-thumb__label::before {
26433
+ content: "";
26434
+ width: 0;
26435
+ height: 0;
26436
+ position: absolute;
26437
+ }
26438
+
26439
+ .v-slider-thumb__ripple {
26440
+ position: absolute;
26441
+ left: calc(var(--v-slider-thumb-size) / -2);
26442
+ top: calc(var(--v-slider-thumb-size) / -2);
26443
+ width: calc(var(--v-slider-thumb-size) * 2);
26444
+ height: calc(var(--v-slider-thumb-size) * 2);
26445
+ background: inherit;
26446
+ }
26447
+
26448
+ .v-slider.v-input--horizontal .v-slider-thumb {
26449
+ top: 50%;
26450
+ transform: translateY(-50%);
26451
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26452
+ }
26453
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26454
+ left: calc(var(--v-slider-thumb-size) / 2);
26455
+ top: 0;
26456
+ }
26457
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26458
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26459
+ }
26460
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26461
+ transform: translateX(-50%);
26462
+ }
26463
+
26464
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26465
+ transform: translateX(50%);
26466
+ }
26467
+
26468
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26469
+ border-left: 6px solid transparent;
26470
+ border-right: 6px solid transparent;
26471
+ border-top: 6px solid currentColor;
26472
+ bottom: -6px;
26473
+ }
26474
+
26475
+ .v-slider.v-input--vertical .v-slider-thumb {
26476
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26477
+ }
26478
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26479
+ top: calc(var(--v-slider-thumb-size) / 2);
26480
+ right: 0;
26481
+ }
26482
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26483
+ top: -12.5px;
26484
+ left: calc(var(--v-slider-thumb-size) / 2);
26485
+ }
26486
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26487
+ border-right: 6px solid currentColor;
26488
+ border-top: 6px solid transparent;
26489
+ border-bottom: 6px solid transparent;
26490
+ left: -6px;
26491
+ }
26492
+
26493
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26494
+ transform: scale(2);
26495
+ opacity: var(--v-focus-opacity);
26496
+ }
26497
+
26498
+ .v-slider-thumb--pressed {
26499
+ transition: none;
26500
+ }
26501
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26502
+ opacity: var(--v-pressed-opacity);
26503
+ }
26504
+
26505
+ @media (hover: hover) {
26506
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26507
+ transform: scale(2);
26508
+ }
26509
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26510
+ opacity: var(--v-hover-opacity);
26511
+ }
26498
26512
  }