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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.9-master.2024-06-15
2
+ * Vuetify v3.6.9-master.2024-06-18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18156,6 +18156,63 @@ 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;
18159
18216
  }.bottom-sheet-transition-enter-from {
18160
18217
  transform: translateY(100%);
18161
18218
  }
@@ -18188,6 +18245,62 @@ html.overflow-y-hidden {
18188
18245
  .v-bottom-sheet.v-bottom-sheet--inset {
18189
18246
  max-width: 70%;
18190
18247
  }
18248
+ }.v-btn-group {
18249
+ display: inline-flex;
18250
+ flex-wrap: nowrap;
18251
+ max-width: 100%;
18252
+ min-width: 0;
18253
+ overflow: hidden;
18254
+ vertical-align: middle;
18255
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18256
+ border-style: solid;
18257
+ border-width: 0;
18258
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18259
+ border-radius: 4px;
18260
+ background: transparent;
18261
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18262
+ }
18263
+ .v-btn-group--border {
18264
+ border-width: thin;
18265
+ box-shadow: none;
18266
+ }
18267
+ .v-btn-group--density-default.v-btn-group {
18268
+ height: 48px;
18269
+ }
18270
+
18271
+ .v-btn-group--density-comfortable.v-btn-group {
18272
+ height: 40px;
18273
+ }
18274
+
18275
+ .v-btn-group--density-compact.v-btn-group {
18276
+ height: 36px;
18277
+ }
18278
+
18279
+ .v-btn-group .v-btn {
18280
+ border-radius: 0;
18281
+ border-color: inherit;
18282
+ }
18283
+ .v-btn-group .v-btn:not(:last-child) {
18284
+ border-inline-end: none;
18285
+ }
18286
+ .v-btn-group .v-btn:not(:first-child) {
18287
+ border-inline-start: none;
18288
+ }
18289
+ .v-btn-group .v-btn:first-child {
18290
+ border-start-start-radius: inherit;
18291
+ border-end-start-radius: inherit;
18292
+ }
18293
+ .v-btn-group .v-btn:last-child {
18294
+ border-start-end-radius: inherit;
18295
+ border-end-end-radius: inherit;
18296
+ }
18297
+ .v-btn-group--divided .v-btn:not(:last-child) {
18298
+ border-inline-end-width: thin;
18299
+ border-inline-end-style: solid;
18300
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18301
+ }
18302
+ .v-btn-group--tile {
18303
+ border-radius: 0;
18191
18304
  }.v-btn {
18192
18305
  align-items: center;
18193
18306
  border-radius: 4px;
@@ -18606,119 +18719,6 @@ html.overflow-y-hidden {
18606
18719
  }
18607
18720
  .v-pagination__item--is-active .v-btn__overlay {
18608
18721
  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
  }
@@ -19031,6 +19031,11 @@ html.overflow-y-hidden {
19031
19031
  pointer-events: none;
19032
19032
  opacity: 0;
19033
19033
  transition: opacity 0.2s ease-in-out;
19034
+ }.v-checkbox.v-input {
19035
+ flex: 0 1 auto;
19036
+ }
19037
+ .v-checkbox .v-selection-control {
19038
+ min-height: var(--v-input-control-height);
19034
19039
  }.v-carousel {
19035
19040
  overflow: hidden;
19036
19041
  position: relative;
@@ -19094,765 +19099,816 @@ html.overflow-y-hidden {
19094
19099
  flex-direction: column;
19095
19100
  height: 100% !important;
19096
19101
  width: 50px;
19097
- }.v-checkbox.v-input {
19098
- flex: 0 1 auto;
19099
- }
19100
- .v-checkbox .v-selection-control {
19101
- min-height: var(--v-input-control-height);
19102
- }.v-chip {
19103
- align-items: center;
19104
- display: inline-flex;
19105
- font-weight: 400;
19102
+ }.v-chip-group {
19103
+ display: flex;
19106
19104
  max-width: 100%;
19107
19105
  min-width: 0;
19108
- overflow: hidden;
19109
- position: relative;
19110
- text-decoration: none;
19111
- white-space: nowrap;
19112
- vertical-align: middle;
19113
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19114
- border-style: solid;
19115
- border-width: 0;
19116
- border-radius: 9999px;
19117
- }
19118
- .v-chip .v-icon {
19119
- --v-icon-size-multiplier: 0.8571428571;
19106
+ overflow-x: auto;
19107
+ padding: 4px 0;
19120
19108
  }
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;
19109
+ .v-chip-group .v-chip {
19110
+ margin: 4px 8px 4px 0;
19129
19111
  }
19130
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19131
- --v-avatar-height: 20px;
19112
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19113
+ opacity: var(--v-activated-opacity);
19132
19114
  }
19133
19115
 
19134
- .v-chip.v-chip--size-x-small .v-avatar--start {
19135
- margin-inline-start: -5.6px;
19136
- margin-inline-end: 4px;
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;
19137
19123
  }
19138
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19139
- margin-inline-start: -8px;
19124
+ .v-color-picker.v-sheet {
19125
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19126
+ border-radius: 4px;
19140
19127
  }
19141
19128
 
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;
19129
+ .v-color-picker__controls {
19130
+ display: flex;
19131
+ flex-direction: column;
19132
+ padding: 16px;
19148
19133
  }
19149
19134
 
19150
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19151
- margin-inline-start: 12px;
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));
19152
19137
  }
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;
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;
19158
19144
  }
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;
19145
+ .v-combobox .v-field .v-field__input > input {
19146
+ flex: 1 1;
19163
19147
  }
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;
19148
+ .v-combobox .v-field input {
19149
+ min-width: 64px;
19168
19150
  }
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;
19151
+ .v-combobox .v-field:not(.v-field--focused) input {
19152
+ min-width: 0;
19175
19153
  }
19176
- .v-chip.v-chip--size-small .v-avatar {
19177
- --v-avatar-height: 20px;
19154
+ .v-combobox .v-field--dirty .v-combobox__selection {
19155
+ margin-inline-end: 2px;
19178
19156
  }
19179
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19180
- --v-avatar-height: 26px;
19157
+ .v-combobox .v-combobox__selection-text {
19158
+ overflow: hidden;
19159
+ text-overflow: ellipsis;
19160
+ white-space: nowrap;
19181
19161
  }
19182
19162
 
19183
- .v-chip.v-chip--size-small .v-avatar--start {
19184
- margin-inline-start: -7px;
19185
- margin-inline-end: 5px;
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;
19186
19167
  }
19187
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19188
- margin-inline-start: -10px;
19168
+ .v-combobox__mask {
19169
+ background: rgb(var(--v-theme-surface-light));
19189
19170
  }
19190
-
19191
- .v-chip.v-chip--size-small .v-avatar--end {
19192
- margin-inline-start: 5px;
19193
- margin-inline-end: -7px;
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);
19194
19178
  }
19195
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19196
- margin-inline-end: -10px;
19179
+ .v-combobox__selection:first-child {
19180
+ margin-inline-start: 0;
19197
19181
  }
19198
-
19199
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19200
- margin-inline-start: 15px;
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;
19201
19187
  }
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;
19188
+ .v-combobox--selecting-index .v-combobox__selection {
19189
+ opacity: var(--v-medium-emphasis-opacity);
19207
19190
  }
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;
19191
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19192
+ opacity: 1;
19212
19193
  }
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;
19194
+ .v-combobox--selecting-index .v-field__input > input {
19195
+ caret-color: transparent;
19217
19196
  }
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;
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;
19224
19204
  }
19225
- .v-chip.v-chip--size-default .v-avatar {
19226
- --v-avatar-height: 26px;
19205
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19206
+ transition: none;
19227
19207
  }
19228
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19229
- --v-avatar-height: 32px;
19208
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19209
+ opacity: 0;
19230
19210
  }
19231
-
19232
- .v-chip.v-chip--size-default .v-avatar--start {
19233
- margin-inline-start: -8.4px;
19234
- margin-inline-end: 6px;
19211
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19212
+ opacity: 0;
19235
19213
  }
19236
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19237
- margin-inline-start: -12px;
19214
+ .v-combobox__menu-icon {
19215
+ margin-inline-start: 4px;
19216
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19238
19217
  }
19239
-
19240
- .v-chip.v-chip--size-default .v-avatar--end {
19241
- margin-inline-start: 6px;
19242
- margin-inline-end: -8.4px;
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%;
19243
19228
  }
19244
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19245
- margin-inline-end: -12px;
19229
+
19230
+ .v-data-table__table {
19231
+ width: 100%;
19232
+ border-collapse: separate;
19233
+ border-spacing: 0;
19246
19234
  }
19247
19235
 
19248
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19249
- margin-inline-start: 18px;
19236
+ .v-data-table__tr--focus {
19237
+ border: 1px dotted black;
19238
+ }
19239
+ .v-data-table__tr--clickable {
19240
+ cursor: pointer;
19250
19241
  }
19251
19242
 
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;
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;
19256
19248
  }
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;
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;
19261
19254
  }
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;
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;
19266
19260
  }
19267
-
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;
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;
19273
19266
  }
19274
- .v-chip.v-chip--size-large .v-avatar {
19275
- --v-avatar-height: 32px;
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;
19276
19272
  }
19277
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19278
- --v-avatar-height: 38px;
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;
19279
19280
  }
19280
-
19281
- .v-chip.v-chip--size-large .v-avatar--start {
19282
- margin-inline-start: -9.8px;
19283
- margin-inline-end: 7px;
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;
19284
19286
  }
19285
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19286
- margin-inline-start: -14px;
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;
19287
19290
  }
19288
-
19289
- .v-chip.v-chip--size-large .v-avatar--end {
19290
- margin-inline-start: 7px;
19291
- margin-inline-end: -9.8px;
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;
19292
19294
  }
19293
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19294
- margin-inline-end: -14px;
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));
19295
19299
  }
19296
-
19297
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19298
- margin-inline-start: 21px;
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;
19303
+ }
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;
19307
+ }
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;
19299
19312
  }
19300
19313
 
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;
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;
19305
19320
  }
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;
19321
+
19322
+ .v-data-table-column--last-fixed {
19323
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19310
19324
  }
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;
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;
19315
19328
  }
19316
19329
 
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;
19330
+ .v-data-table-group-header-row td {
19331
+ background: rgba(var(--v-theme-surface));
19332
+ color: rgba(var(--v-theme-on-surface));
19322
19333
  }
19323
- .v-chip.v-chip--size-x-large .v-avatar {
19324
- --v-avatar-height: 38px;
19334
+ .v-data-table-group-header-row td > span {
19335
+ padding-left: 5px;
19325
19336
  }
19326
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19327
- --v-avatar-height: 44px;
19337
+
19338
+ .v-data-table--loading .v-data-table__td {
19339
+ opacity: var(--v-disabled-opacity);
19328
19340
  }
19329
19341
 
19330
- .v-chip.v-chip--size-x-large .v-avatar--start {
19331
- margin-inline-start: -11.9px;
19332
- margin-inline-end: 8.5px;
19342
+ .v-data-table-group-header-row__column {
19343
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19333
19344
  }
19334
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19335
- margin-inline-start: -17px;
19345
+
19346
+ .v-data-table-header__content {
19347
+ display: flex;
19348
+ align-items: center;
19336
19349
  }
19337
19350
 
19338
- .v-chip.v-chip--size-x-large .v-avatar--end {
19339
- margin-inline-start: 8.5px;
19340
- margin-inline-end: -11.9px;
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;
19341
19363
  }
19342
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19343
- margin-inline-end: -17px;
19364
+
19365
+ .v-data-table-progress > th {
19366
+ border: none !important;
19367
+ height: auto !important;
19368
+ padding: 0 !important;
19344
19369
  }
19345
19370
 
19346
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19347
- margin-inline-start: 25.5px;
19371
+ .v-data-table-progress__loader {
19372
+ position: relative;
19348
19373
  }
19349
19374
 
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;
19375
+ .v-data-table-rows-loading,
19376
+ .v-data-table-rows-no-data {
19377
+ text-align: center;
19354
19378
  }
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;
19379
+
19380
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19381
+ grid-template-columns: 0;
19382
+ justify-content: center;
19359
19383
  }
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;
19384
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
19385
+ grid-template-columns: 0;
19386
+ justify-content: end;
19364
19387
  }
19365
-
19366
- .v-chip.v-chip--density-default {
19367
- height: calc(var(--v-chip-height) + 0px);
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);
19394
+ }
19395
+ .v-data-table__tr--mobile > td:not(:last-child) {
19396
+ border-bottom: 0 !important;
19368
19397
  }
19369
19398
 
19370
- .v-chip.v-chip--density-comfortable {
19371
- height: calc(var(--v-chip-height) + -4px);
19399
+ .v-data-table__td-title {
19400
+ font-weight: 500;
19401
+ text-align: left;
19372
19402
  }
19373
19403
 
19374
- .v-chip.v-chip--density-compact {
19375
- height: calc(var(--v-chip-height) + -8px);
19404
+ .v-data-table__td-value {
19405
+ text-align: right;
19376
19406
  }
19377
19407
 
19378
- .v-chip:hover > .v-chip__overlay {
19379
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19408
+ .v-data-table__td-sort-icon {
19409
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
19380
19410
  }
19381
- .v-chip:focus-visible > .v-chip__overlay {
19382
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
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;
19383
19419
  }
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
- }
19420
+ .v-data-table-footer__items-per-page {
19421
+ align-items: center;
19422
+ display: flex;
19423
+ justify-content: center;
19388
19424
  }
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));
19425
+ .v-data-table-footer__items-per-page > span {
19426
+ padding-inline-end: 8px;
19391
19427
  }
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));
19428
+ .v-data-table-footer__items-per-page > .v-select {
19429
+ width: 90px;
19394
19430
  }
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));
19431
+ .v-data-table-footer__info {
19432
+ display: flex;
19433
+ justify-content: flex-end;
19434
+ min-width: 116px;
19435
+ padding: 0 16px;
19397
19436
  }
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
- }
19437
+ .v-data-table-footer__paginationz {
19438
+ align-items: center;
19439
+ display: flex;
19440
+ margin-inline-start: 16px;
19402
19441
  }
19403
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19404
- background: transparent;
19405
- color: inherit;
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;
19406
19459
  }
19407
- .v-chip--variant-plain {
19408
- opacity: 0.26;
19460
+ .v-chip .v-icon {
19461
+ --v-icon-size-multiplier: 0.8571428571;
19409
19462
  }
19410
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19411
- opacity: 1;
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;
19412
19468
  }
19413
- .v-chip--variant-plain .v-chip__overlay {
19414
- display: none;
19469
+ .v-chip.v-chip--size-x-small .v-avatar {
19470
+ --v-avatar-height: 14px;
19415
19471
  }
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));
19472
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19473
+ --v-avatar-height: 20px;
19419
19474
  }
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));
19475
+
19476
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19477
+ margin-inline-start: -5.6px;
19478
+ margin-inline-end: 4px;
19422
19479
  }
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));
19480
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19481
+ margin-inline-start: -8px;
19425
19482
  }
19426
- .v-chip--variant-outlined {
19427
- border: thin solid currentColor;
19483
+
19484
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19485
+ margin-inline-start: 4px;
19486
+ margin-inline-end: -5.6px;
19428
19487
  }
19429
- .v-chip--variant-text .v-chip__overlay {
19430
- background: currentColor;
19488
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19489
+ margin-inline-end: -8px;
19431
19490
  }
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;
19491
+
19492
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19493
+ margin-inline-start: 12px;
19441
19494
  }
19442
- .v-chip .v-chip__underlay {
19443
- position: absolute;
19495
+
19496
+ .v-chip.v-chip--size-x-small .v-icon--start,
19497
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19498
+ margin-inline-start: -4px;
19499
+ margin-inline-end: 4px;
19444
19500
  }
19445
- .v-chip--border {
19446
- border-width: thin;
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;
19447
19505
  }
19448
- .v-chip--link {
19449
- cursor: pointer;
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;
19450
19510
  }
19451
- .v-chip--link, .v-chip--filter {
19452
- -webkit-user-select: none;
19453
- user-select: none;
19511
+
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;
19454
19517
  }
19455
- .v-chip--label {
19456
- border-radius: 4px;
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;
19457
19523
  }
19458
19524
 
19459
- .v-chip__content {
19460
- align-items: center;
19461
- display: inline-flex;
19525
+ .v-chip.v-chip--size-small .v-avatar--start {
19526
+ margin-inline-start: -7px;
19527
+ margin-inline-end: 5px;
19528
+ }
19529
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19530
+ margin-inline-start: -10px;
19531
+ }
19532
+
19533
+ .v-chip.v-chip--size-small .v-avatar--end {
19534
+ margin-inline-start: 5px;
19535
+ margin-inline-end: -7px;
19462
19536
  }
19463
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19464
- overflow: hidden;
19537
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19538
+ margin-inline-end: -10px;
19465
19539
  }
19466
19540
 
19467
- .v-chip__filter,
19468
- .v-chip__prepend,
19469
- .v-chip__append,
19470
- .v-chip__close {
19471
- align-items: center;
19472
- display: inline-flex;
19541
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19542
+ margin-inline-start: 15px;
19473
19543
  }
19474
19544
 
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;
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;
19483
19549
  }
19484
- .v-chip__close .v-icon {
19485
- font-size: inherit;
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;
19486
19554
  }
19487
-
19488
- .v-chip__filter {
19489
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
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;
19490
19559
  }
19491
19560
 
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;
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;
19503
19566
  }
19504
-
19505
- .v-chip--disabled {
19506
- opacity: 0.3;
19507
- pointer-events: none;
19508
- -webkit-user-select: none;
19509
- user-select: none;
19567
+ .v-chip.v-chip--size-default .v-avatar {
19568
+ --v-avatar-height: 26px;
19510
19569
  }
19511
-
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;
19570
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19571
+ --v-avatar-height: 32px;
19520
19572
  }
19521
- .v-chip-group .v-chip {
19522
- margin: 4px 8px 4px 0;
19573
+
19574
+ .v-chip.v-chip--size-default .v-avatar--start {
19575
+ margin-inline-start: -8.4px;
19576
+ margin-inline-end: 6px;
19523
19577
  }
19524
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19525
- opacity: var(--v-activated-opacity);
19578
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19579
+ margin-inline-start: -12px;
19526
19580
  }
19527
19581
 
19528
- .v-chip-group--column .v-slide-group__content {
19529
- white-space: normal;
19530
- flex-wrap: wrap;
19531
- max-width: 100%;
19532
- }.v-color-picker {
19533
- align-self: flex-start;
19534
- contain: content;
19582
+ .v-chip.v-chip--size-default .v-avatar--end {
19583
+ margin-inline-start: 6px;
19584
+ margin-inline-end: -8.4px;
19535
19585
  }
19536
- .v-color-picker.v-sheet {
19537
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19538
- border-radius: 4px;
19586
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19587
+ margin-inline-end: -12px;
19539
19588
  }
19540
19589
 
19541
- .v-color-picker__controls {
19542
- display: flex;
19543
- flex-direction: column;
19544
- padding: 16px;
19590
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19591
+ margin-inline-start: 18px;
19545
19592
  }
19546
19593
 
19547
- .v-color-picker--flat {
19548
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
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;
19549
19598
  }
19550
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19551
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19552
- }.v-combobox .v-field .v-text-field__prefix,
19553
- .v-combobox .v-field .v-text-field__suffix,
19554
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19555
- cursor: text;
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;
19556
19603
  }
19557
- .v-combobox .v-field .v-field__input > input {
19558
- flex: 1 1;
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;
19559
19608
  }
19560
- .v-combobox .v-field input {
19561
- min-width: 64px;
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;
19562
19615
  }
19563
- .v-combobox .v-field:not(.v-field--focused) input {
19564
- min-width: 0;
19616
+ .v-chip.v-chip--size-large .v-avatar {
19617
+ --v-avatar-height: 32px;
19565
19618
  }
19566
- .v-combobox .v-field--dirty .v-combobox__selection {
19567
- margin-inline-end: 2px;
19619
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19620
+ --v-avatar-height: 38px;
19568
19621
  }
19569
- .v-combobox .v-combobox__selection-text {
19570
- overflow: hidden;
19571
- text-overflow: ellipsis;
19572
- white-space: nowrap;
19622
+
19623
+ .v-chip.v-chip--size-large .v-avatar--start {
19624
+ margin-inline-start: -9.8px;
19625
+ margin-inline-end: 7px;
19626
+ }
19627
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19628
+ margin-inline-start: -14px;
19573
19629
  }
19574
19630
 
19575
- .v-combobox__content {
19576
- overflow: hidden;
19577
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19578
- border-radius: 4px;
19631
+ .v-chip.v-chip--size-large .v-avatar--end {
19632
+ margin-inline-start: 7px;
19633
+ margin-inline-end: -9.8px;
19579
19634
  }
19580
- .v-combobox__mask {
19581
- background: rgb(var(--v-theme-surface-light));
19635
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19636
+ margin-inline-end: -14px;
19582
19637
  }
19583
- .v-combobox__selection {
19584
- display: inline-flex;
19585
- align-items: center;
19586
- height: 1.5rem;
19587
- letter-spacing: inherit;
19588
- line-height: inherit;
19589
- max-width: calc(100% - 2px - 2px);
19638
+
19639
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19640
+ margin-inline-start: 21px;
19590
19641
  }
19591
- .v-combobox__selection:first-child {
19592
- margin-inline-start: 0;
19642
+
19643
+ .v-chip.v-chip--size-large .v-icon--start,
19644
+ .v-chip.v-chip--size-large .v-chip__filter {
19645
+ margin-inline-start: -7px;
19646
+ margin-inline-end: 7px;
19593
19647
  }
19594
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19595
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19596
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19597
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19598
- top: 0px;
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;
19599
19652
  }
19600
- .v-combobox--selecting-index .v-combobox__selection {
19601
- opacity: var(--v-medium-emphasis-opacity);
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;
19602
19657
  }
19603
- .v-combobox--selecting-index .v-combobox__selection--selected {
19604
- opacity: 1;
19658
+
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;
19605
19664
  }
19606
- .v-combobox--selecting-index .v-field__input > input {
19607
- caret-color: transparent;
19665
+ .v-chip.v-chip--size-x-large .v-avatar {
19666
+ --v-avatar-height: 38px;
19608
19667
  }
19609
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19610
- flex: 1 1;
19611
- position: absolute;
19612
- left: 0;
19613
- right: 0;
19614
- width: 100%;
19615
- padding-inline: inherit;
19668
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19669
+ --v-avatar-height: 44px;
19616
19670
  }
19617
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19618
- transition: none;
19671
+
19672
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19673
+ margin-inline-start: -11.9px;
19674
+ margin-inline-end: 8.5px;
19619
19675
  }
19620
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19621
- opacity: 0;
19676
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19677
+ margin-inline-start: -17px;
19622
19678
  }
19623
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19624
- opacity: 0;
19679
+
19680
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19681
+ margin-inline-start: 8.5px;
19682
+ margin-inline-end: -11.9px;
19625
19683
  }
19626
- .v-combobox__menu-icon {
19627
- margin-inline-start: 4px;
19628
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19684
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19685
+ margin-inline-end: -17px;
19629
19686
  }
19630
- .v-combobox--active-menu .v-combobox__menu-icon {
19631
- opacity: var(--v-high-emphasis-opacity);
19632
- transform: rotate(180deg);
19633
- }.v-counter {
19634
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19635
- flex: 0 1 auto;
19636
- font-size: 12px;
19637
- transition-duration: 150ms;
19638
- }.v-data-table {
19639
- width: 100%;
19687
+
19688
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19689
+ margin-inline-start: 25.5px;
19690
+ }
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;
19696
+ }
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;
19701
+ }
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;
19640
19706
  }
19641
19707
 
19642
- .v-data-table__table {
19643
- width: 100%;
19644
- border-collapse: separate;
19645
- border-spacing: 0;
19708
+ .v-chip.v-chip--density-default {
19709
+ height: calc(var(--v-chip-height) + 0px);
19646
19710
  }
19647
19711
 
19648
- .v-data-table__tr--focus {
19649
- border: 1px dotted black;
19712
+ .v-chip.v-chip--density-comfortable {
19713
+ height: calc(var(--v-chip-height) + -4px);
19650
19714
  }
19651
- .v-data-table__tr--clickable {
19652
- cursor: pointer;
19715
+
19716
+ .v-chip.v-chip--density-compact {
19717
+ height: calc(var(--v-chip-height) + -8px);
19653
19718
  }
19654
19719
 
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;
19720
+ .v-chip:hover > .v-chip__overlay {
19721
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19660
19722
  }
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;
19723
+ .v-chip:focus-visible > .v-chip__overlay {
19724
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19666
19725
  }
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;
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
+ }
19672
19730
  }
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;
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));
19678
19733
  }
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;
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));
19684
19736
  }
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;
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));
19692
19739
  }
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;
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
+ }
19698
19744
  }
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;
19745
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19746
+ background: transparent;
19747
+ color: inherit;
19702
19748
  }
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;
19749
+ .v-chip--variant-plain {
19750
+ opacity: 0.26;
19706
19751
  }
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));
19752
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19753
+ opacity: 1;
19711
19754
  }
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;
19755
+ .v-chip--variant-plain .v-chip__overlay {
19756
+ display: none;
19715
19757
  }
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;
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));
19719
19761
  }
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;
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));
19724
19764
  }
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;
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));
19732
19767
  }
19733
-
19734
- .v-data-table-column--last-fixed {
19735
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19768
+ .v-chip--variant-outlined {
19769
+ border: thin solid currentColor;
19736
19770
  }
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;
19771
+ .v-chip--variant-text .v-chip__overlay {
19772
+ background: currentColor;
19740
19773
  }
19741
-
19742
- .v-data-table-group-header-row td {
19743
- background: rgba(var(--v-theme-surface));
19744
- color: rgba(var(--v-theme-on-surface));
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;
19745
19783
  }
19746
- .v-data-table-group-header-row td > span {
19747
- padding-left: 5px;
19784
+ .v-chip .v-chip__underlay {
19785
+ position: absolute;
19748
19786
  }
19749
-
19750
- .v-data-table--loading .v-data-table__td {
19751
- opacity: var(--v-disabled-opacity);
19787
+ .v-chip--border {
19788
+ border-width: thin;
19752
19789
  }
19753
-
19754
- .v-data-table-group-header-row__column {
19755
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19790
+ .v-chip--link {
19791
+ cursor: pointer;
19792
+ }
19793
+ .v-chip--link, .v-chip--filter {
19794
+ -webkit-user-select: none;
19795
+ user-select: none;
19796
+ }
19797
+ .v-chip--label {
19798
+ border-radius: 4px;
19756
19799
  }
19757
19800
 
19758
- .v-data-table-header__content {
19759
- display: flex;
19801
+ .v-chip__content {
19760
19802
  align-items: center;
19803
+ display: inline-flex;
19804
+ }
19805
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19806
+ overflow: hidden;
19761
19807
  }
19762
19808
 
19763
- .v-data-table-header__sort-badge {
19764
- display: inline-flex;
19765
- justify-content: center;
19809
+ .v-chip__filter,
19810
+ .v-chip__prepend,
19811
+ .v-chip__append,
19812
+ .v-chip__close {
19766
19813
  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;
19814
+ display: inline-flex;
19775
19815
  }
19776
19816
 
19777
- .v-data-table-progress > th {
19778
- border: none !important;
19779
- height: auto !important;
19780
- padding: 0 !important;
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;
19781
19825
  }
19782
-
19783
- .v-data-table-progress__loader {
19784
- position: relative;
19826
+ .v-chip__close .v-icon {
19827
+ font-size: inherit;
19785
19828
  }
19786
19829
 
19787
- .v-data-table-rows-loading,
19788
- .v-data-table-rows-no-data {
19789
- text-align: center;
19830
+ .v-chip__filter {
19831
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19790
19832
  }
19791
19833
 
19792
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19793
- grid-template-columns: 0;
19794
- justify-content: center;
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;
19795
19845
  }
19796
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
19797
- grid-template-columns: 0;
19798
- justify-content: end;
19846
+
19847
+ .v-chip--disabled {
19848
+ opacity: 0.3;
19849
+ pointer-events: none;
19850
+ -webkit-user-select: none;
19851
+ user-select: none;
19799
19852
  }
19800
- .v-data-table__tr--mobile > td {
19853
+
19854
+ .v-chip--label {
19855
+ border-radius: 4px;
19856
+ }.v-date-picker-controls {
19857
+ display: flex;
19801
19858
  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);
19859
+ justify-content: space-between;
19860
+ font-size: 0.875rem;
19861
+ padding-top: 4px;
19862
+ padding-bottom: 4px;
19863
+ padding-inline-start: 6px;
19864
+ padding-inline-end: 12px;
19865
+ }
19866
+ .v-date-picker-controls > .v-btn:first-child {
19867
+ text-transform: none;
19868
+ font-weight: 400;
19869
+ line-height: initial;
19870
+ letter-spacing: initial;
19806
19871
  }
19807
- .v-data-table__tr--mobile > td:not(:last-child) {
19808
- border-bottom: 0 !important;
19872
+ .v-date-picker-controls--variant-classic {
19873
+ padding-inline-start: 12px;
19809
19874
  }
19810
-
19811
- .v-data-table__td-title {
19812
- font-weight: 500;
19813
- text-align: left;
19875
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19876
+ opacity: 0.7;
19814
19877
  }
19815
-
19816
- .v-data-table__td-value {
19817
- text-align: right;
19878
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19879
+ cursor: pointer;
19818
19880
  }
19819
-
19820
- .v-data-table__td-sort-icon {
19821
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
19881
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19882
+ opacity: 1;
19822
19883
  }
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;
19884
+ .v-date-picker-controls .v-btn:last-child {
19885
+ margin-inline-start: 4px;
19831
19886
  }
19832
- .v-data-table-footer__items-per-page {
19833
- align-items: center;
19834
- display: flex;
19835
- justify-content: center;
19887
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19888
+ transform: rotate(180deg);
19836
19889
  }
19837
- .v-data-table-footer__items-per-page > span {
19838
- padding-inline-end: 8px;
19890
+
19891
+ .v-date-picker-controls__date {
19892
+ margin-inline-end: 4px;
19839
19893
  }
19840
- .v-data-table-footer__items-per-page > .v-select {
19841
- width: 90px;
19894
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19895
+ margin: auto;
19896
+ text-align: center;
19842
19897
  }
19843
- .v-data-table-footer__info {
19898
+
19899
+ .v-date-picker-controls__month {
19844
19900
  display: flex;
19845
- justify-content: flex-end;
19846
- min-width: 116px;
19847
- padding: 0 16px;
19848
19901
  }
19849
- .v-data-table-footer__paginationz {
19850
- align-items: center;
19851
- display: flex;
19852
- margin-inline-start: 16px;
19902
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19903
+ flex-direction: row-reverse;
19853
19904
  }
19854
- .v-data-table-footer__page {
19855
- padding: 0 8px;
19905
+
19906
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19907
+ flex: 1 0 auto;
19908
+ }
19909
+
19910
+ .v-date-picker__title {
19911
+ display: inline-block;
19856
19912
  }.v-date-picker {
19857
19913
  overflow: hidden;
19858
19914
  width: 328px;
@@ -19919,62 +19975,25 @@ html.overflow-y-hidden {
19919
19975
  .date-picker-header-reverse-transition-leave-to {
19920
19976
  opacity: 0;
19921
19977
  transform: translate(0, 100%);
19922
- }.v-date-picker-controls {
19923
- display: flex;
19924
- align-items: center;
19925
- justify-content: space-between;
19926
- font-size: 0.875rem;
19927
- padding-top: 4px;
19928
- padding-bottom: 4px;
19929
- padding-inline-start: 6px;
19930
- padding-inline-end: 12px;
19931
- }
19932
- .v-date-picker-controls > .v-btn:first-child {
19933
- text-transform: none;
19934
- font-weight: 400;
19935
- line-height: initial;
19936
- letter-spacing: initial;
19937
- }
19938
- .v-date-picker-controls--variant-classic {
19939
- padding-inline-start: 12px;
19940
- }
19941
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19942
- opacity: 0.7;
19943
- }
19944
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19945
- cursor: pointer;
19946
- }
19947
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19948
- opacity: 1;
19949
- }
19950
- .v-date-picker-controls .v-btn:last-child {
19951
- margin-inline-start: 4px;
19952
- }
19953
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19954
- transform: rotate(180deg);
19955
- }
19956
-
19957
- .v-date-picker-controls__date {
19958
- margin-inline-end: 4px;
19959
- }
19960
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19961
- margin: auto;
19962
- text-align: center;
19963
- }
19964
-
19965
- .v-date-picker-controls__month {
19966
- display: flex;
19967
- }
19968
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19969
- flex-direction: row-reverse;
19978
+ }.v-date-picker-months {
19979
+ height: 288px;
19970
19980
  }
19971
19981
 
19972
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19973
- flex: 1 0 auto;
19982
+ .v-date-picker-months__content {
19983
+ align-items: center;
19984
+ display: grid;
19985
+ flex: 1 1;
19986
+ height: inherit;
19987
+ justify-content: space-around;
19988
+ grid-template-columns: repeat(2, 1fr);
19989
+ grid-gap: 0px 24px;
19990
+ padding-inline-start: 36px;
19991
+ padding-inline-end: 36px;
19974
19992
  }
19975
-
19976
- .v-date-picker__title {
19977
- display: inline-block;
19993
+ .v-date-picker-months__content .v-btn {
19994
+ text-transform: none;
19995
+ padding-inline-start: 8px;
19996
+ padding-inline-end: 8px;
19978
19997
  }.v-date-picker-month {
19979
19998
  display: flex;
19980
19999
  justify-content: center;
@@ -20045,25 +20064,6 @@ html.overflow-y-hidden {
20045
20064
  }
20046
20065
  .v-date-picker-years__content .v-btn {
20047
20066
  padding-inline: 8px;
20048
- }.v-date-picker-months {
20049
- height: 288px;
20050
- }
20051
-
20052
- .v-date-picker-months__content {
20053
- align-items: center;
20054
- display: grid;
20055
- flex: 1 1;
20056
- height: inherit;
20057
- justify-content: space-around;
20058
- grid-template-columns: repeat(2, 1fr);
20059
- grid-gap: 0px 24px;
20060
- padding-inline-start: 36px;
20061
- padding-inline-end: 36px;
20062
- }
20063
- .v-date-picker-months__content .v-btn {
20064
- text-transform: none;
20065
- padding-inline-start: 8px;
20066
- padding-inline-end: 8px;
20067
20067
  }.v-dialog {
20068
20068
  align-items: center;
20069
20069
  justify-content: center;
@@ -22108,6 +22108,11 @@ textarea.v-field__input::placeholder {
22108
22108
 
22109
22109
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
22110
  padding-top: calc(var(--v-input-padding-top) + 0px);
22111
+ }.v-item-group {
22112
+ flex: 0 1 auto;
22113
+ max-width: 100%;
22114
+ position: relative;
22115
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22111
22116
  }.v-label {
22112
22117
  align-items: center;
22113
22118
  color: inherit;
@@ -22123,18 +22128,6 @@ textarea.v-field__input::placeholder {
22123
22128
 
22124
22129
  .v-label--clickable {
22125
22130
  cursor: pointer;
22126
- }.v-item-group {
22127
- flex: 0 1 auto;
22128
- max-width: 100%;
22129
- position: relative;
22130
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22131
- }.v-layout-item {
22132
- position: absolute;
22133
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22134
- }
22135
-
22136
- .v-layout-item--absolute {
22137
- position: absolute;
22138
22131
  }.v-layout {
22139
22132
  --v-scrollbar-offset: 0px;
22140
22133
  display: flex;
@@ -22143,6 +22136,13 @@ textarea.v-field__input::placeholder {
22143
22136
  .v-layout--full-height {
22144
22137
  --v-scrollbar-offset: inherit;
22145
22138
  height: 100%;
22139
+ }.v-layout-item {
22140
+ position: absolute;
22141
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22142
+ }
22143
+
22144
+ .v-layout-item--absolute {
22145
+ position: absolute;
22146
22146
  }.v-list {
22147
22147
  overflow: auto;
22148
22148
  padding: 8px 0;
@@ -22702,6 +22702,19 @@ textarea.v-field__input::placeholder {
22702
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
22703
  }.v-locale-provider {
22704
22704
  display: contents;
22705
+ }.v-menu > .v-overlay__content {
22706
+ display: flex;
22707
+ flex-direction: column;
22708
+ border-radius: 4px;
22709
+ }
22710
+ .v-menu > .v-overlay__content > .v-card,
22711
+ .v-menu > .v-overlay__content > .v-sheet,
22712
+ .v-menu > .v-overlay__content > .v-list {
22713
+ background: rgb(var(--v-theme-surface));
22714
+ border-radius: inherit;
22715
+ overflow: auto;
22716
+ height: 100%;
22717
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22705
22718
  }.v-main {
22706
22719
  flex: 1 0 auto;
22707
22720
  max-width: 100%;
@@ -22730,19 +22743,6 @@ textarea.v-field__input::placeholder {
22730
22743
  --v-layout-right: 0px;
22731
22744
  --v-layout-top: 0px;
22732
22745
  --v-layout-bottom: 0px;
22733
- }.v-menu > .v-overlay__content {
22734
- display: flex;
22735
- flex-direction: column;
22736
- border-radius: 4px;
22737
- }
22738
- .v-menu > .v-overlay__content > .v-card,
22739
- .v-menu > .v-overlay__content > .v-sheet,
22740
- .v-menu > .v-overlay__content > .v-list {
22741
- background: rgb(var(--v-theme-surface));
22742
- border-radius: inherit;
22743
- overflow: auto;
22744
- height: 100%;
22745
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22746
22746
  }.v-messages {
22747
22747
  flex: 1 1 auto;
22748
22748
  font-size: 12px;
@@ -22861,6 +22861,62 @@ textarea.v-field__input::placeholder {
22861
22861
  .v-navigation-drawer__append {
22862
22862
  flex: none;
22863
22863
  overflow: hidden;
22864
+ }.v-otp-input {
22865
+ border-radius: 4px;
22866
+ align-items: center;
22867
+ display: flex;
22868
+ justify-content: center;
22869
+ padding: 0.5rem 0;
22870
+ position: relative;
22871
+ }
22872
+ .v-otp-input .v-field {
22873
+ height: 100%;
22874
+ }
22875
+
22876
+ .v-otp-input__divider {
22877
+ margin: 0 8px;
22878
+ }
22879
+
22880
+ .v-otp-input__content {
22881
+ align-items: center;
22882
+ display: flex;
22883
+ gap: 0.5rem;
22884
+ height: 64px;
22885
+ padding: 0.5rem;
22886
+ justify-content: center;
22887
+ max-width: 320px;
22888
+ position: relative;
22889
+ border-radius: inherit;
22890
+ }
22891
+ .v-otp-input--divided .v-otp-input__content {
22892
+ max-width: 360px;
22893
+ }
22894
+
22895
+ .v-otp-input__field {
22896
+ color: inherit;
22897
+ font-size: 1.25rem;
22898
+ height: 100%;
22899
+ outline: none;
22900
+ text-align: center;
22901
+ width: 100%;
22902
+ }
22903
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22904
+ -webkit-appearance: none;
22905
+ margin: 0;
22906
+ }
22907
+ .v-otp-input__field[type=number] {
22908
+ -moz-appearance: textfield;
22909
+ }
22910
+
22911
+ .v-otp-input__loader {
22912
+ align-items: center;
22913
+ display: flex;
22914
+ height: 100%;
22915
+ justify-content: center;
22916
+ width: 100%;
22917
+ }
22918
+ .v-otp-input__loader .v-progress-linear {
22919
+ position: absolute;
22864
22920
  }.v-overlay-container {
22865
22921
  contain: layout;
22866
22922
  left: 0;
@@ -22924,76 +22980,122 @@ html.v-overlay-scroll-blocked {
22924
22980
 
22925
22981
  .v-overlay--scroll-blocked {
22926
22982
  padding-inline-end: var(--v-scrollbar-offset);
22927
- }.v-otp-input {
22928
- border-radius: 4px;
22983
+ }.v-pagination__list {
22984
+ display: inline-flex;
22985
+ list-style-type: none;
22986
+ justify-content: center;
22987
+ width: 100%;
22988
+ }
22989
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22990
+ margin: 0.3rem;
22991
+ }.v-parallax {
22992
+ position: relative;
22993
+ overflow: hidden;
22994
+ }
22995
+ .v-parallax--active > .v-img__img {
22996
+ will-change: transform;
22997
+ }.v-progress-circular {
22929
22998
  align-items: center;
22930
- display: flex;
22999
+ display: inline-flex;
22931
23000
  justify-content: center;
22932
- padding: 0.5rem 0;
22933
23001
  position: relative;
23002
+ vertical-align: middle;
22934
23003
  }
22935
- .v-otp-input .v-field {
23004
+ .v-progress-circular > svg {
23005
+ width: 100%;
22936
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;
22937
23014
  }
22938
23015
 
22939
- .v-otp-input__divider {
22940
- margin: 0 8px;
22941
- }
22942
-
22943
- .v-otp-input__content {
23016
+ .v-progress-circular__content {
22944
23017
  align-items: center;
22945
23018
  display: flex;
22946
- gap: 0.5rem;
22947
- height: 64px;
22948
- padding: 0.5rem;
22949
23019
  justify-content: center;
22950
- max-width: 320px;
22951
- position: relative;
22952
- border-radius: inherit;
22953
23020
  }
22954
- .v-otp-input--divided .v-otp-input__content {
22955
- max-width: 360px;
23021
+
23022
+ .v-progress-circular__underlay {
23023
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23024
+ stroke: currentColor;
23025
+ z-index: 1;
22956
23026
  }
22957
23027
 
22958
- .v-otp-input__field {
22959
- color: inherit;
22960
- font-size: 1.25rem;
22961
- height: 100%;
22962
- outline: none;
22963
- text-align: center;
22964
- width: 100%;
23028
+ .v-progress-circular__overlay {
23029
+ stroke: currentColor;
23030
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23031
+ z-index: 2;
22965
23032
  }
22966
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22967
- -webkit-appearance: none;
22968
- margin: 0;
23033
+
23034
+ .v-progress-circular--size-x-small {
23035
+ height: 16px;
23036
+ width: 16px;
22969
23037
  }
22970
- .v-otp-input__field[type=number] {
22971
- -moz-appearance: textfield;
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;
22972
23053
  }
22973
23054
 
22974
- .v-otp-input__loader {
22975
- align-items: center;
22976
- display: flex;
22977
- height: 100%;
22978
- justify-content: center;
22979
- width: 100%;
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;
22980
23059
  }
22981
- .v-otp-input__loader .v-progress-linear {
22982
- position: absolute;
22983
- }.v-parallax {
22984
- position: relative;
22985
- overflow: hidden;
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);
22986
23067
  }
22987
- .v-parallax--active > .v-img__img {
22988
- will-change: transform;
22989
- }.v-pagination__list {
22990
- display: inline-flex;
22991
- list-style-type: none;
22992
- justify-content: center;
22993
- width: 100%;
23068
+
23069
+ .v-progress-circular--disable-shrink > svg {
23070
+ animation-duration: 0.7s;
22994
23071
  }
22995
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22996
- margin: 0.3rem;
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
+ }
22997
23099
  }.v-progress-linear {
22998
23100
  background: transparent;
22999
23101
  overflow: hidden;
@@ -23193,119 +23295,17 @@ html.v-overlay-scroll-blocked {
23193
23295
  }
23194
23296
  100% {
23195
23297
  left: -8%;
23196
- right: 107%;
23197
- }
23198
- }
23199
- @keyframes stream {
23200
- to {
23201
- transform: translateX(var(--v-progress-linear-stream-to));
23202
- }
23203
- }
23204
- @keyframes progress-linear-stripes {
23205
- 0% {
23206
- background-position-x: var(--v-progress-linear-height);
23207
- }
23208
- }.v-progress-circular {
23209
- align-items: center;
23210
- display: inline-flex;
23211
- justify-content: center;
23212
- position: relative;
23213
- vertical-align: middle;
23214
- }
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;
23225
- }
23226
-
23227
- .v-progress-circular__content {
23228
- align-items: center;
23229
- display: flex;
23230
- justify-content: center;
23231
- }
23232
-
23233
- .v-progress-circular__underlay {
23234
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23235
- stroke: currentColor;
23236
- z-index: 1;
23237
- }
23238
-
23239
- .v-progress-circular__overlay {
23240
- stroke: currentColor;
23241
- transition: all 0.2s ease-in-out, stroke-width 0s;
23242
- z-index: 2;
23243
- }
23244
-
23245
- .v-progress-circular--size-x-small {
23246
- height: 16px;
23247
- width: 16px;
23248
- }
23249
- .v-progress-circular--size-small {
23250
- height: 24px;
23251
- width: 24px;
23252
- }
23253
- .v-progress-circular--size-default {
23254
- height: 32px;
23255
- width: 32px;
23256
- }
23257
- .v-progress-circular--size-large {
23258
- height: 48px;
23259
- width: 48px;
23260
- }
23261
- .v-progress-circular--size-x-large {
23262
- height: 64px;
23263
- width: 64px;
23264
- }
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;
23270
- }
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);
23278
- }
23279
-
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;
23298
+ right: 107%;
23300
23299
  }
23301
- 100% {
23302
- stroke-dasharray: 100, 200;
23303
- stroke-dashoffset: -124px;
23300
+ }
23301
+ @keyframes stream {
23302
+ to {
23303
+ transform: translateX(var(--v-progress-linear-stream-to));
23304
23304
  }
23305
23305
  }
23306
- @keyframes progress-circular-rotate {
23307
- 100% {
23308
- transform: rotate(270deg);
23306
+ @keyframes progress-linear-stripes {
23307
+ 0% {
23308
+ background-position-x: var(--v-progress-linear-height);
23309
23309
  }
23310
23310
  }.v-radio-group > .v-input__control {
23311
23311
  flex-direction: column;
@@ -23319,32 +23319,60 @@ html.v-overlay-scroll-blocked {
23319
23319
  }
23320
23320
  .v-radio-group .v-input__details {
23321
23321
  padding-inline: 16px;
23322
- }.v-responsive {
23323
- display: flex;
23324
- flex: 1 0 auto;
23325
- max-height: 100%;
23322
+ }.v-rating {
23326
23323
  max-width: 100%;
23327
- overflow: hidden;
23328
- position: relative;
23329
- }
23330
- .v-responsive--inline {
23331
23324
  display: inline-flex;
23332
- flex: 0 0 auto;
23325
+ white-space: nowrap;
23326
+ }
23327
+ .v-rating--readonly {
23328
+ pointer-events: none;
23333
23329
  }
23334
23330
 
23335
- .v-responsive__content {
23336
- flex: 1 0 0px;
23337
- max-width: 100%;
23331
+ .v-rating__wrapper {
23332
+ align-items: center;
23333
+ display: inline-flex;
23334
+ flex-direction: column;
23335
+ }
23336
+ .v-rating__wrapper--bottom {
23337
+ flex-direction: column-reverse;
23338
23338
  }
23339
23339
 
23340
- .v-responsive__sizer ~ .v-responsive__content {
23341
- margin-inline-start: -100%;
23340
+ .v-rating__item {
23341
+ display: inline-flex;
23342
+ position: relative;
23343
+ }
23344
+ .v-rating__item label {
23345
+ cursor: pointer;
23346
+ }
23347
+ .v-rating__item .v-btn--variant-plain {
23348
+ opacity: 1;
23349
+ }
23350
+ .v-rating__item .v-btn {
23351
+ transition-property: transform;
23352
+ }
23353
+ .v-rating__item .v-btn .v-icon {
23354
+ transition: inherit;
23355
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23356
+ }
23357
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23358
+ transform: scale(1.25);
23359
+ }
23360
+ .v-rating__item--half {
23361
+ overflow: hidden;
23362
+ position: absolute;
23363
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23364
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23365
+ z-index: 1;
23366
+ }
23367
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23368
+ opacity: 0;
23342
23369
  }
23343
23370
 
23344
- .v-responsive__sizer {
23345
- flex: 1 0 0px;
23346
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23347
- pointer-events: none;
23371
+ .v-rating__hidden {
23372
+ height: 0;
23373
+ opacity: 0;
23374
+ position: absolute;
23375
+ width: 0;
23348
23376
  }.v-slider .v-slider__container input {
23349
23377
  cursor: default;
23350
23378
  padding: 0;
@@ -23402,6 +23430,80 @@ html.v-overlay-scroll-blocked {
23402
23430
 
23403
23431
  .v-slider__label {
23404
23432
  margin-inline-end: 12px;
23433
+ }.v-responsive {
23434
+ display: flex;
23435
+ flex: 1 0 auto;
23436
+ max-height: 100%;
23437
+ max-width: 100%;
23438
+ overflow: hidden;
23439
+ position: relative;
23440
+ }
23441
+ .v-responsive--inline {
23442
+ display: inline-flex;
23443
+ flex: 0 0 auto;
23444
+ }
23445
+
23446
+ .v-responsive__content {
23447
+ flex: 1 0 0px;
23448
+ max-width: 100%;
23449
+ }
23450
+
23451
+ .v-responsive__sizer ~ .v-responsive__content {
23452
+ margin-inline-start: -100%;
23453
+ }
23454
+
23455
+ .v-responsive__sizer {
23456
+ flex: 1 0 0px;
23457
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
+ pointer-events: none;
23459
+ }.v-select .v-field .v-text-field__prefix,
23460
+ .v-select .v-field .v-text-field__suffix,
23461
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23462
+ cursor: pointer;
23463
+ }
23464
+ .v-select .v-field .v-field__input > input {
23465
+ align-self: flex-start;
23466
+ opacity: 1;
23467
+ flex: 0 0;
23468
+ position: absolute;
23469
+ width: 100%;
23470
+ transition: none;
23471
+ pointer-events: none;
23472
+ caret-color: transparent;
23473
+ }
23474
+ .v-select .v-field--dirty .v-select__selection {
23475
+ margin-inline-end: 2px;
23476
+ }
23477
+ .v-select .v-select__selection-text {
23478
+ overflow: hidden;
23479
+ text-overflow: ellipsis;
23480
+ white-space: nowrap;
23481
+ }
23482
+ .v-select__content {
23483
+ overflow: hidden;
23484
+ 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));
23485
+ border-radius: 4px;
23486
+ }
23487
+ .v-select__selection {
23488
+ display: inline-flex;
23489
+ align-items: center;
23490
+ letter-spacing: inherit;
23491
+ line-height: inherit;
23492
+ max-width: 100%;
23493
+ }
23494
+ .v-select .v-select__selection:first-child {
23495
+ margin-inline-start: 0;
23496
+ }
23497
+ .v-select--selected .v-field .v-field__input > input {
23498
+ opacity: 0;
23499
+ }
23500
+ .v-select__menu-icon {
23501
+ margin-inline-start: 4px;
23502
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23503
+ }
23504
+ .v-select--active-menu .v-select__menu-icon {
23505
+ opacity: var(--v-high-emphasis-opacity);
23506
+ transform: rotate(180deg);
23405
23507
  }.v-selection-control {
23406
23508
  align-items: center;
23407
23509
  contain: layout;
@@ -23503,54 +23605,6 @@ html.v-overlay-scroll-blocked {
23503
23605
  }
23504
23606
  .v-selection-control--focus-visible .v-selection-control__input::before {
23505
23607
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23506
- }.v-select .v-field .v-text-field__prefix,
23507
- .v-select .v-field .v-text-field__suffix,
23508
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23509
- cursor: pointer;
23510
- }
23511
- .v-select .v-field .v-field__input > input {
23512
- align-self: flex-start;
23513
- opacity: 1;
23514
- flex: 0 0;
23515
- position: absolute;
23516
- width: 100%;
23517
- transition: none;
23518
- pointer-events: none;
23519
- caret-color: transparent;
23520
- }
23521
- .v-select .v-field--dirty .v-select__selection {
23522
- margin-inline-end: 2px;
23523
- }
23524
- .v-select .v-select__selection-text {
23525
- overflow: hidden;
23526
- text-overflow: ellipsis;
23527
- white-space: nowrap;
23528
- }
23529
- .v-select__content {
23530
- overflow: hidden;
23531
- 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));
23532
- border-radius: 4px;
23533
- }
23534
- .v-select__selection {
23535
- display: inline-flex;
23536
- align-items: center;
23537
- letter-spacing: inherit;
23538
- line-height: inherit;
23539
- max-width: 100%;
23540
- }
23541
- .v-select .v-select__selection:first-child {
23542
- margin-inline-start: 0;
23543
- }
23544
- .v-select--selected .v-field .v-field__input > input {
23545
- opacity: 0;
23546
- }
23547
- .v-select__menu-icon {
23548
- margin-inline-start: 4px;
23549
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23550
- }
23551
- .v-select--active-menu .v-select__menu-icon {
23552
- opacity: var(--v-high-emphasis-opacity);
23553
- transform: rotate(180deg);
23554
23608
  }.v-selection-control-group {
23555
23609
  grid-area: control;
23556
23610
  display: flex;
@@ -23559,34 +23613,6 @@ html.v-overlay-scroll-blocked {
23559
23613
  .v-selection-control-group--inline {
23560
23614
  flex-direction: row;
23561
23615
  flex-wrap: wrap;
23562
- }.v-sheet {
23563
- display: block;
23564
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23565
- border-style: solid;
23566
- border-width: 0;
23567
- 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));
23568
- border-radius: 0;
23569
- background: rgb(var(--v-theme-surface));
23570
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23571
- }
23572
- .v-sheet--border {
23573
- border-width: thin;
23574
- box-shadow: none;
23575
- }
23576
- .v-sheet--absolute {
23577
- position: absolute;
23578
- }
23579
- .v-sheet--fixed {
23580
- position: fixed;
23581
- }
23582
- .v-sheet--relative {
23583
- position: relative;
23584
- }
23585
- .v-sheet--sticky {
23586
- position: sticky;
23587
- }
23588
- .v-sheet--rounded {
23589
- border-radius: 4px;
23590
23616
  }.v-skeleton-loader {
23591
23617
  align-items: center;
23592
23618
  background: rgb(var(--v-theme-surface));
@@ -23796,75 +23822,48 @@ html.v-overlay-scroll-blocked {
23796
23822
  .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23797
23823
  display: none;
23798
23824
  }
23799
- .v-skeleton-loader--is-loading {
23800
- overflow: hidden;
23801
- }
23802
- .v-skeleton-loader--tile {
23803
- border-radius: 0;
23804
- }
23805
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23806
- border-radius: 0;
23807
- }
23808
-
23809
- @keyframes loading {
23810
- 100% {
23811
- transform: translateX(100%);
23812
- }
23813
- }.v-slide-group {
23814
- display: flex;
23815
- overflow: hidden;
23816
- }
23817
-
23818
- .v-slide-group__next,
23819
- .v-slide-group__prev {
23820
- align-items: center;
23821
- display: flex;
23822
- flex: 0 1 52px;
23823
- justify-content: center;
23824
- min-width: 52px;
23825
- cursor: pointer;
23826
- }
23827
- .v-slide-group__next--disabled,
23828
- .v-slide-group__prev--disabled {
23829
- pointer-events: none;
23830
- opacity: var(--v-disabled-opacity);
23825
+ .v-skeleton-loader--is-loading {
23826
+ overflow: hidden;
23831
23827
  }
23832
-
23833
- .v-slide-group__content {
23834
- display: flex;
23835
- flex: 1 0 auto;
23836
- position: relative;
23837
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23838
- white-space: nowrap;
23828
+ .v-skeleton-loader--tile {
23829
+ border-radius: 0;
23839
23830
  }
23840
- .v-slide-group__content > * {
23841
- white-space: initial;
23831
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23832
+ border-radius: 0;
23842
23833
  }
23843
23834
 
23844
- .v-slide-group__container {
23845
- contain: content;
23846
- display: flex;
23847
- flex: 1 1 auto;
23848
- overflow-x: auto;
23849
- overflow-y: hidden;
23850
- scrollbar-width: none;
23851
- scrollbar-color: rgba(0, 0, 0, 0);
23835
+ @keyframes loading {
23836
+ 100% {
23837
+ transform: translateX(100%);
23838
+ }
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));
23852
23848
  }
23853
- .v-slide-group__container::-webkit-scrollbar {
23854
- display: none;
23849
+ .v-sheet--border {
23850
+ border-width: thin;
23851
+ box-shadow: none;
23855
23852
  }
23856
-
23857
- .v-slide-group--vertical {
23858
- max-height: inherit;
23853
+ .v-sheet--absolute {
23854
+ position: absolute;
23859
23855
  }
23860
- .v-slide-group--vertical,
23861
- .v-slide-group--vertical .v-slide-group__container,
23862
- .v-slide-group--vertical .v-slide-group__content {
23863
- flex-direction: column;
23856
+ .v-sheet--fixed {
23857
+ position: fixed;
23864
23858
  }
23865
- .v-slide-group--vertical .v-slide-group__container {
23866
- overflow-x: hidden;
23867
- overflow-y: auto;
23859
+ .v-sheet--relative {
23860
+ position: relative;
23861
+ }
23862
+ .v-sheet--sticky {
23863
+ position: sticky;
23864
+ }
23865
+ .v-sheet--rounded {
23866
+ border-radius: 4px;
23868
23867
  }.v-snackbar {
23869
23868
  justify-content: center;
23870
23869
  z-index: 10000;
@@ -24003,6 +24002,61 @@ html.v-overlay-scroll-blocked {
24003
24002
  }
24004
24003
  .v-snackbar-transition-leave-to {
24005
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;
24006
24060
  }.v-speed-dial__content {
24007
24061
  gap: 8px;
24008
24062
  }
@@ -25185,6 +25239,28 @@ html.v-overlay-scroll-blocked {
25185
25239
 
25186
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 {
25187
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;
25188
25264
  }.v-toolbar {
25189
25265
  align-items: flex-start;
25190
25266
  display: flex;
@@ -25314,28 +25390,6 @@ html.v-overlay-scroll-blocked {
25314
25390
  }
25315
25391
  .v-toolbar-items > .v-btn {
25316
25392
  border-radius: 0;
25317
- }.v-tooltip > .v-overlay__content {
25318
- background: rgb(var(--v-theme-surface-variant));
25319
- color: rgb(var(--v-theme-on-surface-variant));
25320
- border-radius: 4px;
25321
- font-size: 0.875rem;
25322
- line-height: 1.6;
25323
- display: inline-block;
25324
- padding: 5px 16px;
25325
- text-transform: initial;
25326
- width: auto;
25327
- opacity: 1;
25328
- pointer-events: none;
25329
- transition-property: opacity, transform;
25330
- overflow-wrap: break-word;
25331
- }
25332
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25333
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25334
- transition-duration: 150ms;
25335
- }
25336
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25337
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25338
- transition-duration: 75ms;
25339
25393
  }.v-virtual-scroll {
25340
25394
  display: block;
25341
25395
  flex: 1 1 auto;
@@ -25404,128 +25458,17 @@ html.v-overlay-scroll-blocked {
25404
25458
  .v-window-x-reverse-transition-leave-to {
25405
25459
  transform: translateX(100%);
25406
25460
  }
25407
- .v-window-y-transition-enter-from {
25408
- transform: translateY(100%);
25409
- }
25410
- .v-window-y-transition-leave-to {
25411
- transform: translateY(-100%);
25412
- }
25413
- .v-window-y-reverse-transition-enter-from {
25414
- transform: translateY(-100%);
25415
- }
25416
- .v-window-y-reverse-transition-leave-to {
25417
- transform: translateY(100%);
25418
- }.v-rating {
25419
- max-width: 100%;
25420
- display: inline-flex;
25421
- white-space: nowrap;
25422
- }
25423
- .v-rating--readonly {
25424
- pointer-events: none;
25425
- }
25426
-
25427
- .v-rating__wrapper {
25428
- align-items: center;
25429
- display: inline-flex;
25430
- flex-direction: column;
25431
- }
25432
- .v-rating__wrapper--bottom {
25433
- flex-direction: column-reverse;
25434
- }
25435
-
25436
- .v-rating__item {
25437
- display: inline-flex;
25438
- position: relative;
25439
- }
25440
- .v-rating__item label {
25441
- cursor: pointer;
25442
- }
25443
- .v-rating__item .v-btn--variant-plain {
25444
- opacity: 1;
25445
- }
25446
- .v-rating__item .v-btn {
25447
- transition-property: transform;
25448
- }
25449
- .v-rating__item .v-btn .v-icon {
25450
- transition: inherit;
25451
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25452
- }
25453
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
25454
- transform: scale(1.25);
25455
- }
25456
- .v-rating__item--half {
25457
- overflow: hidden;
25458
- position: absolute;
25459
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25460
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25461
- z-index: 1;
25462
- }
25463
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
25464
- opacity: 0;
25465
- }
25466
-
25467
- .v-rating__hidden {
25468
- height: 0;
25469
- opacity: 0;
25470
- position: absolute;
25471
- width: 0;
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-swatches {
25495
- overflow-y: auto;
25496
- }
25497
- .v-color-picker-swatches > div {
25498
- display: flex;
25499
- flex-wrap: wrap;
25500
- justify-content: center;
25501
- padding: 8px;
25461
+ .v-window-y-transition-enter-from {
25462
+ transform: translateY(100%);
25502
25463
  }
25503
-
25504
- .v-color-picker-swatches__swatch {
25505
- display: flex;
25506
- flex-direction: column;
25507
- margin-bottom: 10px;
25464
+ .v-window-y-transition-leave-to {
25465
+ transform: translateY(-100%);
25508
25466
  }
25509
-
25510
- .v-color-picker-swatches__color {
25511
- position: relative;
25512
- height: 18px;
25513
- max-height: 18px;
25514
- width: 45px;
25515
- margin: 2px 4px;
25516
- border-radius: 2px;
25517
- -webkit-user-select: none;
25518
- user-select: none;
25519
- overflow: hidden;
25520
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25521
- cursor: pointer;
25467
+ .v-window-y-reverse-transition-enter-from {
25468
+ transform: translateY(-100%);
25522
25469
  }
25523
- .v-color-picker-swatches__color > div {
25524
- display: flex;
25525
- align-items: center;
25526
- justify-content: center;
25527
- width: 100%;
25528
- height: 100%;
25470
+ .v-window-y-reverse-transition-leave-to {
25471
+ transform: translateY(100%);
25529
25472
  }.v-color-picker-preview__alpha .v-slider-track__background {
25530
25473
  background-color: transparent !important;
25531
25474
  }
@@ -25596,6 +25539,63 @@ html.v-overlay-scroll-blocked {
25596
25539
  .v-color-picker-preview__eye-dropper {
25597
25540
  position: relative;
25598
25541
  margin-right: 12px;
25542
+ }.v-color-picker-swatches {
25543
+ overflow-y: auto;
25544
+ }
25545
+ .v-color-picker-swatches > div {
25546
+ display: flex;
25547
+ flex-wrap: wrap;
25548
+ justify-content: center;
25549
+ padding: 8px;
25550
+ }
25551
+
25552
+ .v-color-picker-swatches__swatch {
25553
+ display: flex;
25554
+ flex-direction: column;
25555
+ margin-bottom: 10px;
25556
+ }
25557
+
25558
+ .v-color-picker-swatches__color {
25559
+ position: relative;
25560
+ height: 18px;
25561
+ max-height: 18px;
25562
+ width: 45px;
25563
+ margin: 2px 4px;
25564
+ border-radius: 2px;
25565
+ -webkit-user-select: none;
25566
+ user-select: none;
25567
+ overflow: hidden;
25568
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25569
+ cursor: pointer;
25570
+ }
25571
+ .v-color-picker-swatches__color > div {
25572
+ display: flex;
25573
+ align-items: center;
25574
+ justify-content: center;
25575
+ width: 100%;
25576
+ height: 100%;
25577
+ }.v-color-picker-canvas {
25578
+ display: flex;
25579
+ position: relative;
25580
+ overflow: hidden;
25581
+ contain: content;
25582
+ touch-action: none;
25583
+ }
25584
+ .v-color-picker-canvas__dot {
25585
+ position: absolute;
25586
+ top: 0;
25587
+ left: 0;
25588
+ width: 15px;
25589
+ height: 15px;
25590
+ background: transparent;
25591
+ border-radius: 50%;
25592
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25593
+ }
25594
+ .v-color-picker-canvas__dot--disabled {
25595
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25596
+ }
25597
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25598
+ will-change: transform;
25599
25599
  }.v-color-picker-edit {
25600
25600
  display: flex;
25601
25601
  margin-top: 24px;
@@ -25611,72 +25611,231 @@ html.v-overlay-scroll-blocked {
25611
25611
  .v-color-picker-edit__input:not(:last-child) {
25612
25612
  margin-inline-end: 8px;
25613
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));
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
+ }.v-picker.v-sheet {
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
+ border-radius: 4px;
25630
+ display: grid;
25631
+ grid-auto-rows: min-content;
25632
+ grid-template-areas: "title" "header" "body";
25633
+ overflow: hidden;
25634
+ }
25635
+ .v-picker.v-sheet.v-picker--with-actions {
25636
+ grid-template-areas: "title" "header" "body" "actions";
25637
+ }
25638
+
25639
+ .v-picker__body {
25640
+ grid-area: body;
25641
+ overflow: hidden;
25642
+ position: relative;
25643
+ }
25644
+
25645
+ .v-picker__header {
25646
+ grid-area: header;
25647
+ }
25648
+
25649
+ .v-picker__actions {
25650
+ grid-area: actions;
25651
+ padding: 0 12px 12px;
25652
+ display: flex;
25653
+ align-items: center;
25654
+ justify-content: flex-end;
25655
+ }
25656
+ .v-picker__actions .v-btn {
25657
+ min-width: 48px;
25658
+ }
25659
+ .v-picker__actions .v-btn:not(:last-child) {
25660
+ margin-inline-end: 8px;
25661
+ }
25662
+
25663
+ .v-picker--landscape {
25664
+ grid-template-areas: "title" "header body" "header body";
25665
+ }
25666
+
25667
+ .v-picker--landscape.v-picker--with-actions {
25668
+ grid-template-areas: "title" "header body" "header actions";
25669
+ }
25670
+
25671
+ .v-picker-title {
25672
+ text-transform: uppercase;
25673
+ font-size: 0.75rem;
25674
+ grid-area: title;
25675
+ padding-inline: 24px 12px;
25676
+ padding-top: 16px;
25677
+ padding-bottom: 16px;
25678
+ font-weight: 400;
25679
+ letter-spacing: 0.1666666667em;
25680
+ }.v-slider-thumb {
25681
+ touch-action: none;
25682
+ color: rgb(var(--v-theme-surface-variant));
25683
+ }
25684
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25685
+ color: inherit;
25686
+ }
25687
+
25688
+ .v-slider-thumb__label {
25689
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25690
+ color: rgb(var(--v-theme-on-surface-variant));
25691
+ }
25692
+ .v-slider-thumb__label::before {
25693
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25694
+ }
25695
+
25696
+ .v-slider-thumb {
25697
+ outline: none;
25698
+ position: absolute;
25699
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25700
+ }
25701
+
25702
+ .v-slider-thumb__surface {
25703
+ cursor: pointer;
25704
+ width: var(--v-slider-thumb-size);
25705
+ height: var(--v-slider-thumb-size);
25706
+ border-radius: 50%;
25707
+ -webkit-user-select: none;
25708
+ user-select: none;
25709
+ background-color: currentColor;
25710
+ }
25711
+ @media (forced-colors: active) {
25712
+ .v-slider-thumb__surface {
25713
+ background-color: highlight;
25714
+ }
25715
+ }
25716
+ .v-slider-thumb__surface::before {
25717
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25718
+ content: "";
25719
+ color: inherit;
25720
+ top: 0;
25721
+ left: 0;
25722
+ width: 100%;
25723
+ height: 100%;
25724
+ border-radius: 50%;
25725
+ background: currentColor;
25726
+ position: absolute;
25727
+ pointer-events: none;
25728
+ opacity: 0;
25729
+ }
25730
+ .v-slider-thumb__surface::after {
25731
+ content: "";
25732
+ width: 42px;
25733
+ height: 42px;
25734
+ position: absolute;
25735
+ top: 50%;
25736
+ left: 50%;
25737
+ transform: translate(-50%, -50%);
25738
+ }
25739
+
25740
+ .v-slider-thumb__label-container {
25741
+ position: absolute;
25742
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25743
+ }
25744
+
25745
+ .v-slider-thumb__label {
25746
+ display: flex;
25747
+ align-items: center;
25748
+ justify-content: center;
25749
+ font-size: 0.75rem;
25750
+ min-width: 35px;
25751
+ height: 25px;
25752
+ border-radius: 4px;
25753
+ padding: 6px;
25754
+ position: absolute;
25755
+ -webkit-user-select: none;
25756
+ user-select: none;
25757
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25758
+ }
25759
+ .v-slider-thumb__label::before {
25760
+ content: "";
25761
+ width: 0;
25762
+ height: 0;
25763
+ position: absolute;
25764
+ }
25765
+
25766
+ .v-slider-thumb__ripple {
25767
+ position: absolute;
25768
+ left: calc(var(--v-slider-thumb-size) / -2);
25769
+ top: calc(var(--v-slider-thumb-size) / -2);
25770
+ width: calc(var(--v-slider-thumb-size) * 2);
25771
+ height: calc(var(--v-slider-thumb-size) * 2);
25772
+ background: inherit;
25773
+ }
25774
+
25775
+ .v-slider.v-input--horizontal .v-slider-thumb {
25776
+ top: 50%;
25777
+ transform: translateY(-50%);
25778
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25779
+ }
25780
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25781
+ left: calc(var(--v-slider-thumb-size) / 2);
25782
+ top: 0;
25624
25783
  }
25625
- .v-color-picker-edit__input span {
25626
- font-size: 0.75rem;
25627
- }.v-picker.v-sheet {
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
- border-radius: 4px;
25630
- display: grid;
25631
- grid-auto-rows: min-content;
25632
- grid-template-areas: "title" "header" "body";
25633
- overflow: hidden;
25784
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25785
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25634
25786
  }
25635
- .v-picker.v-sheet.v-picker--with-actions {
25636
- grid-template-areas: "title" "header" "body" "actions";
25787
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25788
+ transform: translateX(-50%);
25637
25789
  }
25638
25790
 
25639
- .v-picker__body {
25640
- grid-area: body;
25641
- overflow: hidden;
25642
- position: relative;
25791
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25792
+ transform: translateX(50%);
25643
25793
  }
25644
25794
 
25645
- .v-picker__header {
25646
- grid-area: header;
25795
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25796
+ border-left: 6px solid transparent;
25797
+ border-right: 6px solid transparent;
25798
+ border-top: 6px solid currentColor;
25799
+ bottom: -6px;
25647
25800
  }
25648
25801
 
25649
- .v-picker__actions {
25650
- grid-area: actions;
25651
- padding: 0 12px 12px;
25652
- display: flex;
25653
- align-items: center;
25654
- justify-content: flex-end;
25802
+ .v-slider.v-input--vertical .v-slider-thumb {
25803
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25655
25804
  }
25656
- .v-picker__actions .v-btn {
25657
- min-width: 48px;
25805
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25806
+ top: calc(var(--v-slider-thumb-size) / 2);
25807
+ right: 0;
25658
25808
  }
25659
- .v-picker__actions .v-btn:not(:last-child) {
25660
- margin-inline-end: 8px;
25809
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25810
+ top: -12.5px;
25811
+ left: calc(var(--v-slider-thumb-size) / 2);
25812
+ }
25813
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25814
+ border-right: 6px solid currentColor;
25815
+ border-top: 6px solid transparent;
25816
+ border-bottom: 6px solid transparent;
25817
+ left: -6px;
25661
25818
  }
25662
25819
 
25663
- .v-picker--landscape {
25664
- grid-template-areas: "title" "header body" "header body";
25820
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25821
+ transform: scale(2);
25822
+ opacity: var(--v-focus-opacity);
25665
25823
  }
25666
25824
 
25667
- .v-picker--landscape.v-picker--with-actions {
25668
- grid-template-areas: "title" "header body" "header actions";
25825
+ .v-slider-thumb--pressed {
25826
+ transition: none;
25827
+ }
25828
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25829
+ opacity: var(--v-pressed-opacity);
25669
25830
  }
25670
25831
 
25671
- .v-picker-title {
25672
- text-transform: uppercase;
25673
- font-size: 0.75rem;
25674
- grid-area: title;
25675
- padding-inline: 24px 12px;
25676
- padding-top: 16px;
25677
- padding-bottom: 16px;
25678
- font-weight: 400;
25679
- letter-spacing: 0.1666666667em;
25832
+ @media (hover: hover) {
25833
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25834
+ transform: scale(2);
25835
+ }
25836
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25837
+ opacity: var(--v-hover-opacity);
25838
+ }
25680
25839
  }.v-slider-track__background {
25681
25840
  background-color: rgb(var(--v-theme-surface-variant));
25682
25841
  }
@@ -25855,163 +26014,4 @@ html.v-overlay-scroll-blocked {
25855
26014
 
25856
26015
  .v-slider-track__background--opacity {
25857
26016
  opacity: 0.38;
25858
- }.v-slider-thumb {
25859
- touch-action: none;
25860
- color: rgb(var(--v-theme-surface-variant));
25861
- }
25862
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25863
- color: inherit;
25864
- }
25865
-
25866
- .v-slider-thumb__label {
25867
- background: rgba(var(--v-theme-surface-variant), 0.7);
25868
- color: rgb(var(--v-theme-on-surface-variant));
25869
- }
25870
- .v-slider-thumb__label::before {
25871
- color: rgba(var(--v-theme-surface-variant), 0.7);
25872
- }
25873
-
25874
- .v-slider-thumb {
25875
- outline: none;
25876
- position: absolute;
25877
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25878
- }
25879
-
25880
- .v-slider-thumb__surface {
25881
- cursor: pointer;
25882
- width: var(--v-slider-thumb-size);
25883
- height: var(--v-slider-thumb-size);
25884
- border-radius: 50%;
25885
- -webkit-user-select: none;
25886
- user-select: none;
25887
- background-color: currentColor;
25888
- }
25889
- @media (forced-colors: active) {
25890
- .v-slider-thumb__surface {
25891
- background-color: highlight;
25892
- }
25893
- }
25894
- .v-slider-thumb__surface::before {
25895
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25896
- content: "";
25897
- color: inherit;
25898
- top: 0;
25899
- left: 0;
25900
- width: 100%;
25901
- height: 100%;
25902
- border-radius: 50%;
25903
- background: currentColor;
25904
- position: absolute;
25905
- pointer-events: none;
25906
- opacity: 0;
25907
- }
25908
- .v-slider-thumb__surface::after {
25909
- content: "";
25910
- width: 42px;
25911
- height: 42px;
25912
- position: absolute;
25913
- top: 50%;
25914
- left: 50%;
25915
- transform: translate(-50%, -50%);
25916
- }
25917
-
25918
- .v-slider-thumb__label-container {
25919
- position: absolute;
25920
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25921
- }
25922
-
25923
- .v-slider-thumb__label {
25924
- display: flex;
25925
- align-items: center;
25926
- justify-content: center;
25927
- font-size: 0.75rem;
25928
- min-width: 35px;
25929
- height: 25px;
25930
- border-radius: 4px;
25931
- padding: 6px;
25932
- position: absolute;
25933
- -webkit-user-select: none;
25934
- user-select: none;
25935
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25936
- }
25937
- .v-slider-thumb__label::before {
25938
- content: "";
25939
- width: 0;
25940
- height: 0;
25941
- position: absolute;
25942
- }
25943
-
25944
- .v-slider-thumb__ripple {
25945
- position: absolute;
25946
- left: calc(var(--v-slider-thumb-size) / -2);
25947
- top: calc(var(--v-slider-thumb-size) / -2);
25948
- width: calc(var(--v-slider-thumb-size) * 2);
25949
- height: calc(var(--v-slider-thumb-size) * 2);
25950
- background: inherit;
25951
- }
25952
-
25953
- .v-slider.v-input--horizontal .v-slider-thumb {
25954
- top: 50%;
25955
- transform: translateY(-50%);
25956
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25957
- }
25958
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25959
- left: calc(var(--v-slider-thumb-size) / 2);
25960
- top: 0;
25961
- }
25962
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25963
- bottom: calc(var(--v-slider-thumb-size) / 2);
25964
- }
25965
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25966
- transform: translateX(-50%);
25967
- }
25968
-
25969
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25970
- transform: translateX(50%);
25971
- }
25972
-
25973
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25974
- border-left: 6px solid transparent;
25975
- border-right: 6px solid transparent;
25976
- border-top: 6px solid currentColor;
25977
- bottom: -6px;
25978
- }
25979
-
25980
- .v-slider.v-input--vertical .v-slider-thumb {
25981
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25982
- }
25983
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25984
- top: calc(var(--v-slider-thumb-size) / 2);
25985
- right: 0;
25986
- }
25987
- .v-slider.v-input--vertical .v-slider-thumb__label {
25988
- top: -12.5px;
25989
- left: calc(var(--v-slider-thumb-size) / 2);
25990
- }
25991
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25992
- border-right: 6px solid currentColor;
25993
- border-top: 6px solid transparent;
25994
- border-bottom: 6px solid transparent;
25995
- left: -6px;
25996
- }
25997
-
25998
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25999
- transform: scale(2);
26000
- opacity: var(--v-focus-opacity);
26001
- }
26002
-
26003
- .v-slider-thumb--pressed {
26004
- transition: none;
26005
- }
26006
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26007
- opacity: var(--v-pressed-opacity);
26008
- }
26009
-
26010
- @media (hover: hover) {
26011
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26012
- transform: scale(2);
26013
- }
26014
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26015
- opacity: var(--v-hover-opacity);
26016
- }
26017
26017
  }