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

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-18
2
+ * Vuetify v3.6.10-master.2024-06-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,6 +17456,18 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
+ }.v-app-bar {
17460
+ display: flex;
17461
+ }
17462
+ .v-app-bar.v-toolbar {
17463
+ background: rgb(var(--v-theme-surface));
17464
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17465
+ }
17466
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17467
+ 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));
17468
+ }
17469
+ .v-app-bar:not(.v-toolbar--absolute) {
17470
+ padding-inline-end: var(--v-scrollbar-offset);
17459
17471
  }.v-application {
17460
17472
  display: flex;
17461
17473
  background: rgb(var(--v-theme-background));
@@ -17472,18 +17484,6 @@ html.overflow-y-hidden {
17472
17484
  min-height: 100vh;
17473
17485
  min-height: 100dvh;
17474
17486
  position: relative;
17475
- }.v-app-bar {
17476
- display: flex;
17477
- }
17478
- .v-app-bar.v-toolbar {
17479
- background: rgb(var(--v-theme-surface));
17480
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17481
- }
17482
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17483
- 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));
17484
- }
17485
- .v-app-bar:not(.v-toolbar--absolute) {
17486
- padding-inline-end: var(--v-scrollbar-offset);
17487
17487
  }.v-alert {
17488
17488
  display: grid;
17489
17489
  flex: 1 1;
@@ -18156,63 +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
- }.v-breadcrumbs {
18160
- display: flex;
18161
- align-items: center;
18162
- line-height: 1.6;
18163
- padding: 16px 12px;
18164
- }
18165
- .v-breadcrumbs--rounded {
18166
- border-radius: 4px;
18167
- }
18168
- .v-breadcrumbs--density-default {
18169
- padding-top: 16px;
18170
- padding-bottom: 16px;
18171
- }
18172
-
18173
- .v-breadcrumbs--density-comfortable {
18174
- padding-top: 12px;
18175
- padding-bottom: 12px;
18176
- }
18177
-
18178
- .v-breadcrumbs--density-compact {
18179
- padding-top: 8px;
18180
- padding-bottom: 8px;
18181
- }
18182
-
18183
- .v-breadcrumbs__prepend {
18184
- align-items: center;
18185
- display: inline-flex;
18186
- }
18187
-
18188
- .v-breadcrumbs-item {
18189
- align-items: center;
18190
- color: inherit;
18191
- display: inline-flex;
18192
- padding: 0 4px;
18193
- text-decoration: none;
18194
- vertical-align: middle;
18195
- }
18196
- .v-breadcrumbs-item--disabled {
18197
- opacity: var(--v-disabled-opacity);
18198
- pointer-events: none;
18199
- }
18200
- .v-breadcrumbs-item--link {
18201
- color: inherit;
18202
- text-decoration: none;
18203
- }
18204
- .v-breadcrumbs-item--link:hover {
18205
- text-decoration: underline;
18206
- }
18207
- .v-breadcrumbs-item .v-icon {
18208
- font-size: 1rem;
18209
- margin-inline: -4px 2px;
18210
- }
18211
-
18212
- .v-breadcrumbs-divider {
18213
- display: inline-block;
18214
- padding: 0 8px;
18215
- vertical-align: middle;
18216
18159
  }.bottom-sheet-transition-enter-from {
18217
18160
  transform: translateY(100%);
18218
18161
  }
@@ -18245,62 +18188,6 @@ html.overflow-y-hidden {
18245
18188
  .v-bottom-sheet.v-bottom-sheet--inset {
18246
18189
  max-width: 70%;
18247
18190
  }
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;
18304
18191
  }.v-btn {
18305
18192
  align-items: center;
18306
18193
  border-radius: 4px;
@@ -18719,6 +18606,119 @@ html.overflow-y-hidden {
18719
18606
  }
18720
18607
  .v-pagination__item--is-active .v-btn__overlay {
18721
18608
  opacity: var(--v-border-opacity);
18609
+ }.v-breadcrumbs {
18610
+ display: flex;
18611
+ align-items: center;
18612
+ line-height: 1.6;
18613
+ padding: 16px 12px;
18614
+ }
18615
+ .v-breadcrumbs--rounded {
18616
+ border-radius: 4px;
18617
+ }
18618
+ .v-breadcrumbs--density-default {
18619
+ padding-top: 16px;
18620
+ padding-bottom: 16px;
18621
+ }
18622
+
18623
+ .v-breadcrumbs--density-comfortable {
18624
+ padding-top: 12px;
18625
+ padding-bottom: 12px;
18626
+ }
18627
+
18628
+ .v-breadcrumbs--density-compact {
18629
+ padding-top: 8px;
18630
+ padding-bottom: 8px;
18631
+ }
18632
+
18633
+ .v-breadcrumbs__prepend {
18634
+ align-items: center;
18635
+ display: inline-flex;
18636
+ }
18637
+
18638
+ .v-breadcrumbs-item {
18639
+ align-items: center;
18640
+ color: inherit;
18641
+ display: inline-flex;
18642
+ padding: 0 4px;
18643
+ text-decoration: none;
18644
+ vertical-align: middle;
18645
+ }
18646
+ .v-breadcrumbs-item--disabled {
18647
+ opacity: var(--v-disabled-opacity);
18648
+ pointer-events: none;
18649
+ }
18650
+ .v-breadcrumbs-item--link {
18651
+ color: inherit;
18652
+ text-decoration: none;
18653
+ }
18654
+ .v-breadcrumbs-item--link:hover {
18655
+ text-decoration: underline;
18656
+ }
18657
+ .v-breadcrumbs-item .v-icon {
18658
+ font-size: 1rem;
18659
+ margin-inline: -4px 2px;
18660
+ }
18661
+
18662
+ .v-breadcrumbs-divider {
18663
+ display: inline-block;
18664
+ padding: 0 8px;
18665
+ vertical-align: middle;
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
  }
@@ -19099,760 +19099,766 @@ html.overflow-y-hidden {
19099
19099
  flex-direction: column;
19100
19100
  height: 100% !important;
19101
19101
  width: 50px;
19102
- }.v-chip-group {
19103
- display: flex;
19102
+ }.v-chip {
19103
+ align-items: center;
19104
+ display: inline-flex;
19105
+ font-weight: 400;
19104
19106
  max-width: 100%;
19105
19107
  min-width: 0;
19106
- overflow-x: auto;
19107
- padding: 4px 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;
19108
19117
  }
19109
- .v-chip-group .v-chip {
19110
- margin: 4px 8px 4px 0;
19118
+ .v-chip .v-icon {
19119
+ --v-icon-size-multiplier: 0.8571428571;
19111
19120
  }
19112
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19113
- opacity: var(--v-activated-opacity);
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;
19114
19132
  }
19115
19133
 
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;
19134
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19135
+ margin-inline-start: -5.6px;
19136
+ margin-inline-end: 4px;
19123
19137
  }
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;
19138
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19139
+ margin-inline-start: -8px;
19127
19140
  }
19128
19141
 
19129
- .v-color-picker__controls {
19130
- display: flex;
19131
- flex-direction: column;
19132
- padding: 16px;
19142
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19143
+ margin-inline-start: 4px;
19144
+ margin-inline-end: -5.6px;
19145
+ }
19146
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19147
+ margin-inline-end: -8px;
19133
19148
  }
19134
19149
 
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));
19150
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19151
+ margin-inline-start: 12px;
19137
19152
  }
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;
19153
+
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;
19144
19158
  }
19145
- .v-combobox .v-field .v-field__input > input {
19146
- flex: 1 1;
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;
19147
19163
  }
19148
- .v-combobox .v-field input {
19149
- min-width: 64px;
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;
19150
19168
  }
19151
- .v-combobox .v-field:not(.v-field--focused) input {
19152
- min-width: 0;
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;
19153
19175
  }
19154
- .v-combobox .v-field--dirty .v-combobox__selection {
19155
- margin-inline-end: 2px;
19176
+ .v-chip.v-chip--size-small .v-avatar {
19177
+ --v-avatar-height: 20px;
19156
19178
  }
19157
- .v-combobox .v-combobox__selection-text {
19158
- overflow: hidden;
19159
- text-overflow: ellipsis;
19160
- white-space: nowrap;
19179
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19180
+ --v-avatar-height: 26px;
19161
19181
  }
19162
19182
 
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;
19183
+ .v-chip.v-chip--size-small .v-avatar--start {
19184
+ margin-inline-start: -7px;
19185
+ margin-inline-end: 5px;
19167
19186
  }
19168
- .v-combobox__mask {
19169
- background: rgb(var(--v-theme-surface-light));
19187
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19188
+ margin-inline-start: -10px;
19170
19189
  }
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);
19190
+
19191
+ .v-chip.v-chip--size-small .v-avatar--end {
19192
+ margin-inline-start: 5px;
19193
+ margin-inline-end: -7px;
19178
19194
  }
19179
- .v-combobox__selection:first-child {
19180
- margin-inline-start: 0;
19195
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19196
+ margin-inline-end: -10px;
19181
19197
  }
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;
19198
+
19199
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19200
+ margin-inline-start: 15px;
19187
19201
  }
19188
- .v-combobox--selecting-index .v-combobox__selection {
19189
- opacity: var(--v-medium-emphasis-opacity);
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;
19190
19207
  }
19191
- .v-combobox--selecting-index .v-combobox__selection--selected {
19192
- opacity: 1;
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;
19193
19212
  }
19194
- .v-combobox--selecting-index .v-field__input > input {
19195
- caret-color: transparent;
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;
19196
19217
  }
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;
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;
19204
19224
  }
19205
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19206
- transition: none;
19225
+ .v-chip.v-chip--size-default .v-avatar {
19226
+ --v-avatar-height: 26px;
19207
19227
  }
19208
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19209
- opacity: 0;
19228
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19229
+ --v-avatar-height: 32px;
19210
19230
  }
19211
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19212
- opacity: 0;
19231
+
19232
+ .v-chip.v-chip--size-default .v-avatar--start {
19233
+ margin-inline-start: -8.4px;
19234
+ margin-inline-end: 6px;
19213
19235
  }
19214
- .v-combobox__menu-icon {
19215
- margin-inline-start: 4px;
19216
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19236
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19237
+ margin-inline-start: -12px;
19217
19238
  }
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%;
19239
+
19240
+ .v-chip.v-chip--size-default .v-avatar--end {
19241
+ margin-inline-start: 6px;
19242
+ margin-inline-end: -8.4px;
19243
+ }
19244
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19245
+ margin-inline-end: -12px;
19228
19246
  }
19229
19247
 
19230
- .v-data-table__table {
19231
- width: 100%;
19232
- border-collapse: separate;
19233
- border-spacing: 0;
19248
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19249
+ margin-inline-start: 18px;
19234
19250
  }
19235
19251
 
19236
- .v-data-table__tr--focus {
19237
- border: 1px dotted black;
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;
19238
19256
  }
19239
- .v-data-table__tr--clickable {
19240
- cursor: pointer;
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;
19261
+ }
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;
19241
19266
  }
19242
19267
 
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;
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;
19248
19273
  }
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;
19274
+ .v-chip.v-chip--size-large .v-avatar {
19275
+ --v-avatar-height: 32px;
19254
19276
  }
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;
19277
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19278
+ --v-avatar-height: 38px;
19260
19279
  }
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;
19280
+
19281
+ .v-chip.v-chip--size-large .v-avatar--start {
19282
+ margin-inline-start: -9.8px;
19283
+ margin-inline-end: 7px;
19266
19284
  }
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;
19285
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19286
+ margin-inline-start: -14px;
19272
19287
  }
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;
19288
+
19289
+ .v-chip.v-chip--size-large .v-avatar--end {
19290
+ margin-inline-start: 7px;
19291
+ margin-inline-end: -9.8px;
19280
19292
  }
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;
19293
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19294
+ margin-inline-end: -14px;
19286
19295
  }
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;
19296
+
19297
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19298
+ margin-inline-start: 21px;
19290
19299
  }
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;
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;
19294
19305
  }
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));
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;
19299
19310
  }
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;
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;
19303
19315
  }
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;
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;
19307
19322
  }
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;
19323
+ .v-chip.v-chip--size-x-large .v-avatar {
19324
+ --v-avatar-height: 38px;
19312
19325
  }
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;
19326
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19327
+ --v-avatar-height: 44px;
19320
19328
  }
19321
19329
 
19322
- .v-data-table-column--last-fixed {
19323
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19330
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19331
+ margin-inline-start: -11.9px;
19332
+ margin-inline-end: 8.5px;
19324
19333
  }
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;
19334
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19335
+ margin-inline-start: -17px;
19328
19336
  }
19329
19337
 
19330
- .v-data-table-group-header-row td {
19331
- background: rgba(var(--v-theme-surface));
19332
- color: rgba(var(--v-theme-on-surface));
19338
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19339
+ margin-inline-start: 8.5px;
19340
+ margin-inline-end: -11.9px;
19333
19341
  }
19334
- .v-data-table-group-header-row td > span {
19335
- padding-left: 5px;
19342
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19343
+ margin-inline-end: -17px;
19336
19344
  }
19337
19345
 
19338
- .v-data-table--loading .v-data-table__td {
19339
- opacity: var(--v-disabled-opacity);
19346
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19347
+ margin-inline-start: 25.5px;
19340
19348
  }
19341
19349
 
19342
- .v-data-table-group-header-row__column {
19343
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
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;
19344
19354
  }
19345
-
19346
- .v-data-table-header__content {
19347
- display: flex;
19348
- align-items: center;
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;
19349
19359
  }
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;
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;
19363
19364
  }
19364
19365
 
19365
- .v-data-table-progress > th {
19366
- border: none !important;
19367
- height: auto !important;
19368
- padding: 0 !important;
19366
+ .v-chip.v-chip--density-default {
19367
+ height: calc(var(--v-chip-height) + 0px);
19369
19368
  }
19370
19369
 
19371
- .v-data-table-progress__loader {
19372
- position: relative;
19370
+ .v-chip.v-chip--density-comfortable {
19371
+ height: calc(var(--v-chip-height) + -4px);
19373
19372
  }
19374
19373
 
19375
- .v-data-table-rows-loading,
19376
- .v-data-table-rows-no-data {
19377
- text-align: center;
19374
+ .v-chip.v-chip--density-compact {
19375
+ height: calc(var(--v-chip-height) + -8px);
19378
19376
  }
19379
19377
 
19380
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19381
- grid-template-columns: 0;
19382
- justify-content: center;
19378
+ .v-chip:hover > .v-chip__overlay {
19379
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19383
19380
  }
19384
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
19385
- grid-template-columns: 0;
19386
- justify-content: end;
19381
+ .v-chip:focus-visible > .v-chip__overlay {
19382
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19387
19383
  }
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);
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
+ }
19394
19388
  }
19395
- .v-data-table__tr--mobile > td:not(:last-child) {
19396
- border-bottom: 0 !important;
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));
19397
19391
  }
19398
-
19399
- .v-data-table__td-title {
19400
- font-weight: 500;
19401
- text-align: left;
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));
19402
19394
  }
19403
-
19404
- .v-data-table__td-value {
19405
- text-align: right;
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));
19406
19397
  }
19407
-
19408
- .v-data-table__td-sort-icon {
19409
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
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
+ }
19410
19402
  }
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;
19403
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19404
+ background: transparent;
19405
+ color: inherit;
19419
19406
  }
19420
- .v-data-table-footer__items-per-page {
19421
- align-items: center;
19422
- display: flex;
19423
- justify-content: center;
19407
+ .v-chip--variant-plain {
19408
+ opacity: 0.26;
19424
19409
  }
19425
- .v-data-table-footer__items-per-page > span {
19426
- padding-inline-end: 8px;
19410
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19411
+ opacity: 1;
19427
19412
  }
19428
- .v-data-table-footer__items-per-page > .v-select {
19429
- width: 90px;
19413
+ .v-chip--variant-plain .v-chip__overlay {
19414
+ display: none;
19430
19415
  }
19431
- .v-data-table-footer__info {
19432
- display: flex;
19433
- justify-content: flex-end;
19434
- min-width: 116px;
19435
- padding: 0 16px;
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));
19436
19419
  }
19437
- .v-data-table-footer__paginationz {
19438
- align-items: center;
19439
- display: flex;
19440
- margin-inline-start: 16px;
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));
19441
19422
  }
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;
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));
19459
19425
  }
19460
- .v-chip .v-icon {
19461
- --v-icon-size-multiplier: 0.8571428571;
19426
+ .v-chip--variant-outlined {
19427
+ border: thin solid currentColor;
19462
19428
  }
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;
19468
- }
19469
- .v-chip.v-chip--size-x-small .v-avatar {
19470
- --v-avatar-height: 14px;
19429
+ .v-chip--variant-text .v-chip__overlay {
19430
+ background: currentColor;
19471
19431
  }
19472
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19473
- --v-avatar-height: 20px;
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;
19474
19441
  }
19475
-
19476
- .v-chip.v-chip--size-x-small .v-avatar--start {
19477
- margin-inline-start: -5.6px;
19478
- margin-inline-end: 4px;
19442
+ .v-chip .v-chip__underlay {
19443
+ position: absolute;
19479
19444
  }
19480
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19481
- margin-inline-start: -8px;
19445
+ .v-chip--border {
19446
+ border-width: thin;
19482
19447
  }
19483
-
19484
- .v-chip.v-chip--size-x-small .v-avatar--end {
19485
- margin-inline-start: 4px;
19486
- margin-inline-end: -5.6px;
19448
+ .v-chip--link {
19449
+ cursor: pointer;
19487
19450
  }
19488
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19489
- margin-inline-end: -8px;
19451
+ .v-chip--link, .v-chip--filter {
19452
+ -webkit-user-select: none;
19453
+ user-select: none;
19490
19454
  }
19491
-
19492
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19493
- margin-inline-start: 12px;
19455
+ .v-chip--label {
19456
+ border-radius: 4px;
19494
19457
  }
19495
19458
 
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;
19500
- }
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;
19459
+ .v-chip__content {
19460
+ align-items: center;
19461
+ display: inline-flex;
19505
19462
  }
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;
19463
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19464
+ overflow: hidden;
19510
19465
  }
19511
19466
 
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;
19517
- }
19518
- .v-chip.v-chip--size-small .v-avatar {
19519
- --v-avatar-height: 20px;
19520
- }
19521
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19522
- --v-avatar-height: 26px;
19467
+ .v-chip__filter,
19468
+ .v-chip__prepend,
19469
+ .v-chip__append,
19470
+ .v-chip__close {
19471
+ align-items: center;
19472
+ display: inline-flex;
19523
19473
  }
19524
19474
 
19525
- .v-chip.v-chip--size-small .v-avatar--start {
19526
- margin-inline-start: -7px;
19527
- margin-inline-end: 5px;
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;
19528
19483
  }
19529
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19530
- margin-inline-start: -10px;
19484
+ .v-chip__close .v-icon {
19485
+ font-size: inherit;
19531
19486
  }
19532
19487
 
19533
- .v-chip.v-chip--size-small .v-avatar--end {
19534
- margin-inline-start: 5px;
19535
- margin-inline-end: -7px;
19488
+ .v-chip__filter {
19489
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19536
19490
  }
19537
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19538
- margin-inline-end: -10px;
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;
19539
19503
  }
19540
19504
 
19541
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19542
- margin-inline-start: 15px;
19505
+ .v-chip--disabled {
19506
+ opacity: 0.3;
19507
+ pointer-events: none;
19508
+ -webkit-user-select: none;
19509
+ user-select: none;
19543
19510
  }
19544
19511
 
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;
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;
19549
19520
  }
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;
19521
+ .v-chip-group .v-chip {
19522
+ margin: 4px 8px 4px 0;
19554
19523
  }
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;
19524
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19525
+ opacity: var(--v-activated-opacity);
19559
19526
  }
19560
19527
 
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;
19566
- }
19567
- .v-chip.v-chip--size-default .v-avatar {
19568
- --v-avatar-height: 26px;
19528
+ .v-chip-group--column .v-slide-group__content {
19529
+ white-space: normal;
19530
+ flex-wrap: wrap;
19531
+ max-width: 100%;
19532
+ }.v-combobox .v-field .v-text-field__prefix,
19533
+ .v-combobox .v-field .v-text-field__suffix,
19534
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19535
+ cursor: text;
19569
19536
  }
19570
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19571
- --v-avatar-height: 32px;
19537
+ .v-combobox .v-field .v-field__input > input {
19538
+ flex: 1 1;
19572
19539
  }
19573
-
19574
- .v-chip.v-chip--size-default .v-avatar--start {
19575
- margin-inline-start: -8.4px;
19576
- margin-inline-end: 6px;
19540
+ .v-combobox .v-field input {
19541
+ min-width: 64px;
19577
19542
  }
19578
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19579
- margin-inline-start: -12px;
19543
+ .v-combobox .v-field:not(.v-field--focused) input {
19544
+ min-width: 0;
19580
19545
  }
19581
-
19582
- .v-chip.v-chip--size-default .v-avatar--end {
19583
- margin-inline-start: 6px;
19584
- margin-inline-end: -8.4px;
19546
+ .v-combobox .v-field--dirty .v-combobox__selection {
19547
+ margin-inline-end: 2px;
19585
19548
  }
19586
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19587
- margin-inline-end: -12px;
19549
+ .v-combobox .v-combobox__selection-text {
19550
+ overflow: hidden;
19551
+ text-overflow: ellipsis;
19552
+ white-space: nowrap;
19588
19553
  }
19589
19554
 
19590
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19591
- margin-inline-start: 18px;
19555
+ .v-combobox__content {
19556
+ overflow: hidden;
19557
+ 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));
19558
+ border-radius: 4px;
19592
19559
  }
19593
-
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;
19560
+ .v-combobox__mask {
19561
+ background: rgb(var(--v-theme-surface-light));
19598
19562
  }
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;
19563
+ .v-combobox__selection {
19564
+ display: inline-flex;
19565
+ align-items: center;
19566
+ height: 1.5rem;
19567
+ letter-spacing: inherit;
19568
+ line-height: inherit;
19569
+ max-width: calc(100% - 2px - 2px);
19603
19570
  }
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;
19571
+ .v-combobox__selection:first-child {
19572
+ margin-inline-start: 0;
19608
19573
  }
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;
19574
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19575
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19576
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19577
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19578
+ top: 0px;
19615
19579
  }
19616
- .v-chip.v-chip--size-large .v-avatar {
19617
- --v-avatar-height: 32px;
19580
+ .v-combobox--selecting-index .v-combobox__selection {
19581
+ opacity: var(--v-medium-emphasis-opacity);
19618
19582
  }
19619
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19620
- --v-avatar-height: 38px;
19583
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19584
+ opacity: 1;
19621
19585
  }
19622
-
19623
- .v-chip.v-chip--size-large .v-avatar--start {
19624
- margin-inline-start: -9.8px;
19625
- margin-inline-end: 7px;
19586
+ .v-combobox--selecting-index .v-field__input > input {
19587
+ caret-color: transparent;
19626
19588
  }
19627
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19628
- margin-inline-start: -14px;
19589
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19590
+ flex: 1 1;
19591
+ position: absolute;
19592
+ left: 0;
19593
+ right: 0;
19594
+ width: 100%;
19595
+ padding-inline: inherit;
19629
19596
  }
19630
-
19631
- .v-chip.v-chip--size-large .v-avatar--end {
19632
- margin-inline-start: 7px;
19633
- margin-inline-end: -9.8px;
19597
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19598
+ transition: none;
19634
19599
  }
19635
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19636
- margin-inline-end: -14px;
19600
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19601
+ opacity: 0;
19637
19602
  }
19638
-
19639
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19640
- margin-inline-start: 21px;
19603
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19604
+ opacity: 0;
19641
19605
  }
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;
19606
+ .v-combobox__menu-icon {
19607
+ margin-inline-start: 4px;
19608
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19647
19609
  }
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;
19610
+ .v-combobox--active-menu .v-combobox__menu-icon {
19611
+ opacity: var(--v-high-emphasis-opacity);
19612
+ transform: rotate(180deg);
19613
+ }.v-color-picker {
19614
+ align-self: flex-start;
19615
+ contain: content;
19652
19616
  }
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;
19617
+ .v-color-picker.v-sheet {
19618
+ 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));
19619
+ border-radius: 4px;
19657
19620
  }
19658
19621
 
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;
19622
+ .v-color-picker__controls {
19623
+ display: flex;
19624
+ flex-direction: column;
19625
+ padding: 16px;
19664
19626
  }
19665
- .v-chip.v-chip--size-x-large .v-avatar {
19666
- --v-avatar-height: 38px;
19627
+
19628
+ .v-color-picker--flat {
19629
+ 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));
19667
19630
  }
19668
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19669
- --v-avatar-height: 44px;
19631
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19632
+ 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));
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%;
19670
19640
  }
19671
19641
 
19672
- .v-chip.v-chip--size-x-large .v-avatar--start {
19673
- margin-inline-start: -11.9px;
19674
- margin-inline-end: 8.5px;
19675
- }
19676
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19677
- margin-inline-start: -17px;
19642
+ .v-data-table__table {
19643
+ width: 100%;
19644
+ border-collapse: separate;
19645
+ border-spacing: 0;
19678
19646
  }
19679
19647
 
19680
- .v-chip.v-chip--size-x-large .v-avatar--end {
19681
- margin-inline-start: 8.5px;
19682
- margin-inline-end: -11.9px;
19648
+ .v-data-table__tr--focus {
19649
+ border: 1px dotted black;
19683
19650
  }
19684
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19685
- margin-inline-end: -17px;
19651
+ .v-data-table__tr--clickable {
19652
+ cursor: pointer;
19686
19653
  }
19687
19654
 
19688
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19689
- margin-inline-start: 25.5px;
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;
19690
19660
  }
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;
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;
19696
19666
  }
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;
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;
19701
19672
  }
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;
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;
19706
19678
  }
19707
-
19708
- .v-chip.v-chip--density-default {
19709
- height: calc(var(--v-chip-height) + 0px);
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;
19710
19684
  }
19711
-
19712
- .v-chip.v-chip--density-comfortable {
19713
- height: calc(var(--v-chip-height) + -4px);
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;
19714
19692
  }
19715
-
19716
- .v-chip.v-chip--density-compact {
19717
- height: calc(var(--v-chip-height) + -8px);
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;
19718
19698
  }
19719
-
19720
- .v-chip:hover > .v-chip__overlay {
19721
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
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;
19722
19702
  }
19723
- .v-chip:focus-visible > .v-chip__overlay {
19724
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
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;
19725
19706
  }
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
- }
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));
19730
19711
  }
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));
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;
19733
19715
  }
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));
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;
19736
19719
  }
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));
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;
19739
19724
  }
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
- }
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;
19744
19732
  }
19745
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19746
- background: transparent;
19747
- color: inherit;
19733
+
19734
+ .v-data-table-column--last-fixed {
19735
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19748
19736
  }
19749
- .v-chip--variant-plain {
19750
- opacity: 0.26;
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;
19751
19740
  }
19752
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19753
- opacity: 1;
19741
+
19742
+ .v-data-table-group-header-row td {
19743
+ background: rgba(var(--v-theme-surface));
19744
+ color: rgba(var(--v-theme-on-surface));
19754
19745
  }
19755
- .v-chip--variant-plain .v-chip__overlay {
19756
- display: none;
19746
+ .v-data-table-group-header-row td > span {
19747
+ padding-left: 5px;
19757
19748
  }
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));
19749
+
19750
+ .v-data-table--loading .v-data-table__td {
19751
+ opacity: var(--v-disabled-opacity);
19761
19752
  }
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));
19753
+
19754
+ .v-data-table-group-header-row__column {
19755
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19764
19756
  }
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));
19757
+
19758
+ .v-data-table-header__content {
19759
+ display: flex;
19760
+ align-items: center;
19767
19761
  }
19768
- .v-chip--variant-outlined {
19769
- border: thin solid currentColor;
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;
19770
19775
  }
19771
- .v-chip--variant-text .v-chip__overlay {
19772
- background: currentColor;
19776
+
19777
+ .v-data-table-progress > th {
19778
+ border: none !important;
19779
+ height: auto !important;
19780
+ padding: 0 !important;
19773
19781
  }
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;
19782
+
19783
+ .v-data-table-progress__loader {
19784
+ position: relative;
19783
19785
  }
19784
- .v-chip .v-chip__underlay {
19785
- position: absolute;
19786
+
19787
+ .v-data-table-rows-loading,
19788
+ .v-data-table-rows-no-data {
19789
+ text-align: center;
19786
19790
  }
19787
- .v-chip--border {
19788
- border-width: thin;
19791
+
19792
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19793
+ grid-template-columns: 0;
19794
+ justify-content: center;
19795
+ }
19796
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
19797
+ grid-template-columns: 0;
19798
+ justify-content: end;
19799
+ }
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);
19789
19806
  }
19790
- .v-chip--link {
19791
- cursor: pointer;
19807
+ .v-data-table__tr--mobile > td:not(:last-child) {
19808
+ border-bottom: 0 !important;
19792
19809
  }
19793
- .v-chip--link, .v-chip--filter {
19794
- -webkit-user-select: none;
19795
- user-select: none;
19810
+
19811
+ .v-data-table__td-title {
19812
+ font-weight: 500;
19813
+ text-align: left;
19796
19814
  }
19797
- .v-chip--label {
19798
- border-radius: 4px;
19815
+
19816
+ .v-data-table__td-value {
19817
+ text-align: right;
19799
19818
  }
19800
19819
 
19801
- .v-chip__content {
19802
- align-items: center;
19803
- display: inline-flex;
19820
+ .v-data-table__td-sort-icon {
19821
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
19804
19822
  }
19805
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19806
- overflow: hidden;
19823
+ .v-data-table__td-sort-icon-active {
19824
+ color: rgba(var(--v-theme-on-surface));
19825
+ }.v-data-table-footer {
19826
+ align-items: center;
19827
+ display: flex;
19828
+ flex-wrap: wrap;
19829
+ justify-content: flex-end;
19830
+ padding: 8px 4px;
19807
19831
  }
19808
-
19809
- .v-chip__filter,
19810
- .v-chip__prepend,
19811
- .v-chip__append,
19812
- .v-chip__close {
19832
+ .v-data-table-footer__items-per-page {
19813
19833
  align-items: center;
19814
- display: inline-flex;
19834
+ display: flex;
19835
+ justify-content: center;
19815
19836
  }
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;
19837
+ .v-data-table-footer__items-per-page > span {
19838
+ padding-inline-end: 8px;
19825
19839
  }
19826
- .v-chip__close .v-icon {
19827
- font-size: inherit;
19840
+ .v-data-table-footer__items-per-page > .v-select {
19841
+ width: 90px;
19828
19842
  }
19829
-
19830
- .v-chip__filter {
19831
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19843
+ .v-data-table-footer__info {
19844
+ display: flex;
19845
+ justify-content: flex-end;
19846
+ min-width: 116px;
19847
+ padding: 0 16px;
19832
19848
  }
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;
19849
+ .v-data-table-footer__paginationz {
19850
+ align-items: center;
19851
+ display: flex;
19852
+ margin-inline-start: 16px;
19845
19853
  }
19846
-
19847
- .v-chip--disabled {
19848
- opacity: 0.3;
19849
- pointer-events: none;
19850
- -webkit-user-select: none;
19851
- user-select: none;
19854
+ .v-data-table-footer__page {
19855
+ padding: 0 8px;
19856
+ }.v-date-picker {
19857
+ overflow: hidden;
19858
+ width: 328px;
19852
19859
  }
19853
-
19854
- .v-chip--label {
19855
- border-radius: 4px;
19860
+ .v-date-picker--show-week {
19861
+ width: 368px;
19856
19862
  }.v-date-picker-controls {
19857
19863
  display: flex;
19858
19864
  align-items: center;
@@ -19909,12 +19915,6 @@ html.overflow-y-hidden {
19909
19915
 
19910
19916
  .v-date-picker__title {
19911
19917
  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;
@@ -21852,6 +21852,42 @@ textarea.v-field__input::placeholder {
21852
21852
  .offset-xxl-11 {
21853
21853
  margin-inline-start: 91.6666666667%;
21854
21854
  }
21855
+ }.v-img {
21856
+ --v-theme-overlay-multiplier: 3;
21857
+ z-index: 0;
21858
+ }
21859
+ .v-img--booting .v-responsive__sizer {
21860
+ transition: none;
21861
+ }
21862
+ .v-img--rounded {
21863
+ border-radius: 4px;
21864
+ }
21865
+
21866
+ .v-img__img,
21867
+ .v-img__picture,
21868
+ .v-img__gradient,
21869
+ .v-img__placeholder,
21870
+ .v-img__error {
21871
+ z-index: -1;
21872
+ position: absolute;
21873
+ top: 0;
21874
+ left: 0;
21875
+ width: 100%;
21876
+ height: 100%;
21877
+ }
21878
+
21879
+ .v-img__img--preload {
21880
+ filter: blur(4px);
21881
+ }
21882
+ .v-img__img--contain {
21883
+ object-fit: contain;
21884
+ }
21885
+ .v-img__img--cover {
21886
+ object-fit: cover;
21887
+ }
21888
+
21889
+ .v-img__gradient {
21890
+ background-repeat: no-repeat;
21855
21891
  }.v-icon {
21856
21892
  --v-icon-size-multiplier: 1;
21857
21893
  align-items: center;
@@ -21905,67 +21941,6 @@ textarea.v-field__input::placeholder {
21905
21941
 
21906
21942
  .v-icon--end {
21907
21943
  margin-inline-start: 8px;
21908
- }.v-img {
21909
- --v-theme-overlay-multiplier: 3;
21910
- z-index: 0;
21911
- }
21912
- .v-img--booting .v-responsive__sizer {
21913
- transition: none;
21914
- }
21915
- .v-img--rounded {
21916
- border-radius: 4px;
21917
- }
21918
-
21919
- .v-img__img,
21920
- .v-img__picture,
21921
- .v-img__gradient,
21922
- .v-img__placeholder,
21923
- .v-img__error {
21924
- z-index: -1;
21925
- position: absolute;
21926
- top: 0;
21927
- left: 0;
21928
- width: 100%;
21929
- height: 100%;
21930
- }
21931
-
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;
21958
- }
21959
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
- height: 1px;
21961
- width: 100%;
21962
- }
21963
-
21964
- .v-infinite-scroll__side {
21965
- align-items: center;
21966
- display: flex;
21967
- justify-content: center;
21968
- padding: 8px;
21969
21944
  }.v-input {
21970
21945
  display: grid;
21971
21946
  flex: 1 1 auto;
@@ -22108,6 +22083,31 @@ textarea.v-field__input::placeholder {
22108
22083
 
22109
22084
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
22085
  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%;
@@ -22700,21 +22700,6 @@ textarea.v-field__input::placeholder {
22700
22700
  }
22701
22701
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22702
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
- }.v-locale-provider {
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));
22718
22703
  }.v-main {
22719
22704
  flex: 1 0 auto;
22720
22705
  max-width: 100%;
@@ -22735,14 +22720,29 @@ textarea.v-field__input::placeholder {
22735
22720
  left: 0;
22736
22721
  width: 100%;
22737
22722
  height: 100%;
22738
- }
22739
- .v-main--scrollable > .v-main__scroller {
22740
- flex: 1 1 auto;
22741
- overflow-y: auto;
22742
- --v-layout-left: 0px;
22743
- --v-layout-right: 0px;
22744
- --v-layout-top: 0px;
22745
- --v-layout-bottom: 0px;
22723
+ }
22724
+ .v-main--scrollable > .v-main__scroller {
22725
+ flex: 1 1 auto;
22726
+ overflow-y: auto;
22727
+ --v-layout-left: 0px;
22728
+ --v-layout-right: 0px;
22729
+ --v-layout-top: 0px;
22730
+ --v-layout-bottom: 0px;
22731
+ }.v-locale-provider {
22732
+ display: contents;
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;
@@ -22994,108 +22994,6 @@ html.v-overlay-scroll-blocked {
22994
22994
  }
22995
22995
  .v-parallax--active > .v-img__img {
22996
22996
  will-change: transform;
22997
- }.v-progress-circular {
22998
- align-items: center;
22999
- display: inline-flex;
23000
- justify-content: center;
23001
- position: relative;
23002
- vertical-align: middle;
23003
- }
23004
- .v-progress-circular > svg {
23005
- width: 100%;
23006
- height: 100%;
23007
- margin: auto;
23008
- position: absolute;
23009
- top: 0;
23010
- bottom: 0;
23011
- left: 0;
23012
- right: 0;
23013
- z-index: 0;
23014
- }
23015
-
23016
- .v-progress-circular__content {
23017
- align-items: center;
23018
- display: flex;
23019
- justify-content: center;
23020
- }
23021
-
23022
- .v-progress-circular__underlay {
23023
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23024
- stroke: currentColor;
23025
- z-index: 1;
23026
- }
23027
-
23028
- .v-progress-circular__overlay {
23029
- stroke: currentColor;
23030
- transition: all 0.2s ease-in-out, stroke-width 0s;
23031
- z-index: 2;
23032
- }
23033
-
23034
- .v-progress-circular--size-x-small {
23035
- height: 16px;
23036
- width: 16px;
23037
- }
23038
- .v-progress-circular--size-small {
23039
- height: 24px;
23040
- width: 24px;
23041
- }
23042
- .v-progress-circular--size-default {
23043
- height: 32px;
23044
- width: 32px;
23045
- }
23046
- .v-progress-circular--size-large {
23047
- height: 48px;
23048
- width: 48px;
23049
- }
23050
- .v-progress-circular--size-x-large {
23051
- height: 64px;
23052
- width: 64px;
23053
- }
23054
-
23055
- .v-progress-circular--indeterminate > svg {
23056
- animation: progress-circular-rotate 1.4s linear infinite;
23057
- transform-origin: center center;
23058
- transition: all 0.2s ease-in-out;
23059
- }
23060
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23061
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23062
- stroke-dasharray: 25, 200;
23063
- stroke-dashoffset: 0;
23064
- stroke-linecap: round;
23065
- transform-origin: center center;
23066
- transform: rotate(-90deg);
23067
- }
23068
-
23069
- .v-progress-circular--disable-shrink > svg {
23070
- animation-duration: 0.7s;
23071
- }
23072
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23073
- animation: none;
23074
- }
23075
-
23076
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23077
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23078
- animation-play-state: paused !important;
23079
- }
23080
-
23081
- @keyframes progress-circular-dash {
23082
- 0% {
23083
- stroke-dasharray: 1, 200;
23084
- stroke-dashoffset: 0px;
23085
- }
23086
- 50% {
23087
- stroke-dasharray: 100, 200;
23088
- stroke-dashoffset: -15px;
23089
- }
23090
- 100% {
23091
- stroke-dasharray: 100, 200;
23092
- stroke-dashoffset: -124px;
23093
- }
23094
- }
23095
- @keyframes progress-circular-rotate {
23096
- 100% {
23097
- transform: rotate(270deg);
23098
- }
23099
22997
  }.v-progress-linear {
23100
22998
  background: transparent;
23101
22999
  overflow: hidden;
@@ -23307,72 +23205,120 @@ html.v-overlay-scroll-blocked {
23307
23205
  0% {
23308
23206
  background-position-x: var(--v-progress-linear-height);
23309
23207
  }
23310
- }.v-radio-group > .v-input__control {
23311
- flex-direction: column;
23312
- }
23313
- .v-radio-group > .v-input__control > .v-label {
23314
- margin-inline-start: 16px;
23315
- }
23316
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23317
- padding-inline-start: 6px;
23318
- margin-top: 8px;
23319
- }
23320
- .v-radio-group .v-input__details {
23321
- padding-inline: 16px;
23322
- }.v-rating {
23323
- max-width: 100%;
23208
+ }.v-progress-circular {
23209
+ align-items: center;
23324
23210
  display: inline-flex;
23325
- white-space: nowrap;
23211
+ justify-content: center;
23212
+ position: relative;
23213
+ vertical-align: middle;
23326
23214
  }
23327
- .v-rating--readonly {
23328
- pointer-events: none;
23215
+ .v-progress-circular > svg {
23216
+ width: 100%;
23217
+ height: 100%;
23218
+ margin: auto;
23219
+ position: absolute;
23220
+ top: 0;
23221
+ bottom: 0;
23222
+ left: 0;
23223
+ right: 0;
23224
+ z-index: 0;
23329
23225
  }
23330
23226
 
23331
- .v-rating__wrapper {
23227
+ .v-progress-circular__content {
23332
23228
  align-items: center;
23333
- display: inline-flex;
23334
- flex-direction: column;
23229
+ display: flex;
23230
+ justify-content: center;
23335
23231
  }
23336
- .v-rating__wrapper--bottom {
23337
- flex-direction: column-reverse;
23232
+
23233
+ .v-progress-circular__underlay {
23234
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23235
+ stroke: currentColor;
23236
+ z-index: 1;
23338
23237
  }
23339
23238
 
23340
- .v-rating__item {
23341
- display: inline-flex;
23342
- position: relative;
23239
+ .v-progress-circular__overlay {
23240
+ stroke: currentColor;
23241
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23242
+ z-index: 2;
23343
23243
  }
23344
- .v-rating__item label {
23345
- cursor: pointer;
23244
+
23245
+ .v-progress-circular--size-x-small {
23246
+ height: 16px;
23247
+ width: 16px;
23346
23248
  }
23347
- .v-rating__item .v-btn--variant-plain {
23348
- opacity: 1;
23249
+ .v-progress-circular--size-small {
23250
+ height: 24px;
23251
+ width: 24px;
23349
23252
  }
23350
- .v-rating__item .v-btn {
23351
- transition-property: transform;
23253
+ .v-progress-circular--size-default {
23254
+ height: 32px;
23255
+ width: 32px;
23352
23256
  }
23353
- .v-rating__item .v-btn .v-icon {
23354
- transition: inherit;
23355
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23257
+ .v-progress-circular--size-large {
23258
+ height: 48px;
23259
+ width: 48px;
23356
23260
  }
23357
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23358
- transform: scale(1.25);
23261
+ .v-progress-circular--size-x-large {
23262
+ height: 64px;
23263
+ width: 64px;
23359
23264
  }
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;
23265
+
23266
+ .v-progress-circular--indeterminate > svg {
23267
+ animation: progress-circular-rotate 1.4s linear infinite;
23268
+ transform-origin: center center;
23269
+ transition: all 0.2s ease-in-out;
23366
23270
  }
23367
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23368
- opacity: 0;
23271
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23272
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23273
+ stroke-dasharray: 25, 200;
23274
+ stroke-dashoffset: 0;
23275
+ stroke-linecap: round;
23276
+ transform-origin: center center;
23277
+ transform: rotate(-90deg);
23369
23278
  }
23370
23279
 
23371
- .v-rating__hidden {
23372
- height: 0;
23373
- opacity: 0;
23374
- position: absolute;
23375
- width: 0;
23280
+ .v-progress-circular--disable-shrink > svg {
23281
+ animation-duration: 0.7s;
23282
+ }
23283
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23284
+ animation: none;
23285
+ }
23286
+
23287
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23288
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23289
+ animation-play-state: paused !important;
23290
+ }
23291
+
23292
+ @keyframes progress-circular-dash {
23293
+ 0% {
23294
+ stroke-dasharray: 1, 200;
23295
+ stroke-dashoffset: 0px;
23296
+ }
23297
+ 50% {
23298
+ stroke-dasharray: 100, 200;
23299
+ stroke-dashoffset: -15px;
23300
+ }
23301
+ 100% {
23302
+ stroke-dasharray: 100, 200;
23303
+ stroke-dashoffset: -124px;
23304
+ }
23305
+ }
23306
+ @keyframes progress-circular-rotate {
23307
+ 100% {
23308
+ transform: rotate(270deg);
23309
+ }
23310
+ }.v-radio-group > .v-input__control {
23311
+ flex-direction: column;
23312
+ }
23313
+ .v-radio-group > .v-input__control > .v-label {
23314
+ margin-inline-start: 16px;
23315
+ }
23316
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23317
+ padding-inline-start: 6px;
23318
+ margin-top: 8px;
23319
+ }
23320
+ .v-radio-group .v-input__details {
23321
+ padding-inline: 16px;
23376
23322
  }.v-slider .v-slider__container input {
23377
23323
  cursor: default;
23378
23324
  padding: 0;
@@ -23430,6 +23376,60 @@ html.v-overlay-scroll-blocked {
23430
23376
 
23431
23377
  .v-slider__label {
23432
23378
  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,6 +23613,34 @@ 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;
23616
23644
  }.v-skeleton-loader {
23617
23645
  align-items: center;
23618
23646
  background: rgb(var(--v-theme-surface));
@@ -23836,34 +23864,61 @@ html.v-overlay-scroll-blocked {
23836
23864
  100% {
23837
23865
  transform: translateX(100%);
23838
23866
  }
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));
23848
- }
23849
- .v-sheet--border {
23850
- border-width: thin;
23851
- box-shadow: none;
23867
+ }.v-slide-group {
23868
+ display: flex;
23869
+ overflow: hidden;
23852
23870
  }
23853
- .v-sheet--absolute {
23854
- position: absolute;
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;
23855
23880
  }
23856
- .v-sheet--fixed {
23857
- position: fixed;
23881
+ .v-slide-group__next--disabled,
23882
+ .v-slide-group__prev--disabled {
23883
+ pointer-events: none;
23884
+ opacity: var(--v-disabled-opacity);
23858
23885
  }
23859
- .v-sheet--relative {
23886
+
23887
+ .v-slide-group__content {
23888
+ display: flex;
23889
+ flex: 1 0 auto;
23860
23890
  position: relative;
23891
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23892
+ white-space: nowrap;
23861
23893
  }
23862
- .v-sheet--sticky {
23863
- position: sticky;
23894
+ .v-slide-group__content > * {
23895
+ white-space: initial;
23864
23896
  }
23865
- .v-sheet--rounded {
23866
- border-radius: 4px;
23897
+
23898
+ .v-slide-group__container {
23899
+ contain: content;
23900
+ display: flex;
23901
+ flex: 1 1 auto;
23902
+ overflow-x: auto;
23903
+ overflow-y: hidden;
23904
+ scrollbar-width: none;
23905
+ scrollbar-color: rgba(0, 0, 0, 0);
23906
+ }
23907
+ .v-slide-group__container::-webkit-scrollbar {
23908
+ display: none;
23909
+ }
23910
+
23911
+ .v-slide-group--vertical {
23912
+ max-height: inherit;
23913
+ }
23914
+ .v-slide-group--vertical,
23915
+ .v-slide-group--vertical .v-slide-group__container,
23916
+ .v-slide-group--vertical .v-slide-group__content {
23917
+ flex-direction: column;
23918
+ }
23919
+ .v-slide-group--vertical .v-slide-group__container {
23920
+ overflow-x: hidden;
23921
+ overflow-y: auto;
23867
23922
  }.v-snackbar {
23868
23923
  justify-content: center;
23869
23924
  z-index: 10000;
@@ -23995,109 +24050,13 @@ html.v-overlay-scroll-blocked {
23995
24050
  }
23996
24051
  .v-snackbar-transition-enter-from {
23997
24052
  opacity: 0;
23998
- transform: scale(0.8);
23999
- }
24000
- .v-snackbar-transition-leave-active {
24001
- transition-property: opacity;
24002
- }
24003
- .v-snackbar-transition-leave-to {
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
- }.v-speed-dial__content {
24061
- gap: 8px;
24062
- }
24063
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24064
- flex-direction: row;
24065
- }
24066
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24067
- flex-direction: row-reverse;
24068
- }
24069
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24070
- flex-direction: column-reverse;
24071
- }
24072
- .v-speed-dial__content > *:nth-child(1) {
24073
- transition-delay: 0s;
24074
- }
24075
- .v-speed-dial__content > *:nth-child(2) {
24076
- transition-delay: 0.05s;
24077
- }
24078
- .v-speed-dial__content > *:nth-child(3) {
24079
- transition-delay: 0.1s;
24080
- }
24081
- .v-speed-dial__content > *:nth-child(4) {
24082
- transition-delay: 0.15s;
24083
- }
24084
- .v-speed-dial__content > *:nth-child(5) {
24085
- transition-delay: 0.2s;
24086
- }
24087
- .v-speed-dial__content > *:nth-child(6) {
24088
- transition-delay: 0.25s;
24089
- }
24090
- .v-speed-dial__content > *:nth-child(7) {
24091
- transition-delay: 0.3s;
24092
- }
24093
- .v-speed-dial__content > *:nth-child(8) {
24094
- transition-delay: 0.35s;
24053
+ transform: scale(0.8);
24095
24054
  }
24096
- .v-speed-dial__content > *:nth-child(9) {
24097
- transition-delay: 0.4s;
24055
+ .v-snackbar-transition-leave-active {
24056
+ transition-property: opacity;
24098
24057
  }
24099
- .v-speed-dial__content > *:nth-child(10) {
24100
- transition-delay: 0.45s;
24058
+ .v-snackbar-transition-leave-to {
24059
+ opacity: 0;
24101
24060
  }.v-stepper.v-sheet {
24102
24061
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24103
24062
  border-radius: 4px;
@@ -24264,43 +24223,47 @@ html.v-overlay-scroll-blocked {
24264
24223
  width: 100%;
24265
24224
  height: 100%;
24266
24225
  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;
24226
+ }.v-speed-dial__content {
24227
+ gap: 8px;
24286
24228
  }
24287
- .v-system-bar .v-icon {
24288
- opacity: var(--v-medium-emphasis-opacity);
24229
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24230
+ flex-direction: row;
24289
24231
  }
24290
- .v-system-bar--absolute {
24291
- position: absolute;
24232
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24233
+ flex-direction: row-reverse;
24292
24234
  }
24293
- .v-system-bar--fixed {
24294
- position: fixed;
24235
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24236
+ flex-direction: column-reverse;
24295
24237
  }
24296
- .v-system-bar--rounded {
24297
- border-radius: 0;
24238
+ .v-speed-dial__content > *:nth-child(1) {
24239
+ transition-delay: 0s;
24298
24240
  }
24299
- .v-system-bar--window {
24300
- height: 32px;
24241
+ .v-speed-dial__content > *:nth-child(2) {
24242
+ transition-delay: 0.05s;
24301
24243
  }
24302
- .v-system-bar:not(.v-system-bar--absolute) {
24303
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24244
+ .v-speed-dial__content > *:nth-child(3) {
24245
+ transition-delay: 0.1s;
24246
+ }
24247
+ .v-speed-dial__content > *:nth-child(4) {
24248
+ transition-delay: 0.15s;
24249
+ }
24250
+ .v-speed-dial__content > *:nth-child(5) {
24251
+ transition-delay: 0.2s;
24252
+ }
24253
+ .v-speed-dial__content > *:nth-child(6) {
24254
+ transition-delay: 0.25s;
24255
+ }
24256
+ .v-speed-dial__content > *:nth-child(7) {
24257
+ transition-delay: 0.3s;
24258
+ }
24259
+ .v-speed-dial__content > *:nth-child(8) {
24260
+ transition-delay: 0.35s;
24261
+ }
24262
+ .v-speed-dial__content > *:nth-child(9) {
24263
+ transition-delay: 0.4s;
24264
+ }
24265
+ .v-speed-dial__content > *:nth-child(10) {
24266
+ transition-delay: 0.45s;
24304
24267
  }.v-switch .v-label {
24305
24268
  padding-inline-start: 10px;
24306
24269
  }
@@ -24714,6 +24677,43 @@ html.v-overlay-scroll-blocked {
24714
24677
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24715
24678
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24716
24679
  border-top: 0px !important;
24680
+ }.v-system-bar {
24681
+ align-items: center;
24682
+ display: flex;
24683
+ flex: 1 1 auto;
24684
+ height: 24px;
24685
+ justify-content: flex-end;
24686
+ max-width: 100%;
24687
+ padding-inline: 8px;
24688
+ position: relative;
24689
+ text-align: end;
24690
+ width: 100%;
24691
+ 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));
24692
+ background: rgba(var(--v-theme-surface-light));
24693
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24694
+ font-size: 0.75rem;
24695
+ font-weight: 400;
24696
+ letter-spacing: 0.0333333333em;
24697
+ line-height: 1.667;
24698
+ text-transform: none;
24699
+ }
24700
+ .v-system-bar .v-icon {
24701
+ opacity: var(--v-medium-emphasis-opacity);
24702
+ }
24703
+ .v-system-bar--absolute {
24704
+ position: absolute;
24705
+ }
24706
+ .v-system-bar--fixed {
24707
+ position: fixed;
24708
+ }
24709
+ .v-system-bar--rounded {
24710
+ border-radius: 0;
24711
+ }
24712
+ .v-system-bar--window {
24713
+ height: 32px;
24714
+ }
24715
+ .v-system-bar:not(.v-system-bar--absolute) {
24716
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24717
24717
  }.v-textarea .v-field {
24718
24718
  --v-textarea-control-height: var(--v-input-control-height);
24719
24719
  }
@@ -25239,28 +25239,6 @@ html.v-overlay-scroll-blocked {
25239
25239
 
25240
25240
  .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 {
25241
25241
  padding-inline-end: 0;
25242
- }.v-tooltip > .v-overlay__content {
25243
- background: rgb(var(--v-theme-surface-variant));
25244
- color: rgb(var(--v-theme-on-surface-variant));
25245
- border-radius: 4px;
25246
- font-size: 0.875rem;
25247
- line-height: 1.6;
25248
- display: inline-block;
25249
- padding: 5px 16px;
25250
- text-transform: initial;
25251
- width: auto;
25252
- opacity: 1;
25253
- pointer-events: none;
25254
- transition-property: opacity, transform;
25255
- overflow-wrap: break-word;
25256
- }
25257
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25258
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25259
- transition-duration: 150ms;
25260
- }
25261
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25262
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25263
- transition-duration: 75ms;
25264
25242
  }.v-toolbar {
25265
25243
  align-items: flex-start;
25266
25244
  display: flex;
@@ -25390,6 +25368,28 @@ html.v-overlay-scroll-blocked {
25390
25368
  }
25391
25369
  .v-toolbar-items > .v-btn {
25392
25370
  border-radius: 0;
25371
+ }.v-tooltip > .v-overlay__content {
25372
+ background: rgb(var(--v-theme-surface-variant));
25373
+ color: rgb(var(--v-theme-on-surface-variant));
25374
+ border-radius: 4px;
25375
+ font-size: 0.875rem;
25376
+ line-height: 1.6;
25377
+ display: inline-block;
25378
+ padding: 5px 16px;
25379
+ text-transform: initial;
25380
+ width: auto;
25381
+ opacity: 1;
25382
+ pointer-events: none;
25383
+ transition-property: opacity, transform;
25384
+ overflow-wrap: break-word;
25385
+ }
25386
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25387
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25388
+ transition-duration: 150ms;
25389
+ }
25390
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25391
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25392
+ transition-duration: 75ms;
25393
25393
  }.v-virtual-scroll {
25394
25394
  display: block;
25395
25395
  flex: 1 1 auto;
@@ -25469,6 +25469,56 @@ 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-canvas {
25473
+ display: flex;
25474
+ position: relative;
25475
+ overflow: hidden;
25476
+ contain: content;
25477
+ touch-action: none;
25478
+ }
25479
+ .v-color-picker-canvas__dot {
25480
+ position: absolute;
25481
+ top: 0;
25482
+ left: 0;
25483
+ width: 15px;
25484
+ height: 15px;
25485
+ background: transparent;
25486
+ border-radius: 50%;
25487
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25488
+ }
25489
+ .v-color-picker-canvas__dot--disabled {
25490
+ 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);
25491
+ }
25492
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
+ will-change: transform;
25494
+ }.v-color-picker-edit {
25495
+ display: flex;
25496
+ margin-top: 24px;
25497
+ }
25498
+
25499
+ .v-color-picker-edit__input {
25500
+ width: 100%;
25501
+ display: flex;
25502
+ flex-wrap: wrap;
25503
+ justify-content: center;
25504
+ text-align: center;
25505
+ }
25506
+ .v-color-picker-edit__input:not(:last-child) {
25507
+ margin-inline-end: 8px;
25508
+ }
25509
+ .v-color-picker-edit__input input {
25510
+ border-radius: 4px;
25511
+ margin-bottom: 8px;
25512
+ min-width: 0;
25513
+ outline: none;
25514
+ text-align: center;
25515
+ width: 100%;
25516
+ height: 32px;
25517
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25518
+ color: rgba(var(--v-theme-on-surface));
25519
+ }
25520
+ .v-color-picker-edit__input span {
25521
+ font-size: 0.75rem;
25472
25522
  }.v-color-picker-preview__alpha .v-slider-track__background {
25473
25523
  background-color: transparent !important;
25474
25524
  }
@@ -25574,56 +25624,6 @@ html.v-overlay-scroll-blocked {
25574
25624
  justify-content: center;
25575
25625
  width: 100%;
25576
25626
  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;