@vuetify/nightly 3.6.9-master.2024-06-12 → 3.6.9-master.2024-06-18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.9-master.2024-06-12
2
+ * Vuetify v3.6.9-master.2024-06-18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18156,38 +18156,6 @@ html.overflow-y-hidden {
18156
18156
  }
18157
18157
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18158
18158
  transform: translateY(0.5rem);
18159
- }.bottom-sheet-transition-enter-from {
18160
- transform: translateY(100%);
18161
- }
18162
- .bottom-sheet-transition-leave-to {
18163
- transform: translateY(100%);
18164
- }
18165
-
18166
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18167
- align-self: flex-end;
18168
- border-radius: 0;
18169
- flex: 0 1 auto;
18170
- left: 0;
18171
- right: 0;
18172
- margin-inline: 0;
18173
- margin-bottom: 0;
18174
- transition-duration: 0.2s;
18175
- width: 100%;
18176
- max-width: 100%;
18177
- overflow: visible;
18178
- 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));
18179
- }
18180
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18181
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18182
- border-radius: 0;
18183
- }
18184
- .v-bottom-sheet.v-bottom-sheet--inset {
18185
- max-width: none;
18186
- }
18187
- @media (min-width: 600px) {
18188
- .v-bottom-sheet.v-bottom-sheet--inset {
18189
- max-width: 70%;
18190
- }
18191
18159
  }.v-breadcrumbs {
18192
18160
  display: flex;
18193
18161
  align-items: center;
@@ -18245,6 +18213,94 @@ html.overflow-y-hidden {
18245
18213
  display: inline-block;
18246
18214
  padding: 0 8px;
18247
18215
  vertical-align: middle;
18216
+ }.bottom-sheet-transition-enter-from {
18217
+ transform: translateY(100%);
18218
+ }
18219
+ .bottom-sheet-transition-leave-to {
18220
+ transform: translateY(100%);
18221
+ }
18222
+
18223
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18224
+ align-self: flex-end;
18225
+ border-radius: 0;
18226
+ flex: 0 1 auto;
18227
+ left: 0;
18228
+ right: 0;
18229
+ margin-inline: 0;
18230
+ margin-bottom: 0;
18231
+ transition-duration: 0.2s;
18232
+ width: 100%;
18233
+ max-width: 100%;
18234
+ overflow: visible;
18235
+ 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));
18236
+ }
18237
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18238
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18239
+ border-radius: 0;
18240
+ }
18241
+ .v-bottom-sheet.v-bottom-sheet--inset {
18242
+ max-width: none;
18243
+ }
18244
+ @media (min-width: 600px) {
18245
+ .v-bottom-sheet.v-bottom-sheet--inset {
18246
+ max-width: 70%;
18247
+ }
18248
+ }.v-btn-group {
18249
+ display: inline-flex;
18250
+ flex-wrap: nowrap;
18251
+ max-width: 100%;
18252
+ min-width: 0;
18253
+ overflow: hidden;
18254
+ vertical-align: middle;
18255
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18256
+ border-style: solid;
18257
+ border-width: 0;
18258
+ 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));
18259
+ border-radius: 4px;
18260
+ background: transparent;
18261
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18262
+ }
18263
+ .v-btn-group--border {
18264
+ border-width: thin;
18265
+ box-shadow: none;
18266
+ }
18267
+ .v-btn-group--density-default.v-btn-group {
18268
+ height: 48px;
18269
+ }
18270
+
18271
+ .v-btn-group--density-comfortable.v-btn-group {
18272
+ height: 40px;
18273
+ }
18274
+
18275
+ .v-btn-group--density-compact.v-btn-group {
18276
+ height: 36px;
18277
+ }
18278
+
18279
+ .v-btn-group .v-btn {
18280
+ border-radius: 0;
18281
+ border-color: inherit;
18282
+ }
18283
+ .v-btn-group .v-btn:not(:last-child) {
18284
+ border-inline-end: none;
18285
+ }
18286
+ .v-btn-group .v-btn:not(:first-child) {
18287
+ border-inline-start: none;
18288
+ }
18289
+ .v-btn-group .v-btn:first-child {
18290
+ border-start-start-radius: inherit;
18291
+ border-end-start-radius: inherit;
18292
+ }
18293
+ .v-btn-group .v-btn:last-child {
18294
+ border-start-end-radius: inherit;
18295
+ border-end-end-radius: inherit;
18296
+ }
18297
+ .v-btn-group--divided .v-btn:not(:last-child) {
18298
+ border-inline-end-width: thin;
18299
+ border-inline-end-style: solid;
18300
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18301
+ }
18302
+ .v-btn-group--tile {
18303
+ border-radius: 0;
18248
18304
  }.v-btn {
18249
18305
  align-items: center;
18250
18306
  border-radius: 4px;
@@ -18663,62 +18719,6 @@ html.overflow-y-hidden {
18663
18719
  }
18664
18720
  .v-pagination__item--is-active .v-btn__overlay {
18665
18721
  opacity: var(--v-border-opacity);
18666
- }.v-btn-group {
18667
- display: inline-flex;
18668
- flex-wrap: nowrap;
18669
- max-width: 100%;
18670
- min-width: 0;
18671
- overflow: hidden;
18672
- vertical-align: middle;
18673
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18674
- border-style: solid;
18675
- border-width: 0;
18676
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18677
- border-radius: 4px;
18678
- background: transparent;
18679
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18680
- }
18681
- .v-btn-group--border {
18682
- border-width: thin;
18683
- box-shadow: none;
18684
- }
18685
- .v-btn-group--density-default.v-btn-group {
18686
- height: 48px;
18687
- }
18688
-
18689
- .v-btn-group--density-comfortable.v-btn-group {
18690
- height: 40px;
18691
- }
18692
-
18693
- .v-btn-group--density-compact.v-btn-group {
18694
- height: 36px;
18695
- }
18696
-
18697
- .v-btn-group .v-btn {
18698
- border-radius: 0;
18699
- border-color: inherit;
18700
- }
18701
- .v-btn-group .v-btn:not(:last-child) {
18702
- border-inline-end: none;
18703
- }
18704
- .v-btn-group .v-btn:not(:first-child) {
18705
- border-inline-start: none;
18706
- }
18707
- .v-btn-group .v-btn:first-child {
18708
- border-start-start-radius: inherit;
18709
- border-end-start-radius: inherit;
18710
- }
18711
- .v-btn-group .v-btn:last-child {
18712
- border-start-end-radius: inherit;
18713
- border-end-end-radius: inherit;
18714
- }
18715
- .v-btn-group--divided .v-btn:not(:last-child) {
18716
- border-inline-end-width: thin;
18717
- border-inline-end-style: solid;
18718
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18719
- }
18720
- .v-btn-group--tile {
18721
- border-radius: 0;
18722
18722
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18723
18723
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18724
18724
  }
@@ -19031,6 +19031,11 @@ html.overflow-y-hidden {
19031
19031
  pointer-events: none;
19032
19032
  opacity: 0;
19033
19033
  transition: opacity 0.2s ease-in-out;
19034
+ }.v-checkbox.v-input {
19035
+ flex: 0 1 auto;
19036
+ }
19037
+ .v-checkbox .v-selection-control {
19038
+ min-height: var(--v-input-control-height);
19034
19039
  }.v-carousel {
19035
19040
  overflow: hidden;
19036
19041
  position: relative;
@@ -19094,771 +19099,760 @@ html.overflow-y-hidden {
19094
19099
  flex-direction: column;
19095
19100
  height: 100% !important;
19096
19101
  width: 50px;
19097
- }.v-checkbox.v-input {
19098
- flex: 0 1 auto;
19099
- }
19100
- .v-checkbox .v-selection-control {
19101
- min-height: var(--v-input-control-height);
19102
- }.v-chip {
19103
- align-items: center;
19104
- display: inline-flex;
19105
- font-weight: 400;
19102
+ }.v-chip-group {
19103
+ display: flex;
19106
19104
  max-width: 100%;
19107
19105
  min-width: 0;
19108
- overflow: hidden;
19109
- position: relative;
19110
- text-decoration: none;
19111
- white-space: nowrap;
19112
- vertical-align: middle;
19113
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19114
- border-style: solid;
19115
- border-width: 0;
19116
- border-radius: 9999px;
19117
- }
19118
- .v-chip .v-icon {
19119
- --v-icon-size-multiplier: 0.8571428571;
19120
- }
19121
- .v-chip.v-chip--size-x-small {
19122
- --v-chip-size: 0.625rem;
19123
- --v-chip-height: 20px;
19124
- font-size: 0.625rem;
19125
- padding: 0 8px;
19126
- }
19127
- .v-chip.v-chip--size-x-small .v-avatar {
19128
- --v-avatar-height: 14px;
19129
- }
19130
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19131
- --v-avatar-height: 20px;
19106
+ overflow-x: auto;
19107
+ padding: 4px 0;
19132
19108
  }
19133
-
19134
- .v-chip.v-chip--size-x-small .v-avatar--start {
19135
- margin-inline-start: -5.6px;
19136
- margin-inline-end: 4px;
19109
+ .v-chip-group .v-chip {
19110
+ margin: 4px 8px 4px 0;
19137
19111
  }
19138
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19139
- margin-inline-start: -8px;
19112
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19113
+ opacity: var(--v-activated-opacity);
19140
19114
  }
19141
19115
 
19142
- .v-chip.v-chip--size-x-small .v-avatar--end {
19143
- margin-inline-start: 4px;
19144
- margin-inline-end: -5.6px;
19116
+ .v-chip-group--column .v-slide-group__content {
19117
+ white-space: normal;
19118
+ flex-wrap: wrap;
19119
+ max-width: 100%;
19120
+ }.v-color-picker {
19121
+ align-self: flex-start;
19122
+ contain: content;
19145
19123
  }
19146
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19147
- margin-inline-end: -8px;
19124
+ .v-color-picker.v-sheet {
19125
+ 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));
19126
+ border-radius: 4px;
19148
19127
  }
19149
19128
 
19150
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19151
- margin-inline-start: 12px;
19129
+ .v-color-picker__controls {
19130
+ display: flex;
19131
+ flex-direction: column;
19132
+ padding: 16px;
19152
19133
  }
19153
19134
 
19154
- .v-chip.v-chip--size-x-small .v-icon--start,
19155
- .v-chip.v-chip--size-x-small .v-chip__filter {
19156
- margin-inline-start: -4px;
19157
- margin-inline-end: 4px;
19135
+ .v-color-picker--flat {
19136
+ 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));
19158
19137
  }
19159
- .v-chip.v-chip--size-x-small .v-icon--end,
19160
- .v-chip.v-chip--size-x-small .v-chip__close {
19161
- margin-inline-start: 4px;
19162
- margin-inline-end: -4px;
19163
- }
19164
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19165
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19166
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19167
- margin-inline-start: 8px;
19138
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19139
+ 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));
19140
+ }.v-combobox .v-field .v-text-field__prefix,
19141
+ .v-combobox .v-field .v-text-field__suffix,
19142
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19143
+ cursor: text;
19168
19144
  }
19169
-
19170
- .v-chip.v-chip--size-small {
19171
- --v-chip-size: 0.75rem;
19172
- --v-chip-height: 26px;
19173
- font-size: 0.75rem;
19174
- padding: 0 10px;
19145
+ .v-combobox .v-field .v-field__input > input {
19146
+ flex: 1 1;
19175
19147
  }
19176
- .v-chip.v-chip--size-small .v-avatar {
19177
- --v-avatar-height: 20px;
19148
+ .v-combobox .v-field input {
19149
+ min-width: 64px;
19178
19150
  }
19179
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19180
- --v-avatar-height: 26px;
19151
+ .v-combobox .v-field:not(.v-field--focused) input {
19152
+ min-width: 0;
19181
19153
  }
19182
-
19183
- .v-chip.v-chip--size-small .v-avatar--start {
19184
- margin-inline-start: -7px;
19185
- margin-inline-end: 5px;
19154
+ .v-combobox .v-field--dirty .v-combobox__selection {
19155
+ margin-inline-end: 2px;
19186
19156
  }
19187
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19188
- margin-inline-start: -10px;
19157
+ .v-combobox .v-combobox__selection-text {
19158
+ overflow: hidden;
19159
+ text-overflow: ellipsis;
19160
+ white-space: nowrap;
19189
19161
  }
19190
19162
 
19191
- .v-chip.v-chip--size-small .v-avatar--end {
19192
- margin-inline-start: 5px;
19193
- margin-inline-end: -7px;
19163
+ .v-combobox__content {
19164
+ overflow: hidden;
19165
+ 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));
19166
+ border-radius: 4px;
19194
19167
  }
19195
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19196
- margin-inline-end: -10px;
19168
+ .v-combobox__mask {
19169
+ background: rgb(var(--v-theme-surface-light));
19197
19170
  }
19198
-
19199
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19200
- margin-inline-start: 15px;
19171
+ .v-combobox__selection {
19172
+ display: inline-flex;
19173
+ align-items: center;
19174
+ height: 1.5rem;
19175
+ letter-spacing: inherit;
19176
+ line-height: inherit;
19177
+ max-width: calc(100% - 2px - 2px);
19201
19178
  }
19202
-
19203
- .v-chip.v-chip--size-small .v-icon--start,
19204
- .v-chip.v-chip--size-small .v-chip__filter {
19205
- margin-inline-start: -5px;
19206
- margin-inline-end: 5px;
19179
+ .v-combobox__selection:first-child {
19180
+ margin-inline-start: 0;
19207
19181
  }
19208
- .v-chip.v-chip--size-small .v-icon--end,
19209
- .v-chip.v-chip--size-small .v-chip__close {
19210
- margin-inline-start: 5px;
19211
- margin-inline-end: -5px;
19182
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19183
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19184
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19185
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19186
+ top: 0px;
19212
19187
  }
19213
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19214
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19215
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19216
- margin-inline-start: 10px;
19188
+ .v-combobox--selecting-index .v-combobox__selection {
19189
+ opacity: var(--v-medium-emphasis-opacity);
19217
19190
  }
19218
-
19219
- .v-chip.v-chip--size-default {
19220
- --v-chip-size: 0.875rem;
19221
- --v-chip-height: 32px;
19222
- font-size: 0.875rem;
19223
- padding: 0 12px;
19191
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19192
+ opacity: 1;
19224
19193
  }
19225
- .v-chip.v-chip--size-default .v-avatar {
19226
- --v-avatar-height: 26px;
19194
+ .v-combobox--selecting-index .v-field__input > input {
19195
+ caret-color: transparent;
19227
19196
  }
19228
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19229
- --v-avatar-height: 32px;
19197
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19198
+ flex: 1 1;
19199
+ position: absolute;
19200
+ left: 0;
19201
+ right: 0;
19202
+ width: 100%;
19203
+ padding-inline: inherit;
19230
19204
  }
19231
-
19232
- .v-chip.v-chip--size-default .v-avatar--start {
19233
- margin-inline-start: -8.4px;
19234
- margin-inline-end: 6px;
19205
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19206
+ transition: none;
19235
19207
  }
19236
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19237
- margin-inline-start: -12px;
19208
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19209
+ opacity: 0;
19238
19210
  }
19239
-
19240
- .v-chip.v-chip--size-default .v-avatar--end {
19241
- margin-inline-start: 6px;
19242
- margin-inline-end: -8.4px;
19211
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19212
+ opacity: 0;
19243
19213
  }
19244
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19245
- margin-inline-end: -12px;
19214
+ .v-combobox__menu-icon {
19215
+ margin-inline-start: 4px;
19216
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19246
19217
  }
19247
-
19248
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19249
- margin-inline-start: 18px;
19218
+ .v-combobox--active-menu .v-combobox__menu-icon {
19219
+ opacity: var(--v-high-emphasis-opacity);
19220
+ transform: rotate(180deg);
19221
+ }.v-counter {
19222
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19223
+ flex: 0 1 auto;
19224
+ font-size: 12px;
19225
+ transition-duration: 150ms;
19226
+ }.v-data-table {
19227
+ width: 100%;
19250
19228
  }
19251
19229
 
19252
- .v-chip.v-chip--size-default .v-icon--start,
19253
- .v-chip.v-chip--size-default .v-chip__filter {
19254
- margin-inline-start: -6px;
19255
- margin-inline-end: 6px;
19230
+ .v-data-table__table {
19231
+ width: 100%;
19232
+ border-collapse: separate;
19233
+ border-spacing: 0;
19256
19234
  }
19257
- .v-chip.v-chip--size-default .v-icon--end,
19258
- .v-chip.v-chip--size-default .v-chip__close {
19259
- margin-inline-start: 6px;
19260
- margin-inline-end: -6px;
19235
+
19236
+ .v-data-table__tr--focus {
19237
+ border: 1px dotted black;
19261
19238
  }
19262
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19263
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19264
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19265
- margin-inline-start: 12px;
19239
+ .v-data-table__tr--clickable {
19240
+ cursor: pointer;
19266
19241
  }
19267
19242
 
19268
- .v-chip.v-chip--size-large {
19269
- --v-chip-size: 1rem;
19270
- --v-chip-height: 38px;
19271
- font-size: 1rem;
19272
- padding: 0 14px;
19243
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19244
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19245
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19246
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19247
+ text-align: end;
19273
19248
  }
19274
- .v-chip.v-chip--size-large .v-avatar {
19275
- --v-avatar-height: 32px;
19249
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19250
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19251
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19252
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19253
+ flex-direction: row-reverse;
19276
19254
  }
19277
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19278
- --v-avatar-height: 38px;
19255
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19256
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19257
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19258
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19259
+ text-align: center;
19279
19260
  }
19280
-
19281
- .v-chip.v-chip--size-large .v-avatar--start {
19282
- margin-inline-start: -9.8px;
19283
- margin-inline-end: 7px;
19261
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19262
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19263
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19264
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19265
+ justify-content: center;
19284
19266
  }
19285
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19286
- margin-inline-start: -14px;
19267
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19268
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19269
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19270
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19271
+ padding: 0 8px;
19287
19272
  }
19288
-
19289
- .v-chip.v-chip--size-large .v-avatar--end {
19290
- margin-inline-start: 7px;
19291
- margin-inline-end: -9.8px;
19273
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
19274
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
19275
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
19276
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
19277
+ text-overflow: ellipsis;
19278
+ text-wrap: nowrap;
19279
+ overflow: hidden;
19292
19280
  }
19293
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19294
- margin-inline-end: -14px;
19281
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19282
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
19283
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19284
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
19285
+ display: contents;
19295
19286
  }
19296
-
19297
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19298
- margin-inline-start: 21px;
19287
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
19288
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
19289
+ align-items: center;
19299
19290
  }
19300
-
19301
- .v-chip.v-chip--size-large .v-icon--start,
19302
- .v-chip.v-chip--size-large .v-chip__filter {
19303
- margin-inline-start: -7px;
19304
- margin-inline-end: 7px;
19291
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19292
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19293
+ position: sticky;
19305
19294
  }
19306
- .v-chip.v-chip--size-large .v-icon--end,
19307
- .v-chip.v-chip--size-large .v-chip__close {
19308
- margin-inline-start: 7px;
19309
- margin-inline-end: -7px;
19295
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19296
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19297
+ cursor: pointer;
19298
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19310
19299
  }
19311
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19312
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19313
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19314
- margin-inline-start: 14px;
19300
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19301
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
19302
+ opacity: 0;
19315
19303
  }
19316
-
19317
- .v-chip.v-chip--size-x-large {
19318
- --v-chip-size: 1.125rem;
19319
- --v-chip-height: 44px;
19320
- font-size: 1.125rem;
19321
- padding: 0 17px;
19304
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
19305
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19306
+ opacity: 0.5;
19322
19307
  }
19323
- .v-chip.v-chip--size-x-large .v-avatar {
19324
- --v-avatar-height: 38px;
19308
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
19309
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
19310
+ height: -moz-fit-content;
19311
+ height: fit-content;
19325
19312
  }
19326
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19327
- --v-avatar-height: 44px;
19313
+
19314
+ .v-data-table-column--fixed,
19315
+ .v-data-table__th--sticky {
19316
+ background: rgb(var(--v-theme-surface));
19317
+ position: sticky !important;
19318
+ left: 0;
19319
+ z-index: 1;
19328
19320
  }
19329
19321
 
19330
- .v-chip.v-chip--size-x-large .v-avatar--start {
19331
- margin-inline-start: -11.9px;
19332
- margin-inline-end: 8.5px;
19322
+ .v-data-table-column--last-fixed {
19323
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19333
19324
  }
19334
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19335
- margin-inline-start: -17px;
19325
+
19326
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
19327
+ z-index: 2;
19336
19328
  }
19337
19329
 
19338
- .v-chip.v-chip--size-x-large .v-avatar--end {
19339
- margin-inline-start: 8.5px;
19340
- margin-inline-end: -11.9px;
19330
+ .v-data-table-group-header-row td {
19331
+ background: rgba(var(--v-theme-surface));
19332
+ color: rgba(var(--v-theme-on-surface));
19341
19333
  }
19342
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19343
- margin-inline-end: -17px;
19334
+ .v-data-table-group-header-row td > span {
19335
+ padding-left: 5px;
19344
19336
  }
19345
19337
 
19346
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19347
- margin-inline-start: 25.5px;
19338
+ .v-data-table--loading .v-data-table__td {
19339
+ opacity: var(--v-disabled-opacity);
19348
19340
  }
19349
19341
 
19350
- .v-chip.v-chip--size-x-large .v-icon--start,
19351
- .v-chip.v-chip--size-x-large .v-chip__filter {
19352
- margin-inline-start: -8.5px;
19353
- margin-inline-end: 8.5px;
19342
+ .v-data-table-group-header-row__column {
19343
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19354
19344
  }
19355
- .v-chip.v-chip--size-x-large .v-icon--end,
19356
- .v-chip.v-chip--size-x-large .v-chip__close {
19357
- margin-inline-start: 8.5px;
19358
- margin-inline-end: -8.5px;
19345
+
19346
+ .v-data-table-header__content {
19347
+ display: flex;
19348
+ align-items: center;
19359
19349
  }
19360
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19361
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19362
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19363
- margin-inline-start: 17px;
19350
+
19351
+ .v-data-table-header__sort-badge {
19352
+ display: inline-flex;
19353
+ justify-content: center;
19354
+ align-items: center;
19355
+ font-size: 0.875rem;
19356
+ padding: 4px;
19357
+ border-radius: 50%;
19358
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
19359
+ min-width: 20px;
19360
+ min-height: 20px;
19361
+ width: 20px;
19362
+ height: 20px;
19364
19363
  }
19365
19364
 
19366
- .v-chip.v-chip--density-default {
19367
- height: calc(var(--v-chip-height) + 0px);
19365
+ .v-data-table-progress > th {
19366
+ border: none !important;
19367
+ height: auto !important;
19368
+ padding: 0 !important;
19368
19369
  }
19369
19370
 
19370
- .v-chip.v-chip--density-comfortable {
19371
- height: calc(var(--v-chip-height) + -4px);
19371
+ .v-data-table-progress__loader {
19372
+ position: relative;
19372
19373
  }
19373
19374
 
19374
- .v-chip.v-chip--density-compact {
19375
- height: calc(var(--v-chip-height) + -8px);
19375
+ .v-data-table-rows-loading,
19376
+ .v-data-table-rows-no-data {
19377
+ text-align: center;
19376
19378
  }
19377
19379
 
19378
- .v-chip:hover > .v-chip__overlay {
19379
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19380
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19381
+ grid-template-columns: 0;
19382
+ justify-content: center;
19380
19383
  }
19381
- .v-chip:focus-visible > .v-chip__overlay {
19382
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19384
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
19385
+ grid-template-columns: 0;
19386
+ justify-content: end;
19383
19387
  }
19384
- @supports not selector(:focus-visible) {
19385
- .v-chip:focus > .v-chip__overlay {
19386
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19387
- }
19388
+ .v-data-table__tr--mobile > td {
19389
+ align-items: center;
19390
+ column-gap: 4px;
19391
+ display: grid;
19392
+ grid-template-columns: repeat(2, 1fr);
19393
+ min-height: var(--v-table-row-height);
19388
19394
  }
19389
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19390
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19395
+ .v-data-table__tr--mobile > td:not(:last-child) {
19396
+ border-bottom: 0 !important;
19391
19397
  }
19392
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19393
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19398
+
19399
+ .v-data-table__td-title {
19400
+ font-weight: 500;
19401
+ text-align: left;
19394
19402
  }
19395
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19396
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19403
+
19404
+ .v-data-table__td-value {
19405
+ text-align: right;
19397
19406
  }
19398
- @supports not selector(:focus-visible) {
19399
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19400
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19401
- }
19407
+
19408
+ .v-data-table__td-sort-icon {
19409
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
19402
19410
  }
19403
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19404
- background: transparent;
19405
- color: inherit;
19411
+ .v-data-table__td-sort-icon-active {
19412
+ color: rgba(var(--v-theme-on-surface));
19413
+ }.v-data-table-footer {
19414
+ align-items: center;
19415
+ display: flex;
19416
+ flex-wrap: wrap;
19417
+ justify-content: flex-end;
19418
+ padding: 8px 4px;
19406
19419
  }
19407
- .v-chip--variant-plain {
19408
- opacity: 0.26;
19420
+ .v-data-table-footer__items-per-page {
19421
+ align-items: center;
19422
+ display: flex;
19423
+ justify-content: center;
19409
19424
  }
19410
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19411
- opacity: 1;
19425
+ .v-data-table-footer__items-per-page > span {
19426
+ padding-inline-end: 8px;
19412
19427
  }
19413
- .v-chip--variant-plain .v-chip__overlay {
19414
- display: none;
19428
+ .v-data-table-footer__items-per-page > .v-select {
19429
+ width: 90px;
19415
19430
  }
19416
- .v-chip--variant-elevated, .v-chip--variant-flat {
19417
- background: rgb(var(--v-theme-surface-variant));
19418
- color: rgb(var(--v-theme-on-surface-variant));
19431
+ .v-data-table-footer__info {
19432
+ display: flex;
19433
+ justify-content: flex-end;
19434
+ min-width: 116px;
19435
+ padding: 0 16px;
19419
19436
  }
19420
- .v-chip--variant-elevated {
19421
- 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));
19437
+ .v-data-table-footer__paginationz {
19438
+ align-items: center;
19439
+ display: flex;
19440
+ margin-inline-start: 16px;
19422
19441
  }
19423
- .v-chip--variant-flat {
19424
- 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));
19442
+ .v-data-table-footer__page {
19443
+ padding: 0 8px;
19444
+ }.v-chip {
19445
+ align-items: center;
19446
+ display: inline-flex;
19447
+ font-weight: 400;
19448
+ max-width: 100%;
19449
+ min-width: 0;
19450
+ overflow: hidden;
19451
+ position: relative;
19452
+ text-decoration: none;
19453
+ white-space: nowrap;
19454
+ vertical-align: middle;
19455
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19456
+ border-style: solid;
19457
+ border-width: 0;
19458
+ border-radius: 9999px;
19425
19459
  }
19426
- .v-chip--variant-outlined {
19427
- border: thin solid currentColor;
19460
+ .v-chip .v-icon {
19461
+ --v-icon-size-multiplier: 0.8571428571;
19428
19462
  }
19429
- .v-chip--variant-text .v-chip__overlay {
19430
- background: currentColor;
19463
+ .v-chip.v-chip--size-x-small {
19464
+ --v-chip-size: 0.625rem;
19465
+ --v-chip-height: 20px;
19466
+ font-size: 0.625rem;
19467
+ padding: 0 8px;
19431
19468
  }
19432
- .v-chip--variant-tonal .v-chip__underlay {
19433
- background: currentColor;
19434
- opacity: var(--v-activated-opacity);
19435
- border-radius: inherit;
19436
- top: 0;
19437
- right: 0;
19438
- bottom: 0;
19439
- left: 0;
19440
- pointer-events: none;
19469
+ .v-chip.v-chip--size-x-small .v-avatar {
19470
+ --v-avatar-height: 14px;
19441
19471
  }
19442
- .v-chip .v-chip__underlay {
19443
- position: absolute;
19472
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19473
+ --v-avatar-height: 20px;
19444
19474
  }
19445
- .v-chip--border {
19446
- border-width: thin;
19475
+
19476
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19477
+ margin-inline-start: -5.6px;
19478
+ margin-inline-end: 4px;
19447
19479
  }
19448
- .v-chip--link {
19449
- cursor: pointer;
19480
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19481
+ margin-inline-start: -8px;
19450
19482
  }
19451
- .v-chip--link, .v-chip--filter {
19452
- -webkit-user-select: none;
19453
- user-select: none;
19483
+
19484
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19485
+ margin-inline-start: 4px;
19486
+ margin-inline-end: -5.6px;
19487
+ }
19488
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19489
+ margin-inline-end: -8px;
19490
+ }
19491
+
19492
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19493
+ margin-inline-start: 12px;
19494
+ }
19495
+
19496
+ .v-chip.v-chip--size-x-small .v-icon--start,
19497
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19498
+ margin-inline-start: -4px;
19499
+ margin-inline-end: 4px;
19454
19500
  }
19455
- .v-chip--label {
19456
- border-radius: 4px;
19501
+ .v-chip.v-chip--size-x-small .v-icon--end,
19502
+ .v-chip.v-chip--size-x-small .v-chip__close {
19503
+ margin-inline-start: 4px;
19504
+ margin-inline-end: -4px;
19505
+ }
19506
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19507
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19508
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19509
+ margin-inline-start: 8px;
19457
19510
  }
19458
19511
 
19459
- .v-chip__content {
19460
- align-items: center;
19461
- display: inline-flex;
19512
+ .v-chip.v-chip--size-small {
19513
+ --v-chip-size: 0.75rem;
19514
+ --v-chip-height: 26px;
19515
+ font-size: 0.75rem;
19516
+ padding: 0 10px;
19462
19517
  }
19463
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19464
- overflow: hidden;
19518
+ .v-chip.v-chip--size-small .v-avatar {
19519
+ --v-avatar-height: 20px;
19465
19520
  }
19466
-
19467
- .v-chip__filter,
19468
- .v-chip__prepend,
19469
- .v-chip__append,
19470
- .v-chip__close {
19471
- align-items: center;
19472
- display: inline-flex;
19521
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19522
+ --v-avatar-height: 26px;
19473
19523
  }
19474
19524
 
19475
- .v-chip__close {
19476
- cursor: pointer;
19477
- flex: 0 1 auto;
19478
- font-size: 18px;
19479
- max-height: 18px;
19480
- max-width: 18px;
19481
- -webkit-user-select: none;
19482
- user-select: none;
19525
+ .v-chip.v-chip--size-small .v-avatar--start {
19526
+ margin-inline-start: -7px;
19527
+ margin-inline-end: 5px;
19483
19528
  }
19484
- .v-chip__close .v-icon {
19485
- font-size: inherit;
19529
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19530
+ margin-inline-start: -10px;
19486
19531
  }
19487
19532
 
19488
- .v-chip__filter {
19489
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19533
+ .v-chip.v-chip--size-small .v-avatar--end {
19534
+ margin-inline-start: 5px;
19535
+ margin-inline-end: -7px;
19490
19536
  }
19491
-
19492
- .v-chip__overlay {
19493
- position: absolute;
19494
- top: 0;
19495
- left: 0;
19496
- width: 100%;
19497
- height: 100%;
19498
- background-color: currentColor;
19499
- border-radius: inherit;
19500
- pointer-events: none;
19501
- opacity: 0;
19502
- transition: opacity 0.2s ease-in-out;
19537
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19538
+ margin-inline-end: -10px;
19503
19539
  }
19504
19540
 
19505
- .v-chip--disabled {
19506
- opacity: 0.3;
19507
- pointer-events: none;
19508
- -webkit-user-select: none;
19509
- user-select: none;
19541
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19542
+ margin-inline-start: 15px;
19510
19543
  }
19511
19544
 
19512
- .v-chip--label {
19513
- border-radius: 4px;
19514
- }.v-chip-group {
19515
- display: flex;
19516
- max-width: 100%;
19517
- min-width: 0;
19518
- overflow-x: auto;
19519
- padding: 4px 0;
19545
+ .v-chip.v-chip--size-small .v-icon--start,
19546
+ .v-chip.v-chip--size-small .v-chip__filter {
19547
+ margin-inline-start: -5px;
19548
+ margin-inline-end: 5px;
19520
19549
  }
19521
- .v-chip-group .v-chip {
19522
- margin: 4px 8px 4px 0;
19550
+ .v-chip.v-chip--size-small .v-icon--end,
19551
+ .v-chip.v-chip--size-small .v-chip__close {
19552
+ margin-inline-start: 5px;
19553
+ margin-inline-end: -5px;
19523
19554
  }
19524
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19525
- opacity: var(--v-activated-opacity);
19555
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19556
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19557
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19558
+ margin-inline-start: 10px;
19526
19559
  }
19527
19560
 
19528
- .v-chip-group--column .v-slide-group__content {
19529
- white-space: normal;
19530
- flex-wrap: wrap;
19531
- max-width: 100%;
19532
- }.v-color-picker {
19533
- align-self: flex-start;
19534
- contain: content;
19561
+ .v-chip.v-chip--size-default {
19562
+ --v-chip-size: 0.875rem;
19563
+ --v-chip-height: 32px;
19564
+ font-size: 0.875rem;
19565
+ padding: 0 12px;
19535
19566
  }
19536
- .v-color-picker.v-sheet {
19537
- 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));
19538
- border-radius: 4px;
19567
+ .v-chip.v-chip--size-default .v-avatar {
19568
+ --v-avatar-height: 26px;
19539
19569
  }
19540
-
19541
- .v-color-picker__controls {
19542
- display: flex;
19543
- flex-direction: column;
19544
- padding: 16px;
19570
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19571
+ --v-avatar-height: 32px;
19545
19572
  }
19546
19573
 
19547
- .v-color-picker--flat {
19548
- 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));
19549
- }
19550
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19551
- 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));
19552
- }.v-combobox .v-field .v-text-field__prefix,
19553
- .v-combobox .v-field .v-text-field__suffix,
19554
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19555
- cursor: text;
19556
- }
19557
- .v-combobox .v-field .v-field__input > input {
19558
- flex: 1 1;
19574
+ .v-chip.v-chip--size-default .v-avatar--start {
19575
+ margin-inline-start: -8.4px;
19576
+ margin-inline-end: 6px;
19559
19577
  }
19560
- .v-combobox .v-field input {
19561
- min-width: 64px;
19578
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19579
+ margin-inline-start: -12px;
19562
19580
  }
19563
- .v-combobox .v-field:not(.v-field--focused) input {
19564
- min-width: 0;
19581
+
19582
+ .v-chip.v-chip--size-default .v-avatar--end {
19583
+ margin-inline-start: 6px;
19584
+ margin-inline-end: -8.4px;
19565
19585
  }
19566
- .v-combobox .v-field--dirty .v-combobox__selection {
19567
- margin-inline-end: 2px;
19586
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19587
+ margin-inline-end: -12px;
19568
19588
  }
19569
- .v-combobox .v-combobox__selection-text {
19570
- overflow: hidden;
19571
- text-overflow: ellipsis;
19572
- white-space: nowrap;
19589
+
19590
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19591
+ margin-inline-start: 18px;
19573
19592
  }
19574
19593
 
19575
- .v-combobox__content {
19576
- overflow: hidden;
19577
- 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));
19578
- border-radius: 4px;
19594
+ .v-chip.v-chip--size-default .v-icon--start,
19595
+ .v-chip.v-chip--size-default .v-chip__filter {
19596
+ margin-inline-start: -6px;
19597
+ margin-inline-end: 6px;
19579
19598
  }
19580
- .v-combobox__mask {
19581
- background: rgb(var(--v-theme-surface-light));
19599
+ .v-chip.v-chip--size-default .v-icon--end,
19600
+ .v-chip.v-chip--size-default .v-chip__close {
19601
+ margin-inline-start: 6px;
19602
+ margin-inline-end: -6px;
19582
19603
  }
19583
- .v-combobox__selection {
19584
- display: inline-flex;
19585
- align-items: center;
19586
- height: 1.5rem;
19587
- letter-spacing: inherit;
19588
- line-height: inherit;
19589
- max-width: calc(100% - 2px - 2px);
19604
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19605
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19606
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19607
+ margin-inline-start: 12px;
19590
19608
  }
19591
- .v-combobox__selection:first-child {
19592
- margin-inline-start: 0;
19609
+
19610
+ .v-chip.v-chip--size-large {
19611
+ --v-chip-size: 1rem;
19612
+ --v-chip-height: 38px;
19613
+ font-size: 1rem;
19614
+ padding: 0 14px;
19593
19615
  }
19594
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19595
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19596
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19597
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19598
- top: 0px;
19616
+ .v-chip.v-chip--size-large .v-avatar {
19617
+ --v-avatar-height: 32px;
19599
19618
  }
19600
- .v-combobox--selecting-index .v-combobox__selection {
19601
- opacity: var(--v-medium-emphasis-opacity);
19619
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19620
+ --v-avatar-height: 38px;
19602
19621
  }
19603
- .v-combobox--selecting-index .v-combobox__selection--selected {
19604
- opacity: 1;
19622
+
19623
+ .v-chip.v-chip--size-large .v-avatar--start {
19624
+ margin-inline-start: -9.8px;
19625
+ margin-inline-end: 7px;
19605
19626
  }
19606
- .v-combobox--selecting-index .v-field__input > input {
19607
- caret-color: transparent;
19627
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19628
+ margin-inline-start: -14px;
19608
19629
  }
19609
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19610
- flex: 1 1;
19611
- position: absolute;
19612
- left: 0;
19613
- right: 0;
19614
- width: 100%;
19615
- padding-inline: inherit;
19630
+
19631
+ .v-chip.v-chip--size-large .v-avatar--end {
19632
+ margin-inline-start: 7px;
19633
+ margin-inline-end: -9.8px;
19616
19634
  }
19617
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19618
- transition: none;
19635
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19636
+ margin-inline-end: -14px;
19619
19637
  }
19620
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19621
- opacity: 0;
19638
+
19639
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19640
+ margin-inline-start: 21px;
19622
19641
  }
19623
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19624
- opacity: 0;
19642
+
19643
+ .v-chip.v-chip--size-large .v-icon--start,
19644
+ .v-chip.v-chip--size-large .v-chip__filter {
19645
+ margin-inline-start: -7px;
19646
+ margin-inline-end: 7px;
19625
19647
  }
19626
- .v-combobox__menu-icon {
19627
- margin-inline-start: 4px;
19628
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19648
+ .v-chip.v-chip--size-large .v-icon--end,
19649
+ .v-chip.v-chip--size-large .v-chip__close {
19650
+ margin-inline-start: 7px;
19651
+ margin-inline-end: -7px;
19629
19652
  }
19630
- .v-combobox--active-menu .v-combobox__menu-icon {
19631
- opacity: var(--v-high-emphasis-opacity);
19632
- transform: rotate(180deg);
19633
- }.v-counter {
19634
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19635
- flex: 0 1 auto;
19636
- font-size: 12px;
19637
- transition-duration: 150ms;
19638
- }.v-data-table {
19639
- width: 100%;
19653
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19654
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19655
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19656
+ margin-inline-start: 14px;
19640
19657
  }
19641
19658
 
19642
- .v-data-table__table {
19643
- width: 100%;
19644
- border-collapse: separate;
19645
- border-spacing: 0;
19659
+ .v-chip.v-chip--size-x-large {
19660
+ --v-chip-size: 1.125rem;
19661
+ --v-chip-height: 44px;
19662
+ font-size: 1.125rem;
19663
+ padding: 0 17px;
19664
+ }
19665
+ .v-chip.v-chip--size-x-large .v-avatar {
19666
+ --v-avatar-height: 38px;
19667
+ }
19668
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19669
+ --v-avatar-height: 44px;
19646
19670
  }
19647
19671
 
19648
- .v-data-table__tr--focus {
19649
- border: 1px dotted black;
19672
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19673
+ margin-inline-start: -11.9px;
19674
+ margin-inline-end: 8.5px;
19650
19675
  }
19651
- .v-data-table__tr--clickable {
19652
- cursor: pointer;
19676
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19677
+ margin-inline-start: -17px;
19653
19678
  }
19654
19679
 
19655
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19656
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19657
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19658
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19659
- text-align: end;
19680
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19681
+ margin-inline-start: 8.5px;
19682
+ margin-inline-end: -11.9px;
19660
19683
  }
19661
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19662
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19663
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19664
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19665
- flex-direction: row-reverse;
19684
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19685
+ margin-inline-end: -17px;
19666
19686
  }
19667
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19668
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19669
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19670
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19671
- text-align: center;
19687
+
19688
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19689
+ margin-inline-start: 25.5px;
19672
19690
  }
19673
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19674
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19675
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19676
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19677
- justify-content: center;
19691
+
19692
+ .v-chip.v-chip--size-x-large .v-icon--start,
19693
+ .v-chip.v-chip--size-x-large .v-chip__filter {
19694
+ margin-inline-start: -8.5px;
19695
+ margin-inline-end: 8.5px;
19678
19696
  }
19679
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19680
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19681
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19682
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19683
- padding: 0 8px;
19697
+ .v-chip.v-chip--size-x-large .v-icon--end,
19698
+ .v-chip.v-chip--size-x-large .v-chip__close {
19699
+ margin-inline-start: 8.5px;
19700
+ margin-inline-end: -8.5px;
19684
19701
  }
19685
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
19686
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
19687
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
19688
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
19689
- text-overflow: ellipsis;
19690
- text-wrap: nowrap;
19691
- overflow: hidden;
19702
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19703
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19704
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19705
+ margin-inline-start: 17px;
19692
19706
  }
19693
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19694
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
19695
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19696
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
19697
- display: contents;
19707
+
19708
+ .v-chip.v-chip--density-default {
19709
+ height: calc(var(--v-chip-height) + 0px);
19698
19710
  }
19699
- .v-data-table .v-table__wrapper > table > thead > tr > th,
19700
- .v-data-table .v-table__wrapper > table tbody > tr > th {
19701
- align-items: center;
19711
+
19712
+ .v-chip.v-chip--density-comfortable {
19713
+ height: calc(var(--v-chip-height) + -4px);
19702
19714
  }
19703
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19704
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19705
- position: sticky;
19715
+
19716
+ .v-chip.v-chip--density-compact {
19717
+ height: calc(var(--v-chip-height) + -8px);
19706
19718
  }
19707
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19708
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19709
- cursor: pointer;
19710
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19719
+
19720
+ .v-chip:hover > .v-chip__overlay {
19721
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19711
19722
  }
19712
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19713
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
19714
- opacity: 0;
19723
+ .v-chip:focus-visible > .v-chip__overlay {
19724
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19715
19725
  }
19716
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
19717
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19718
- opacity: 0.5;
19726
+ @supports not selector(:focus-visible) {
19727
+ .v-chip:focus > .v-chip__overlay {
19728
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19729
+ }
19719
19730
  }
19720
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
19721
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
19722
- height: -moz-fit-content;
19723
- height: fit-content;
19731
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19732
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19724
19733
  }
19725
-
19726
- .v-data-table-column--fixed,
19727
- .v-data-table__th--sticky {
19728
- background: rgb(var(--v-theme-surface));
19729
- position: sticky !important;
19730
- left: 0;
19731
- z-index: 1;
19734
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19735
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19732
19736
  }
19733
-
19734
- .v-data-table-column--last-fixed {
19735
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19737
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19738
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19736
19739
  }
19737
-
19738
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
19739
- z-index: 2;
19740
+ @supports not selector(:focus-visible) {
19741
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19742
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19743
+ }
19740
19744
  }
19741
-
19742
- .v-data-table-group-header-row td {
19743
- background: rgba(var(--v-theme-surface));
19744
- color: rgba(var(--v-theme-on-surface));
19745
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19746
+ background: transparent;
19747
+ color: inherit;
19745
19748
  }
19746
- .v-data-table-group-header-row td > span {
19747
- padding-left: 5px;
19749
+ .v-chip--variant-plain {
19750
+ opacity: 0.26;
19748
19751
  }
19749
-
19750
- .v-data-table--loading .v-data-table__td {
19751
- opacity: var(--v-disabled-opacity);
19752
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19753
+ opacity: 1;
19752
19754
  }
19753
-
19754
- .v-data-table-group-header-row__column {
19755
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19755
+ .v-chip--variant-plain .v-chip__overlay {
19756
+ display: none;
19756
19757
  }
19757
-
19758
- .v-data-table-header__content {
19759
- display: flex;
19760
- align-items: center;
19758
+ .v-chip--variant-elevated, .v-chip--variant-flat {
19759
+ background: rgb(var(--v-theme-surface-variant));
19760
+ color: rgb(var(--v-theme-on-surface-variant));
19761
19761
  }
19762
-
19763
- .v-data-table-header__sort-badge {
19764
- display: inline-flex;
19765
- justify-content: center;
19766
- align-items: center;
19767
- font-size: 0.875rem;
19768
- padding: 4px;
19769
- border-radius: 50%;
19770
- background: rgba(var(--v-border-color), var(--v-border-opacity));
19771
- min-width: 20px;
19772
- min-height: 20px;
19773
- width: 20px;
19774
- height: 20px;
19762
+ .v-chip--variant-elevated {
19763
+ 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));
19775
19764
  }
19776
-
19777
- .v-data-table-progress > th {
19778
- border: none !important;
19779
- height: auto !important;
19780
- padding: 0 !important;
19765
+ .v-chip--variant-flat {
19766
+ 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));
19781
19767
  }
19782
-
19783
- .v-data-table-progress__loader {
19784
- position: relative;
19768
+ .v-chip--variant-outlined {
19769
+ border: thin solid currentColor;
19785
19770
  }
19786
-
19787
- .v-data-table-rows-loading,
19788
- .v-data-table-rows-no-data {
19789
- text-align: center;
19771
+ .v-chip--variant-text .v-chip__overlay {
19772
+ background: currentColor;
19790
19773
  }
19791
-
19792
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19793
- grid-template-columns: 0;
19794
- justify-content: center;
19774
+ .v-chip--variant-tonal .v-chip__underlay {
19775
+ background: currentColor;
19776
+ opacity: var(--v-activated-opacity);
19777
+ border-radius: inherit;
19778
+ top: 0;
19779
+ right: 0;
19780
+ bottom: 0;
19781
+ left: 0;
19782
+ pointer-events: none;
19795
19783
  }
19796
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
19797
- grid-template-columns: 0;
19798
- justify-content: end;
19784
+ .v-chip .v-chip__underlay {
19785
+ position: absolute;
19799
19786
  }
19800
- .v-data-table__tr--mobile > td {
19801
- align-items: center;
19802
- column-gap: 4px;
19803
- display: grid;
19804
- grid-template-columns: repeat(2, 1fr);
19805
- min-height: var(--v-table-row-height);
19787
+ .v-chip--border {
19788
+ border-width: thin;
19806
19789
  }
19807
- .v-data-table__tr--mobile > td:not(:last-child) {
19808
- border-bottom: 0 !important;
19790
+ .v-chip--link {
19791
+ cursor: pointer;
19809
19792
  }
19810
-
19811
- .v-data-table__td-title {
19812
- font-weight: 500;
19813
- text-align: left;
19793
+ .v-chip--link, .v-chip--filter {
19794
+ -webkit-user-select: none;
19795
+ user-select: none;
19814
19796
  }
19815
-
19816
- .v-data-table__td-value {
19817
- text-align: right;
19797
+ .v-chip--label {
19798
+ border-radius: 4px;
19818
19799
  }
19819
19800
 
19820
- .v-data-table__td-sort-icon {
19821
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
19822
- }
19823
- .v-data-table__td-sort-icon-active {
19824
- color: rgba(var(--v-theme-on-surface));
19825
- }.v-data-table-footer {
19801
+ .v-chip__content {
19826
19802
  align-items: center;
19827
- display: flex;
19828
- flex-wrap: wrap;
19829
- justify-content: flex-end;
19830
- padding: 8px 4px;
19803
+ display: inline-flex;
19831
19804
  }
19832
- .v-data-table-footer__items-per-page {
19805
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19806
+ overflow: hidden;
19807
+ }
19808
+
19809
+ .v-chip__filter,
19810
+ .v-chip__prepend,
19811
+ .v-chip__append,
19812
+ .v-chip__close {
19833
19813
  align-items: center;
19834
- display: flex;
19835
- justify-content: center;
19814
+ display: inline-flex;
19836
19815
  }
19837
- .v-data-table-footer__items-per-page > span {
19838
- padding-inline-end: 8px;
19816
+
19817
+ .v-chip__close {
19818
+ cursor: pointer;
19819
+ flex: 0 1 auto;
19820
+ font-size: 18px;
19821
+ max-height: 18px;
19822
+ max-width: 18px;
19823
+ -webkit-user-select: none;
19824
+ user-select: none;
19839
19825
  }
19840
- .v-data-table-footer__items-per-page > .v-select {
19841
- width: 90px;
19826
+ .v-chip__close .v-icon {
19827
+ font-size: inherit;
19842
19828
  }
19843
- .v-data-table-footer__info {
19844
- display: flex;
19845
- justify-content: flex-end;
19846
- min-width: 116px;
19847
- padding: 0 16px;
19829
+
19830
+ .v-chip__filter {
19831
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19848
19832
  }
19849
- .v-data-table-footer__paginationz {
19850
- align-items: center;
19851
- display: flex;
19852
- margin-inline-start: 16px;
19833
+
19834
+ .v-chip__overlay {
19835
+ position: absolute;
19836
+ top: 0;
19837
+ left: 0;
19838
+ width: 100%;
19839
+ height: 100%;
19840
+ background-color: currentColor;
19841
+ border-radius: inherit;
19842
+ pointer-events: none;
19843
+ opacity: 0;
19844
+ transition: opacity 0.2s ease-in-out;
19853
19845
  }
19854
- .v-data-table-footer__page {
19855
- padding: 0 8px;
19856
- }.v-date-picker {
19857
- overflow: hidden;
19858
- width: 328px;
19846
+
19847
+ .v-chip--disabled {
19848
+ opacity: 0.3;
19849
+ pointer-events: none;
19850
+ -webkit-user-select: none;
19851
+ user-select: none;
19859
19852
  }
19860
- .v-date-picker--show-week {
19861
- width: 368px;
19853
+
19854
+ .v-chip--label {
19855
+ border-radius: 4px;
19862
19856
  }.v-date-picker-controls {
19863
19857
  display: flex;
19864
19858
  align-items: center;
@@ -19915,6 +19909,12 @@ html.overflow-y-hidden {
19915
19909
 
19916
19910
  .v-date-picker__title {
19917
19911
  display: inline-block;
19912
+ }.v-date-picker {
19913
+ overflow: hidden;
19914
+ width: 328px;
19915
+ }
19916
+ .v-date-picker--show-week {
19917
+ width: 368px;
19918
19918
  }.v-date-picker-header {
19919
19919
  align-items: flex-end;
19920
19920
  height: 70px;
@@ -20064,56 +20064,6 @@ html.overflow-y-hidden {
20064
20064
  }
20065
20065
  .v-date-picker-years__content .v-btn {
20066
20066
  padding-inline: 8px;
20067
- }.v-divider {
20068
- display: block;
20069
- flex: 1 1 100%;
20070
- height: 0px;
20071
- max-height: 0px;
20072
- opacity: var(--v-border-opacity);
20073
- transition: inherit;
20074
- border-style: solid;
20075
- border-width: thin 0 0 0;
20076
- }
20077
- .v-divider--vertical {
20078
- align-self: stretch;
20079
- border-width: 0 thin 0 0;
20080
- display: inline-flex;
20081
- height: auto;
20082
- margin-left: -1px;
20083
- max-height: 100%;
20084
- max-width: 0px;
20085
- vertical-align: text-bottom;
20086
- width: 0px;
20087
- }
20088
- .v-divider--inset:not(.v-divider--vertical) {
20089
- max-width: calc(100% - 72px);
20090
- margin-inline-start: 72px;
20091
- }
20092
- .v-divider--inset.v-divider--vertical {
20093
- margin-bottom: 8px;
20094
- margin-top: 8px;
20095
- max-height: calc(100% - 16px);
20096
- }
20097
-
20098
- .v-divider__content {
20099
- padding: 0 16px;
20100
- text-wrap: nowrap;
20101
- }
20102
- .v-divider__wrapper--vertical .v-divider__content {
20103
- padding: 4px 0;
20104
- }
20105
-
20106
- .v-divider__wrapper {
20107
- display: flex;
20108
- align-items: center;
20109
- justify-content: center;
20110
- }
20111
- .v-divider__wrapper--vertical {
20112
- flex-direction: column;
20113
- height: 100%;
20114
- }
20115
- .v-divider__wrapper--vertical .v-divider {
20116
- margin: 0 auto;
20117
20067
  }.v-dialog {
20118
20068
  align-items: center;
20119
20069
  justify-content: center;
@@ -20206,6 +20156,56 @@ html.overflow-y-hidden {
20206
20156
  -webkit-backface-visibility: hidden;
20207
20157
  backface-visibility: hidden;
20208
20158
  overflow-y: auto;
20159
+ }.v-divider {
20160
+ display: block;
20161
+ flex: 1 1 100%;
20162
+ height: 0px;
20163
+ max-height: 0px;
20164
+ opacity: var(--v-border-opacity);
20165
+ transition: inherit;
20166
+ border-style: solid;
20167
+ border-width: thin 0 0 0;
20168
+ }
20169
+ .v-divider--vertical {
20170
+ align-self: stretch;
20171
+ border-width: 0 thin 0 0;
20172
+ display: inline-flex;
20173
+ height: auto;
20174
+ margin-left: -1px;
20175
+ max-height: 100%;
20176
+ max-width: 0px;
20177
+ vertical-align: text-bottom;
20178
+ width: 0px;
20179
+ }
20180
+ .v-divider--inset:not(.v-divider--vertical) {
20181
+ max-width: calc(100% - 72px);
20182
+ margin-inline-start: 72px;
20183
+ }
20184
+ .v-divider--inset.v-divider--vertical {
20185
+ margin-bottom: 8px;
20186
+ margin-top: 8px;
20187
+ max-height: calc(100% - 16px);
20188
+ }
20189
+
20190
+ .v-divider__content {
20191
+ padding: 0 16px;
20192
+ text-wrap: nowrap;
20193
+ }
20194
+ .v-divider__wrapper--vertical .v-divider__content {
20195
+ padding: 4px 0;
20196
+ }
20197
+
20198
+ .v-divider__wrapper {
20199
+ display: flex;
20200
+ align-items: center;
20201
+ justify-content: center;
20202
+ }
20203
+ .v-divider__wrapper--vertical {
20204
+ flex-direction: column;
20205
+ height: 100%;
20206
+ }
20207
+ .v-divider__wrapper--vertical .v-divider {
20208
+ margin: 0 auto;
20209
20209
  }.v-empty-state {
20210
20210
  align-items: center;
20211
20211
  display: flex;
@@ -20483,35 +20483,6 @@ html.overflow-y-hidden {
20483
20483
  }
20484
20484
  .v-expansion-panels--tile > .v-expansion-panel {
20485
20485
  border-radius: 0;
20486
- }.v-file-input--hide.v-input .v-field,
20487
- .v-file-input--hide.v-input .v-input__control,
20488
- .v-file-input--hide.v-input .v-input__details {
20489
- display: none;
20490
- }
20491
- .v-file-input--hide.v-input .v-input__prepend {
20492
- grid-area: control;
20493
- margin: 0 auto;
20494
- }
20495
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20496
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20497
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20498
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20499
- top: 0px;
20500
- }
20501
- .v-file-input input[type=file] {
20502
- height: 100%;
20503
- left: 0;
20504
- opacity: 0;
20505
- position: absolute;
20506
- top: 0;
20507
- width: 100%;
20508
- z-index: 1;
20509
- }
20510
- .v-file-input .v-input__details {
20511
- padding-inline: 16px;
20512
- }
20513
- .v-input--plain-underlined.v-file-input .v-input__details {
20514
- padding-inline: 0;
20515
20486
  }.v-fab {
20516
20487
  align-items: center;
20517
20488
  display: inline-flex;
@@ -21152,7 +21123,36 @@ textarea.v-field__input::placeholder {
21152
21123
  opacity: 0;
21153
21124
  }
21154
21125
 
21155
- /* endregion */.v-footer {
21126
+ /* endregion */.v-file-input--hide.v-input .v-field,
21127
+ .v-file-input--hide.v-input .v-input__control,
21128
+ .v-file-input--hide.v-input .v-input__details {
21129
+ display: none;
21130
+ }
21131
+ .v-file-input--hide.v-input .v-input__prepend {
21132
+ grid-area: control;
21133
+ margin: 0 auto;
21134
+ }
21135
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21136
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21137
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21138
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21139
+ top: 0px;
21140
+ }
21141
+ .v-file-input input[type=file] {
21142
+ height: 100%;
21143
+ left: 0;
21144
+ opacity: 0;
21145
+ position: absolute;
21146
+ top: 0;
21147
+ width: 100%;
21148
+ z-index: 1;
21149
+ }
21150
+ .v-file-input .v-input__details {
21151
+ padding-inline: 16px;
21152
+ }
21153
+ .v-input--plain-underlined.v-file-input .v-input__details {
21154
+ padding-inline: 0;
21155
+ }.v-footer {
21156
21156
  align-items: center;
21157
21157
  display: flex;
21158
21158
  flex: 1 1 auto;
@@ -21929,18 +21929,43 @@ textarea.v-field__input::placeholder {
21929
21929
  height: 100%;
21930
21930
  }
21931
21931
 
21932
- .v-img__img--preload {
21933
- filter: blur(4px);
21934
- }
21935
- .v-img__img--contain {
21936
- object-fit: contain;
21932
+ .v-img__img--preload {
21933
+ filter: blur(4px);
21934
+ }
21935
+ .v-img__img--contain {
21936
+ object-fit: contain;
21937
+ }
21938
+ .v-img__img--cover {
21939
+ object-fit: cover;
21940
+ }
21941
+
21942
+ .v-img__gradient {
21943
+ background-repeat: no-repeat;
21944
+ }.v-infinite-scroll--horizontal {
21945
+ display: flex;
21946
+ flex-direction: row;
21947
+ overflow-x: auto;
21948
+ }
21949
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
+ height: 100%;
21951
+ width: 1px;
21952
+ }
21953
+
21954
+ .v-infinite-scroll--vertical {
21955
+ display: flex;
21956
+ flex-direction: column;
21957
+ overflow-y: auto;
21937
21958
  }
21938
- .v-img__img--cover {
21939
- object-fit: cover;
21959
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
+ height: 1px;
21961
+ width: 100%;
21940
21962
  }
21941
21963
 
21942
- .v-img__gradient {
21943
- background-repeat: no-repeat;
21964
+ .v-infinite-scroll__side {
21965
+ align-items: center;
21966
+ display: flex;
21967
+ justify-content: center;
21968
+ padding: 8px;
21944
21969
  }.v-input {
21945
21970
  display: grid;
21946
21971
  flex: 1 1 auto;
@@ -22083,31 +22108,6 @@ textarea.v-field__input::placeholder {
22083
22108
 
22084
22109
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22085
22110
  padding-top: calc(var(--v-input-padding-top) + 0px);
22086
- }.v-infinite-scroll--horizontal {
22087
- display: flex;
22088
- flex-direction: row;
22089
- overflow-x: auto;
22090
- }
22091
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
- height: 100%;
22093
- width: 1px;
22094
- }
22095
-
22096
- .v-infinite-scroll--vertical {
22097
- display: flex;
22098
- flex-direction: column;
22099
- overflow-y: auto;
22100
- }
22101
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
- height: 1px;
22103
- width: 100%;
22104
- }
22105
-
22106
- .v-infinite-scroll__side {
22107
- align-items: center;
22108
- display: flex;
22109
- justify-content: center;
22110
- padding: 8px;
22111
22111
  }.v-item-group {
22112
22112
  flex: 0 1 auto;
22113
22113
  max-width: 100%;
@@ -22702,6 +22702,19 @@ textarea.v-field__input::placeholder {
22702
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
22703
  }.v-locale-provider {
22704
22704
  display: contents;
22705
+ }.v-menu > .v-overlay__content {
22706
+ display: flex;
22707
+ flex-direction: column;
22708
+ border-radius: 4px;
22709
+ }
22710
+ .v-menu > .v-overlay__content > .v-card,
22711
+ .v-menu > .v-overlay__content > .v-sheet,
22712
+ .v-menu > .v-overlay__content > .v-list {
22713
+ background: rgb(var(--v-theme-surface));
22714
+ border-radius: inherit;
22715
+ overflow: auto;
22716
+ height: 100%;
22717
+ 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));
22705
22718
  }.v-main {
22706
22719
  flex: 1 0 auto;
22707
22720
  max-width: 100%;
@@ -22730,19 +22743,6 @@ textarea.v-field__input::placeholder {
22730
22743
  --v-layout-right: 0px;
22731
22744
  --v-layout-top: 0px;
22732
22745
  --v-layout-bottom: 0px;
22733
- }.v-menu > .v-overlay__content {
22734
- display: flex;
22735
- flex-direction: column;
22736
- border-radius: 4px;
22737
- }
22738
- .v-menu > .v-overlay__content > .v-card,
22739
- .v-menu > .v-overlay__content > .v-sheet,
22740
- .v-menu > .v-overlay__content > .v-list {
22741
- background: rgb(var(--v-theme-surface));
22742
- border-radius: inherit;
22743
- overflow: auto;
22744
- height: 100%;
22745
- 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));
22746
22746
  }.v-messages {
22747
22747
  flex: 1 1 auto;
22748
22748
  font-size: 12px;
@@ -23319,6 +23319,60 @@ html.v-overlay-scroll-blocked {
23319
23319
  }
23320
23320
  .v-radio-group .v-input__details {
23321
23321
  padding-inline: 16px;
23322
+ }.v-rating {
23323
+ max-width: 100%;
23324
+ display: inline-flex;
23325
+ white-space: nowrap;
23326
+ }
23327
+ .v-rating--readonly {
23328
+ pointer-events: none;
23329
+ }
23330
+
23331
+ .v-rating__wrapper {
23332
+ align-items: center;
23333
+ display: inline-flex;
23334
+ flex-direction: column;
23335
+ }
23336
+ .v-rating__wrapper--bottom {
23337
+ flex-direction: column-reverse;
23338
+ }
23339
+
23340
+ .v-rating__item {
23341
+ display: inline-flex;
23342
+ position: relative;
23343
+ }
23344
+ .v-rating__item label {
23345
+ cursor: pointer;
23346
+ }
23347
+ .v-rating__item .v-btn--variant-plain {
23348
+ opacity: 1;
23349
+ }
23350
+ .v-rating__item .v-btn {
23351
+ transition-property: transform;
23352
+ }
23353
+ .v-rating__item .v-btn .v-icon {
23354
+ transition: inherit;
23355
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23356
+ }
23357
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23358
+ transform: scale(1.25);
23359
+ }
23360
+ .v-rating__item--half {
23361
+ overflow: hidden;
23362
+ position: absolute;
23363
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23364
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23365
+ z-index: 1;
23366
+ }
23367
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23368
+ opacity: 0;
23369
+ }
23370
+
23371
+ .v-rating__hidden {
23372
+ height: 0;
23373
+ opacity: 0;
23374
+ position: absolute;
23375
+ width: 0;
23322
23376
  }.v-slider .v-slider__container input {
23323
23377
  cursor: default;
23324
23378
  padding: 0;
@@ -23376,60 +23430,6 @@ html.v-overlay-scroll-blocked {
23376
23430
 
23377
23431
  .v-slider__label {
23378
23432
  margin-inline-end: 12px;
23379
- }.v-rating {
23380
- max-width: 100%;
23381
- display: inline-flex;
23382
- white-space: nowrap;
23383
- }
23384
- .v-rating--readonly {
23385
- pointer-events: none;
23386
- }
23387
-
23388
- .v-rating__wrapper {
23389
- align-items: center;
23390
- display: inline-flex;
23391
- flex-direction: column;
23392
- }
23393
- .v-rating__wrapper--bottom {
23394
- flex-direction: column-reverse;
23395
- }
23396
-
23397
- .v-rating__item {
23398
- display: inline-flex;
23399
- position: relative;
23400
- }
23401
- .v-rating__item label {
23402
- cursor: pointer;
23403
- }
23404
- .v-rating__item .v-btn--variant-plain {
23405
- opacity: 1;
23406
- }
23407
- .v-rating__item .v-btn {
23408
- transition-property: transform;
23409
- }
23410
- .v-rating__item .v-btn .v-icon {
23411
- transition: inherit;
23412
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23413
- }
23414
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23415
- transform: scale(1.25);
23416
- }
23417
- .v-rating__item--half {
23418
- overflow: hidden;
23419
- position: absolute;
23420
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23421
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23422
- z-index: 1;
23423
- }
23424
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23425
- opacity: 0;
23426
- }
23427
-
23428
- .v-rating__hidden {
23429
- height: 0;
23430
- opacity: 0;
23431
- position: absolute;
23432
- width: 0;
23433
23433
  }.v-responsive {
23434
23434
  display: flex;
23435
23435
  flex: 1 0 auto;
@@ -23613,34 +23613,6 @@ html.v-overlay-scroll-blocked {
23613
23613
  .v-selection-control-group--inline {
23614
23614
  flex-direction: row;
23615
23615
  flex-wrap: wrap;
23616
- }.v-sheet {
23617
- display: block;
23618
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23619
- border-style: solid;
23620
- border-width: 0;
23621
- 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));
23622
- border-radius: 0;
23623
- background: rgb(var(--v-theme-surface));
23624
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23625
- }
23626
- .v-sheet--border {
23627
- border-width: thin;
23628
- box-shadow: none;
23629
- }
23630
- .v-sheet--absolute {
23631
- position: absolute;
23632
- }
23633
- .v-sheet--fixed {
23634
- position: fixed;
23635
- }
23636
- .v-sheet--relative {
23637
- position: relative;
23638
- }
23639
- .v-sheet--sticky {
23640
- position: sticky;
23641
- }
23642
- .v-sheet--rounded {
23643
- border-radius: 4px;
23644
23616
  }.v-skeleton-loader {
23645
23617
  align-items: center;
23646
23618
  background: rgb(var(--v-theme-surface));
@@ -23864,61 +23836,34 @@ html.v-overlay-scroll-blocked {
23864
23836
  100% {
23865
23837
  transform: translateX(100%);
23866
23838
  }
23867
- }.v-slide-group {
23868
- display: flex;
23869
- overflow: hidden;
23870
- }
23871
-
23872
- .v-slide-group__next,
23873
- .v-slide-group__prev {
23874
- align-items: center;
23875
- display: flex;
23876
- flex: 0 1 52px;
23877
- justify-content: center;
23878
- min-width: 52px;
23879
- cursor: pointer;
23880
- }
23881
- .v-slide-group__next--disabled,
23882
- .v-slide-group__prev--disabled {
23883
- pointer-events: none;
23884
- opacity: var(--v-disabled-opacity);
23885
- }
23886
-
23887
- .v-slide-group__content {
23888
- display: flex;
23889
- flex: 1 0 auto;
23890
- position: relative;
23891
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23892
- white-space: nowrap;
23893
- }
23894
- .v-slide-group__content > * {
23895
- white-space: initial;
23896
- }
23897
-
23898
- .v-slide-group__container {
23899
- contain: content;
23900
- display: flex;
23901
- flex: 1 1 auto;
23902
- overflow-x: auto;
23903
- overflow-y: hidden;
23904
- scrollbar-width: none;
23905
- scrollbar-color: rgba(0, 0, 0, 0);
23839
+ }.v-sheet {
23840
+ display: block;
23841
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23842
+ border-style: solid;
23843
+ border-width: 0;
23844
+ 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));
23845
+ border-radius: 0;
23846
+ background: rgb(var(--v-theme-surface));
23847
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23906
23848
  }
23907
- .v-slide-group__container::-webkit-scrollbar {
23908
- display: none;
23849
+ .v-sheet--border {
23850
+ border-width: thin;
23851
+ box-shadow: none;
23909
23852
  }
23910
-
23911
- .v-slide-group--vertical {
23912
- max-height: inherit;
23853
+ .v-sheet--absolute {
23854
+ position: absolute;
23913
23855
  }
23914
- .v-slide-group--vertical,
23915
- .v-slide-group--vertical .v-slide-group__container,
23916
- .v-slide-group--vertical .v-slide-group__content {
23917
- flex-direction: column;
23856
+ .v-sheet--fixed {
23857
+ position: fixed;
23918
23858
  }
23919
- .v-slide-group--vertical .v-slide-group__container {
23920
- overflow-x: hidden;
23921
- overflow-y: auto;
23859
+ .v-sheet--relative {
23860
+ position: relative;
23861
+ }
23862
+ .v-sheet--sticky {
23863
+ position: sticky;
23864
+ }
23865
+ .v-sheet--rounded {
23866
+ border-radius: 4px;
23922
23867
  }.v-snackbar {
23923
23868
  justify-content: center;
23924
23869
  z-index: 10000;
@@ -24057,6 +24002,61 @@ html.v-overlay-scroll-blocked {
24057
24002
  }
24058
24003
  .v-snackbar-transition-leave-to {
24059
24004
  opacity: 0;
24005
+ }.v-slide-group {
24006
+ display: flex;
24007
+ overflow: hidden;
24008
+ }
24009
+
24010
+ .v-slide-group__next,
24011
+ .v-slide-group__prev {
24012
+ align-items: center;
24013
+ display: flex;
24014
+ flex: 0 1 52px;
24015
+ justify-content: center;
24016
+ min-width: 52px;
24017
+ cursor: pointer;
24018
+ }
24019
+ .v-slide-group__next--disabled,
24020
+ .v-slide-group__prev--disabled {
24021
+ pointer-events: none;
24022
+ opacity: var(--v-disabled-opacity);
24023
+ }
24024
+
24025
+ .v-slide-group__content {
24026
+ display: flex;
24027
+ flex: 1 0 auto;
24028
+ position: relative;
24029
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24030
+ white-space: nowrap;
24031
+ }
24032
+ .v-slide-group__content > * {
24033
+ white-space: initial;
24034
+ }
24035
+
24036
+ .v-slide-group__container {
24037
+ contain: content;
24038
+ display: flex;
24039
+ flex: 1 1 auto;
24040
+ overflow-x: auto;
24041
+ overflow-y: hidden;
24042
+ scrollbar-width: none;
24043
+ scrollbar-color: rgba(0, 0, 0, 0);
24044
+ }
24045
+ .v-slide-group__container::-webkit-scrollbar {
24046
+ display: none;
24047
+ }
24048
+
24049
+ .v-slide-group--vertical {
24050
+ max-height: inherit;
24051
+ }
24052
+ .v-slide-group--vertical,
24053
+ .v-slide-group--vertical .v-slide-group__container,
24054
+ .v-slide-group--vertical .v-slide-group__content {
24055
+ flex-direction: column;
24056
+ }
24057
+ .v-slide-group--vertical .v-slide-group__container {
24058
+ overflow-x: hidden;
24059
+ overflow-y: auto;
24060
24060
  }.v-speed-dial__content {
24061
24061
  gap: 8px;
24062
24062
  }
@@ -24264,6 +24264,43 @@ html.v-overlay-scroll-blocked {
24264
24264
  width: 100%;
24265
24265
  height: 100%;
24266
24266
  pointer-events: none;
24267
+ }.v-system-bar {
24268
+ align-items: center;
24269
+ display: flex;
24270
+ flex: 1 1 auto;
24271
+ height: 24px;
24272
+ justify-content: flex-end;
24273
+ max-width: 100%;
24274
+ padding-inline: 8px;
24275
+ position: relative;
24276
+ text-align: end;
24277
+ width: 100%;
24278
+ 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));
24279
+ background: rgba(var(--v-theme-surface-light));
24280
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24281
+ font-size: 0.75rem;
24282
+ font-weight: 400;
24283
+ letter-spacing: 0.0333333333em;
24284
+ line-height: 1.667;
24285
+ text-transform: none;
24286
+ }
24287
+ .v-system-bar .v-icon {
24288
+ opacity: var(--v-medium-emphasis-opacity);
24289
+ }
24290
+ .v-system-bar--absolute {
24291
+ position: absolute;
24292
+ }
24293
+ .v-system-bar--fixed {
24294
+ position: fixed;
24295
+ }
24296
+ .v-system-bar--rounded {
24297
+ border-radius: 0;
24298
+ }
24299
+ .v-system-bar--window {
24300
+ height: 32px;
24301
+ }
24302
+ .v-system-bar:not(.v-system-bar--absolute) {
24303
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24267
24304
  }.v-switch .v-label {
24268
24305
  padding-inline-start: 10px;
24269
24306
  }
@@ -24444,43 +24481,6 @@ html.v-overlay-scroll-blocked {
24444
24481
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
24482
  border-width: 0;
24446
24483
  }
24447
- }.v-system-bar {
24448
- align-items: center;
24449
- display: flex;
24450
- flex: 1 1 auto;
24451
- height: 24px;
24452
- justify-content: flex-end;
24453
- max-width: 100%;
24454
- padding-inline: 8px;
24455
- position: relative;
24456
- text-align: end;
24457
- width: 100%;
24458
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24459
- background: rgba(var(--v-theme-surface-light));
24460
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24461
- font-size: 0.75rem;
24462
- font-weight: 400;
24463
- letter-spacing: 0.0333333333em;
24464
- line-height: 1.667;
24465
- text-transform: none;
24466
- }
24467
- .v-system-bar .v-icon {
24468
- opacity: var(--v-medium-emphasis-opacity);
24469
- }
24470
- .v-system-bar--absolute {
24471
- position: absolute;
24472
- }
24473
- .v-system-bar--fixed {
24474
- position: fixed;
24475
- }
24476
- .v-system-bar--rounded {
24477
- border-radius: 0;
24478
- }
24479
- .v-system-bar--window {
24480
- height: 32px;
24481
- }
24482
- .v-system-bar:not(.v-system-bar--absolute) {
24483
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24484
24484
  }.v-tab.v-tab.v-btn {
24485
24485
  height: var(--v-tabs-height);
24486
24486
  border-radius: 0;
@@ -25469,34 +25469,6 @@ html.v-overlay-scroll-blocked {
25469
25469
  }
25470
25470
  .v-window-y-reverse-transition-leave-to {
25471
25471
  transform: translateY(100%);
25472
- }.v-color-picker-edit {
25473
- display: flex;
25474
- margin-top: 24px;
25475
- }
25476
-
25477
- .v-color-picker-edit__input {
25478
- width: 100%;
25479
- display: flex;
25480
- flex-wrap: wrap;
25481
- justify-content: center;
25482
- text-align: center;
25483
- }
25484
- .v-color-picker-edit__input:not(:last-child) {
25485
- margin-inline-end: 8px;
25486
- }
25487
- .v-color-picker-edit__input input {
25488
- border-radius: 4px;
25489
- margin-bottom: 8px;
25490
- min-width: 0;
25491
- outline: none;
25492
- text-align: center;
25493
- width: 100%;
25494
- height: 32px;
25495
- background: rgba(var(--v-theme-surface-variant), 0.2);
25496
- color: rgba(var(--v-theme-on-surface));
25497
- }
25498
- .v-color-picker-edit__input span {
25499
- font-size: 0.75rem;
25500
25472
  }.v-color-picker-preview__alpha .v-slider-track__background {
25501
25473
  background-color: transparent !important;
25502
25474
  }
@@ -25567,28 +25539,6 @@ html.v-overlay-scroll-blocked {
25567
25539
  .v-color-picker-preview__eye-dropper {
25568
25540
  position: relative;
25569
25541
  margin-right: 12px;
25570
- }.v-color-picker-canvas {
25571
- display: flex;
25572
- position: relative;
25573
- overflow: hidden;
25574
- contain: content;
25575
- touch-action: none;
25576
- }
25577
- .v-color-picker-canvas__dot {
25578
- position: absolute;
25579
- top: 0;
25580
- left: 0;
25581
- width: 15px;
25582
- height: 15px;
25583
- background: transparent;
25584
- border-radius: 50%;
25585
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25586
- }
25587
- .v-color-picker-canvas__dot--disabled {
25588
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25589
- }
25590
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25591
- will-change: transform;
25592
25542
  }.v-color-picker-swatches {
25593
25543
  overflow-y: auto;
25594
25544
  }
@@ -25624,6 +25574,56 @@ html.v-overlay-scroll-blocked {
25624
25574
  justify-content: center;
25625
25575
  width: 100%;
25626
25576
  height: 100%;
25577
+ }.v-color-picker-canvas {
25578
+ display: flex;
25579
+ position: relative;
25580
+ overflow: hidden;
25581
+ contain: content;
25582
+ touch-action: none;
25583
+ }
25584
+ .v-color-picker-canvas__dot {
25585
+ position: absolute;
25586
+ top: 0;
25587
+ left: 0;
25588
+ width: 15px;
25589
+ height: 15px;
25590
+ background: transparent;
25591
+ border-radius: 50%;
25592
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25593
+ }
25594
+ .v-color-picker-canvas__dot--disabled {
25595
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25596
+ }
25597
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25598
+ will-change: transform;
25599
+ }.v-color-picker-edit {
25600
+ display: flex;
25601
+ margin-top: 24px;
25602
+ }
25603
+
25604
+ .v-color-picker-edit__input {
25605
+ width: 100%;
25606
+ display: flex;
25607
+ flex-wrap: wrap;
25608
+ justify-content: center;
25609
+ text-align: center;
25610
+ }
25611
+ .v-color-picker-edit__input:not(:last-child) {
25612
+ margin-inline-end: 8px;
25613
+ }
25614
+ .v-color-picker-edit__input input {
25615
+ border-radius: 4px;
25616
+ margin-bottom: 8px;
25617
+ min-width: 0;
25618
+ outline: none;
25619
+ text-align: center;
25620
+ width: 100%;
25621
+ height: 32px;
25622
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25623
+ color: rgba(var(--v-theme-on-surface));
25624
+ }
25625
+ .v-color-picker-edit__input span {
25626
+ font-size: 0.75rem;
25627
25627
  }.v-picker.v-sheet {
25628
25628
  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));
25629
25629
  border-radius: 4px;