@vuetify/nightly 3.7.16-master.2025-03-13 → 3.7.16-master.2025-03-15

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.7.16-master.2025-03-13
2
+ * Vuetify v3.7.16-master.2025-03-15
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,91 +17978,6 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
- }.v-autocomplete .v-field .v-text-field__prefix,
17982
- .v-autocomplete .v-field .v-text-field__suffix,
17983
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17984
- cursor: text;
17985
- }
17986
- .v-autocomplete .v-field .v-field__input > input {
17987
- flex: 1 1;
17988
- }
17989
- .v-autocomplete .v-field input {
17990
- min-width: 64px;
17991
- }
17992
- .v-autocomplete .v-field:not(.v-field--focused) input {
17993
- min-width: 0;
17994
- }
17995
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17996
- margin-inline-end: 2px;
17997
- }
17998
- .v-autocomplete .v-autocomplete__selection-text {
17999
- overflow: hidden;
18000
- text-overflow: ellipsis;
18001
- white-space: nowrap;
18002
- }
18003
-
18004
- .v-autocomplete__content {
18005
- overflow: hidden;
18006
- }
18007
- .v-autocomplete__content {
18008
- 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));
18009
- }
18010
- .v-autocomplete__content {
18011
- border-radius: 4px;
18012
- }
18013
- .v-autocomplete__mask {
18014
- background: rgb(var(--v-theme-surface-light));
18015
- }
18016
- .v-autocomplete__selection {
18017
- display: inline-flex;
18018
- align-items: center;
18019
- height: 1.5rem;
18020
- letter-spacing: inherit;
18021
- line-height: inherit;
18022
- max-width: calc(100% - 2px - 2px);
18023
- }
18024
- .v-autocomplete__selection:first-child {
18025
- margin-inline-start: 0;
18026
- }
18027
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18028
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18029
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18030
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18031
- top: 0px;
18032
- }
18033
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18034
- opacity: var(--v-medium-emphasis-opacity);
18035
- }
18036
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18037
- opacity: 1;
18038
- }
18039
- .v-autocomplete--selecting-index .v-field__input > input {
18040
- caret-color: transparent;
18041
- }
18042
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18043
- flex: 1 1;
18044
- position: absolute;
18045
- left: 0;
18046
- right: 0;
18047
- width: 100%;
18048
- padding-inline: inherit;
18049
- }
18050
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18051
- transition: none;
18052
- }
18053
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18054
- opacity: 0;
18055
- }
18056
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18057
- opacity: 0;
18058
- }
18059
- .v-autocomplete__menu-icon {
18060
- margin-inline-start: 4px;
18061
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18062
- }
18063
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18064
- opacity: var(--v-high-emphasis-opacity);
18065
- transform: rotate(180deg);
18066
17981
  }.v-application {
18067
17982
  display: flex;
18068
17983
  background: rgb(var(--v-theme-background));
@@ -18091,112 +18006,6 @@ html.overflow-y-hidden {
18091
18006
  }
18092
18007
  .v-app-bar:not(.v-toolbar--absolute) {
18093
18008
  padding-inline-end: var(--v-scrollbar-offset);
18094
- }.v-avatar {
18095
- flex: none;
18096
- align-items: center;
18097
- display: inline-flex;
18098
- justify-content: center;
18099
- line-height: normal;
18100
- overflow: hidden;
18101
- position: relative;
18102
- text-align: center;
18103
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18104
- transition-property: width, height;
18105
- vertical-align: middle;
18106
- }
18107
- .v-avatar.v-avatar--size-x-small {
18108
- --v-avatar-height: 24px;
18109
- }
18110
- .v-avatar.v-avatar--size-small {
18111
- --v-avatar-height: 32px;
18112
- }
18113
- .v-avatar.v-avatar--size-default {
18114
- --v-avatar-height: 40px;
18115
- }
18116
- .v-avatar.v-avatar--size-large {
18117
- --v-avatar-height: 48px;
18118
- }
18119
- .v-avatar.v-avatar--size-x-large {
18120
- --v-avatar-height: 56px;
18121
- }
18122
- .v-avatar.v-avatar--density-default {
18123
- height: calc(var(--v-avatar-height) + 0px);
18124
- width: calc(var(--v-avatar-height) + 0px);
18125
- }
18126
- .v-avatar.v-avatar--density-comfortable {
18127
- height: calc(var(--v-avatar-height) + -4px);
18128
- width: calc(var(--v-avatar-height) + -4px);
18129
- }
18130
- .v-avatar.v-avatar--density-compact {
18131
- height: calc(var(--v-avatar-height) + -8px);
18132
- width: calc(var(--v-avatar-height) + -8px);
18133
- }
18134
- .v-avatar {
18135
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18136
- border-style: solid;
18137
- border-width: 0;
18138
- }
18139
- .v-avatar--border {
18140
- border-width: thin;
18141
- box-shadow: none;
18142
- }
18143
- .v-avatar {
18144
- border-radius: 50%;
18145
- }
18146
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18147
- background: transparent;
18148
- color: inherit;
18149
- }
18150
- .v-avatar--variant-plain {
18151
- opacity: 0.62;
18152
- }
18153
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18154
- opacity: 1;
18155
- }
18156
- .v-avatar--variant-plain .v-avatar__overlay {
18157
- display: none;
18158
- }
18159
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18160
- background: var(--v-theme-surface);
18161
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18162
- }
18163
- .v-avatar--variant-elevated {
18164
- 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));
18165
- }
18166
- .v-avatar--variant-flat {
18167
- 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));
18168
- }
18169
- .v-avatar--variant-outlined {
18170
- border: thin solid currentColor;
18171
- }
18172
- .v-avatar--variant-text .v-avatar__overlay {
18173
- background: currentColor;
18174
- }
18175
- .v-avatar--variant-tonal .v-avatar__underlay {
18176
- background: currentColor;
18177
- opacity: var(--v-activated-opacity);
18178
- border-radius: inherit;
18179
- top: 0;
18180
- right: 0;
18181
- bottom: 0;
18182
- left: 0;
18183
- pointer-events: none;
18184
- }
18185
- .v-avatar .v-avatar__underlay {
18186
- position: absolute;
18187
- }
18188
- .v-avatar--rounded {
18189
- border-radius: 4px;
18190
- }
18191
- .v-avatar--start {
18192
- margin-inline-end: 8px;
18193
- }
18194
- .v-avatar--end {
18195
- margin-inline-start: 8px;
18196
- }
18197
- .v-avatar .v-img {
18198
- height: 100%;
18199
- width: 100%;
18200
18009
  }.v-alert {
18201
18010
  display: grid;
18202
18011
  flex: 1 1;
@@ -18413,53 +18222,236 @@ html.overflow-y-hidden {
18413
18222
  text-transform: none;
18414
18223
  word-break: normal;
18415
18224
  word-wrap: break-word;
18416
- }.v-banner {
18417
- display: grid;
18418
- flex: 1 1;
18419
- font-size: 0.875rem;
18420
- grid-template-areas: "prepend content actions";
18421
- grid-template-columns: max-content auto max-content;
18422
- grid-template-rows: max-content max-content;
18423
- line-height: 1.6;
18225
+ }.v-avatar {
18226
+ flex: none;
18227
+ align-items: center;
18228
+ display: inline-flex;
18229
+ justify-content: center;
18230
+ line-height: normal;
18424
18231
  overflow: hidden;
18425
- padding-inline: 16px 8px;
18426
- padding-top: 16px;
18427
- padding-bottom: 16px;
18428
18232
  position: relative;
18429
- width: 100%;
18430
- }
18431
- .v-banner {
18432
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18433
- border-style: solid;
18434
- border-width: 0 0 thin 0;
18233
+ text-align: center;
18234
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18235
+ transition-property: width, height;
18236
+ vertical-align: middle;
18435
18237
  }
18436
- .v-banner--border {
18437
- border-width: thin;
18438
- box-shadow: none;
18238
+ .v-avatar.v-avatar--size-x-small {
18239
+ --v-avatar-height: 24px;
18439
18240
  }
18440
- .v-banner {
18441
- 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));
18241
+ .v-avatar.v-avatar--size-small {
18242
+ --v-avatar-height: 32px;
18442
18243
  }
18443
- .v-banner--absolute {
18444
- position: absolute;
18244
+ .v-avatar.v-avatar--size-default {
18245
+ --v-avatar-height: 40px;
18445
18246
  }
18446
- .v-banner--fixed {
18447
- position: fixed;
18247
+ .v-avatar.v-avatar--size-large {
18248
+ --v-avatar-height: 48px;
18448
18249
  }
18449
- .v-banner--sticky {
18450
- position: sticky;
18250
+ .v-avatar.v-avatar--size-x-large {
18251
+ --v-avatar-height: 56px;
18451
18252
  }
18452
- .v-banner {
18453
- border-radius: 0;
18253
+ .v-avatar.v-avatar--density-default {
18254
+ height: calc(var(--v-avatar-height) + 0px);
18255
+ width: calc(var(--v-avatar-height) + 0px);
18454
18256
  }
18455
- .v-banner {
18456
- background: rgb(var(--v-theme-surface));
18457
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18257
+ .v-avatar.v-avatar--density-comfortable {
18258
+ height: calc(var(--v-avatar-height) + -4px);
18259
+ width: calc(var(--v-avatar-height) + -4px);
18458
18260
  }
18459
- .v-banner--rounded {
18460
- border-radius: 4px;
18261
+ .v-avatar.v-avatar--density-compact {
18262
+ height: calc(var(--v-avatar-height) + -8px);
18263
+ width: calc(var(--v-avatar-height) + -8px);
18461
18264
  }
18462
- .v-banner--stacked:not(.v-banner--one-line) {
18265
+ .v-avatar {
18266
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18267
+ border-style: solid;
18268
+ border-width: 0;
18269
+ }
18270
+ .v-avatar--border {
18271
+ border-width: thin;
18272
+ box-shadow: none;
18273
+ }
18274
+ .v-avatar {
18275
+ border-radius: 50%;
18276
+ }
18277
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18278
+ background: transparent;
18279
+ color: inherit;
18280
+ }
18281
+ .v-avatar--variant-plain {
18282
+ opacity: 0.62;
18283
+ }
18284
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18285
+ opacity: 1;
18286
+ }
18287
+ .v-avatar--variant-plain .v-avatar__overlay {
18288
+ display: none;
18289
+ }
18290
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18291
+ background: var(--v-theme-surface);
18292
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18293
+ }
18294
+ .v-avatar--variant-elevated {
18295
+ 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));
18296
+ }
18297
+ .v-avatar--variant-flat {
18298
+ 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));
18299
+ }
18300
+ .v-avatar--variant-outlined {
18301
+ border: thin solid currentColor;
18302
+ }
18303
+ .v-avatar--variant-text .v-avatar__overlay {
18304
+ background: currentColor;
18305
+ }
18306
+ .v-avatar--variant-tonal .v-avatar__underlay {
18307
+ background: currentColor;
18308
+ opacity: var(--v-activated-opacity);
18309
+ border-radius: inherit;
18310
+ top: 0;
18311
+ right: 0;
18312
+ bottom: 0;
18313
+ left: 0;
18314
+ pointer-events: none;
18315
+ }
18316
+ .v-avatar .v-avatar__underlay {
18317
+ position: absolute;
18318
+ }
18319
+ .v-avatar--rounded {
18320
+ border-radius: 4px;
18321
+ }
18322
+ .v-avatar--start {
18323
+ margin-inline-end: 8px;
18324
+ }
18325
+ .v-avatar--end {
18326
+ margin-inline-start: 8px;
18327
+ }
18328
+ .v-avatar .v-img {
18329
+ height: 100%;
18330
+ width: 100%;
18331
+ }.v-badge {
18332
+ display: inline-block;
18333
+ line-height: 1;
18334
+ }
18335
+
18336
+ .v-badge__badge {
18337
+ align-items: center;
18338
+ display: inline-flex;
18339
+ border-radius: 10px;
18340
+ font-family: "Roboto", sans-serif;
18341
+ font-size: 0.75rem;
18342
+ font-weight: 500;
18343
+ height: 1.25rem;
18344
+ justify-content: center;
18345
+ min-width: 20px;
18346
+ padding: 4px 6px;
18347
+ pointer-events: auto;
18348
+ position: absolute;
18349
+ text-align: center;
18350
+ text-indent: 0;
18351
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18352
+ white-space: nowrap;
18353
+ }
18354
+ .v-badge__badge {
18355
+ background: rgb(var(--v-theme-surface-variant));
18356
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18357
+ }
18358
+ .v-badge__badge:has(.v-icon) {
18359
+ padding: 4px 6px;
18360
+ }
18361
+ .v-badge--bordered .v-badge__badge::after {
18362
+ border-radius: inherit;
18363
+ border-style: solid;
18364
+ border-width: 2px;
18365
+ bottom: 0;
18366
+ color: rgb(var(--v-theme-background));
18367
+ content: "";
18368
+ left: 0;
18369
+ position: absolute;
18370
+ right: 0;
18371
+ top: 0;
18372
+ transform: scale(1.05);
18373
+ }
18374
+ .v-badge--dot .v-badge__badge {
18375
+ border-radius: 4.5px;
18376
+ height: 9px;
18377
+ min-width: 0;
18378
+ padding: 0;
18379
+ width: 9px;
18380
+ }
18381
+ .v-badge--dot .v-badge__badge::after {
18382
+ border-width: 1.5px;
18383
+ }
18384
+ .v-badge--inline .v-badge__badge {
18385
+ position: relative;
18386
+ vertical-align: middle;
18387
+ }
18388
+ .v-badge__badge .v-icon {
18389
+ color: inherit;
18390
+ font-size: 0.75rem;
18391
+ margin: 0 -2px;
18392
+ }
18393
+ .v-badge__badge img,
18394
+ .v-badge__badge .v-img {
18395
+ height: 100%;
18396
+ width: 100%;
18397
+ }
18398
+
18399
+ .v-badge__wrapper {
18400
+ display: flex;
18401
+ position: relative;
18402
+ }
18403
+ .v-badge--inline .v-badge__wrapper {
18404
+ align-items: center;
18405
+ display: inline-flex;
18406
+ justify-content: center;
18407
+ margin: 0 4px;
18408
+ }.v-banner {
18409
+ display: grid;
18410
+ flex: 1 1;
18411
+ font-size: 0.875rem;
18412
+ grid-template-areas: "prepend content actions";
18413
+ grid-template-columns: max-content auto max-content;
18414
+ grid-template-rows: max-content max-content;
18415
+ line-height: 1.6;
18416
+ overflow: hidden;
18417
+ padding-inline: 16px 8px;
18418
+ padding-top: 16px;
18419
+ padding-bottom: 16px;
18420
+ position: relative;
18421
+ width: 100%;
18422
+ }
18423
+ .v-banner {
18424
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18425
+ border-style: solid;
18426
+ border-width: 0 0 thin 0;
18427
+ }
18428
+ .v-banner--border {
18429
+ border-width: thin;
18430
+ box-shadow: none;
18431
+ }
18432
+ .v-banner {
18433
+ 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));
18434
+ }
18435
+ .v-banner--absolute {
18436
+ position: absolute;
18437
+ }
18438
+ .v-banner--fixed {
18439
+ position: fixed;
18440
+ }
18441
+ .v-banner--sticky {
18442
+ position: sticky;
18443
+ }
18444
+ .v-banner {
18445
+ border-radius: 0;
18446
+ }
18447
+ .v-banner {
18448
+ background: rgb(var(--v-theme-surface));
18449
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18450
+ }
18451
+ .v-banner--rounded {
18452
+ border-radius: 4px;
18453
+ }
18454
+ .v-banner--stacked:not(.v-banner--one-line) {
18463
18455
  grid-template-areas: "prepend content" ". actions";
18464
18456
  }
18465
18457
  .v-banner--stacked .v-banner-text {
@@ -18579,59 +18571,144 @@ html.overflow-y-hidden {
18579
18571
  }
18580
18572
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18581
18573
  align-self: flex-start;
18582
- }.v-bottom-navigation {
18583
- display: flex;
18584
- max-width: 100%;
18585
- overflow: hidden;
18586
- position: absolute;
18587
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18574
+ }.v-autocomplete .v-field .v-text-field__prefix,
18575
+ .v-autocomplete .v-field .v-text-field__suffix,
18576
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18577
+ cursor: text;
18588
18578
  }
18589
- .v-bottom-navigation {
18590
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18591
- border-style: solid;
18592
- border-width: 0;
18579
+ .v-autocomplete .v-field .v-field__input > input {
18580
+ flex: 1 1;
18593
18581
  }
18594
- .v-bottom-navigation--border {
18595
- border-width: thin;
18596
- box-shadow: none;
18582
+ .v-autocomplete .v-field input {
18583
+ min-width: 64px;
18597
18584
  }
18598
- .v-bottom-navigation {
18599
- border-radius: 0;
18585
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18586
+ min-width: 0;
18600
18587
  }
18601
- .v-bottom-navigation {
18602
- background: rgb(var(--v-theme-surface));
18603
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18588
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18589
+ margin-inline-end: 2px;
18604
18590
  }
18605
- .v-bottom-navigation--active {
18606
- 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));
18591
+ .v-autocomplete .v-autocomplete__selection-text {
18592
+ overflow: hidden;
18593
+ text-overflow: ellipsis;
18594
+ white-space: nowrap;
18607
18595
  }
18608
18596
 
18609
- .v-bottom-navigation__content {
18610
- display: flex;
18611
- flex: none;
18612
- font-size: 0.75rem;
18613
- justify-content: center;
18614
- transition: inherit;
18615
- width: 100%;
18597
+ .v-autocomplete__content {
18598
+ overflow: hidden;
18616
18599
  }
18617
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18618
- font-size: inherit;
18619
- height: 100%;
18620
- max-width: 168px;
18621
- min-width: 80px;
18622
- text-transform: none;
18623
- transition: inherit;
18624
- width: auto;
18600
+ .v-autocomplete__content {
18601
+ 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));
18625
18602
  }
18626
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18627
- border-radius: 0;
18603
+ .v-autocomplete__content {
18604
+ border-radius: 4px;
18628
18605
  }
18629
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18630
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18631
- transition: inherit;
18606
+ .v-autocomplete__mask {
18607
+ background: rgb(var(--v-theme-surface-light));
18632
18608
  }
18633
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18634
- font-size: 1.5rem;
18609
+ .v-autocomplete__selection {
18610
+ display: inline-flex;
18611
+ align-items: center;
18612
+ height: 1.5rem;
18613
+ letter-spacing: inherit;
18614
+ line-height: inherit;
18615
+ max-width: calc(100% - 2px - 2px);
18616
+ }
18617
+ .v-autocomplete__selection:first-child {
18618
+ margin-inline-start: 0;
18619
+ }
18620
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18621
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18622
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18623
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18624
+ top: 0px;
18625
+ }
18626
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18627
+ opacity: var(--v-medium-emphasis-opacity);
18628
+ }
18629
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18630
+ opacity: 1;
18631
+ }
18632
+ .v-autocomplete--selecting-index .v-field__input > input {
18633
+ caret-color: transparent;
18634
+ }
18635
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18636
+ flex: 1 1;
18637
+ position: absolute;
18638
+ left: 0;
18639
+ right: 0;
18640
+ width: 100%;
18641
+ padding-inline: inherit;
18642
+ }
18643
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18644
+ transition: none;
18645
+ }
18646
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18647
+ opacity: 0;
18648
+ }
18649
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18650
+ opacity: 0;
18651
+ }
18652
+ .v-autocomplete__menu-icon {
18653
+ margin-inline-start: 4px;
18654
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18655
+ }
18656
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18657
+ opacity: var(--v-high-emphasis-opacity);
18658
+ transform: rotate(180deg);
18659
+ }.v-bottom-navigation {
18660
+ display: flex;
18661
+ max-width: 100%;
18662
+ overflow: hidden;
18663
+ position: absolute;
18664
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18665
+ }
18666
+ .v-bottom-navigation {
18667
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18668
+ border-style: solid;
18669
+ border-width: 0;
18670
+ }
18671
+ .v-bottom-navigation--border {
18672
+ border-width: thin;
18673
+ box-shadow: none;
18674
+ }
18675
+ .v-bottom-navigation {
18676
+ border-radius: 0;
18677
+ }
18678
+ .v-bottom-navigation {
18679
+ background: rgb(var(--v-theme-surface));
18680
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18681
+ }
18682
+ .v-bottom-navigation--active {
18683
+ 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));
18684
+ }
18685
+
18686
+ .v-bottom-navigation__content {
18687
+ display: flex;
18688
+ flex: none;
18689
+ font-size: 0.75rem;
18690
+ justify-content: center;
18691
+ transition: inherit;
18692
+ width: 100%;
18693
+ }
18694
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18695
+ font-size: inherit;
18696
+ height: 100%;
18697
+ max-width: 168px;
18698
+ min-width: 80px;
18699
+ text-transform: none;
18700
+ transition: inherit;
18701
+ width: auto;
18702
+ }
18703
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18704
+ border-radius: 0;
18705
+ }
18706
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18707
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18708
+ transition: inherit;
18709
+ }
18710
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18711
+ font-size: 1.5rem;
18635
18712
  }
18636
18713
  .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18637
18714
  flex-basis: 0;
@@ -18643,83 +18720,97 @@ html.overflow-y-hidden {
18643
18720
  }
18644
18721
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18645
18722
  transform: translateY(0.5rem);
18646
- }.v-badge {
18647
- display: inline-block;
18648
- line-height: 1;
18723
+ }.bottom-sheet-transition-enter-from {
18724
+ transform: translateY(100%);
18725
+ }
18726
+ .bottom-sheet-transition-leave-to {
18727
+ transform: translateY(100%);
18649
18728
  }
18650
18729
 
18651
- .v-badge__badge {
18652
- align-items: center;
18653
- display: inline-flex;
18654
- border-radius: 10px;
18655
- font-family: "Roboto", sans-serif;
18656
- font-size: 0.75rem;
18657
- font-weight: 500;
18658
- height: 1.25rem;
18659
- justify-content: center;
18660
- min-width: 20px;
18661
- padding: 4px 6px;
18662
- pointer-events: auto;
18663
- position: absolute;
18664
- text-align: center;
18665
- text-indent: 0;
18666
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18667
- white-space: nowrap;
18730
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18731
+ align-self: flex-end;
18732
+ border-radius: 0;
18733
+ flex: 0 1 auto;
18734
+ left: 0;
18735
+ right: 0;
18736
+ margin-inline: 0;
18737
+ margin-bottom: 0;
18738
+ transition-duration: 0.2s;
18739
+ width: 100%;
18740
+ max-width: 100%;
18741
+ overflow: visible;
18668
18742
  }
18669
- .v-badge__badge {
18670
- background: rgb(var(--v-theme-surface-variant));
18671
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18743
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18744
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18672
18745
  }
18673
- .v-badge__badge:has(.v-icon) {
18674
- padding: 4px 6px;
18746
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18747
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18748
+ border-radius: 0;
18675
18749
  }
18676
- .v-badge--bordered .v-badge__badge::after {
18677
- border-radius: inherit;
18678
- border-style: solid;
18679
- border-width: 2px;
18680
- bottom: 0;
18681
- color: rgb(var(--v-theme-background));
18682
- content: "";
18683
- left: 0;
18684
- position: absolute;
18685
- right: 0;
18686
- top: 0;
18687
- transform: scale(1.05);
18750
+ .v-bottom-sheet.v-bottom-sheet--inset {
18751
+ max-width: none;
18688
18752
  }
18689
- .v-badge--dot .v-badge__badge {
18690
- border-radius: 4.5px;
18691
- height: 9px;
18692
- min-width: 0;
18693
- padding: 0;
18694
- width: 9px;
18753
+ @media (min-width: 600px) {
18754
+ .v-bottom-sheet.v-bottom-sheet--inset {
18755
+ max-width: 70%;
18756
+ }
18757
+ }.v-breadcrumbs {
18758
+ display: flex;
18759
+ align-items: center;
18760
+ line-height: 1.6;
18761
+ padding: 16px 12px;
18695
18762
  }
18696
- .v-badge--dot .v-badge__badge::after {
18697
- border-width: 1.5px;
18763
+ .v-breadcrumbs--rounded {
18764
+ border-radius: 4px;
18698
18765
  }
18699
- .v-badge--inline .v-badge__badge {
18700
- position: relative;
18701
- vertical-align: middle;
18766
+ .v-breadcrumbs--density-default {
18767
+ padding-top: 16px;
18768
+ padding-bottom: 16px;
18702
18769
  }
18703
- .v-badge__badge .v-icon {
18704
- color: inherit;
18705
- font-size: 0.75rem;
18706
- margin: 0 -2px;
18770
+
18771
+ .v-breadcrumbs--density-comfortable {
18772
+ padding-top: 12px;
18773
+ padding-bottom: 12px;
18707
18774
  }
18708
- .v-badge__badge img,
18709
- .v-badge__badge .v-img {
18710
- height: 100%;
18711
- width: 100%;
18775
+
18776
+ .v-breadcrumbs--density-compact {
18777
+ padding-top: 8px;
18778
+ padding-bottom: 8px;
18712
18779
  }
18713
18780
 
18714
- .v-badge__wrapper {
18715
- display: flex;
18716
- position: relative;
18781
+ .v-breadcrumbs__prepend {
18782
+ align-items: center;
18783
+ display: inline-flex;
18717
18784
  }
18718
- .v-badge--inline .v-badge__wrapper {
18785
+
18786
+ .v-breadcrumbs-item {
18719
18787
  align-items: center;
18788
+ color: inherit;
18720
18789
  display: inline-flex;
18721
- justify-content: center;
18722
- margin: 0 4px;
18790
+ padding: 0 4px;
18791
+ text-decoration: none;
18792
+ vertical-align: middle;
18793
+ }
18794
+ .v-breadcrumbs-item--disabled {
18795
+ opacity: var(--v-disabled-opacity);
18796
+ pointer-events: none;
18797
+ }
18798
+ .v-breadcrumbs-item--link {
18799
+ color: inherit;
18800
+ text-decoration: none;
18801
+ }
18802
+ .v-breadcrumbs-item--link:hover {
18803
+ text-decoration: underline;
18804
+ }
18805
+ .v-breadcrumbs-item .v-icon {
18806
+ font-size: 1rem;
18807
+ margin-inline: -4px 2px;
18808
+ }
18809
+
18810
+ .v-breadcrumbs-divider {
18811
+ display: inline-block;
18812
+ padding: 0 8px;
18813
+ vertical-align: middle;
18723
18814
  }.v-btn {
18724
18815
  align-items: center;
18725
18816
  border-radius: 4px;
@@ -19144,68 +19235,18 @@ html.overflow-y-hidden {
19144
19235
  }
19145
19236
  .v-pagination .v-pagination__item--is-active .v-btn__overlay {
19146
19237
  opacity: var(--v-border-opacity);
19147
- }.bottom-sheet-transition-enter-from {
19148
- transform: translateY(100%);
19238
+ }.v-btn-group {
19239
+ display: inline-flex;
19240
+ flex-wrap: nowrap;
19241
+ max-width: 100%;
19242
+ min-width: 0;
19243
+ overflow: hidden;
19244
+ vertical-align: middle;
19149
19245
  }
19150
- .bottom-sheet-transition-leave-to {
19151
- transform: translateY(100%);
19152
- }
19153
-
19154
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19155
- align-self: flex-end;
19156
- border-radius: 0;
19157
- flex: 0 1 auto;
19158
- left: 0;
19159
- right: 0;
19160
- margin-inline: 0;
19161
- margin-bottom: 0;
19162
- transition-duration: 0.2s;
19163
- width: 100%;
19164
- max-width: 100%;
19165
- overflow: visible;
19166
- }
19167
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19168
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19169
- }
19170
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19171
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19172
- border-radius: 0;
19173
- }
19174
- .v-bottom-sheet.v-bottom-sheet--inset {
19175
- max-width: none;
19176
- }
19177
- @media (min-width: 600px) {
19178
- .v-bottom-sheet.v-bottom-sheet--inset {
19179
- max-width: 70%;
19180
- }
19181
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19182
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19183
- }
19184
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19185
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19186
- }
19187
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19188
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19189
- }
19190
- @supports not selector(:focus-visible) {
19191
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19192
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19193
- }
19194
- }
19195
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19196
- opacity: 1;
19197
- }.v-btn-group {
19198
- display: inline-flex;
19199
- flex-wrap: nowrap;
19200
- max-width: 100%;
19201
- min-width: 0;
19202
- overflow: hidden;
19203
- vertical-align: middle;
19204
- }
19205
- .v-btn-group {
19206
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19207
- border-style: solid;
19208
- border-width: 0;
19246
+ .v-btn-group {
19247
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19248
+ border-style: solid;
19249
+ border-width: 0;
19209
19250
  }
19210
19251
  .v-btn-group--border {
19211
19252
  border-width: thin;
@@ -19566,6 +19607,22 @@ html.overflow-y-hidden {
19566
19607
  pointer-events: none;
19567
19608
  opacity: 0;
19568
19609
  transition: opacity 0.2s ease-in-out;
19610
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19611
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19612
+ }
19613
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19614
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19615
+ }
19616
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19617
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19618
+ }
19619
+ @supports not selector(:focus-visible) {
19620
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19621
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19622
+ }
19623
+ }
19624
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19625
+ opacity: 1;
19569
19626
  }.v-checkbox.v-input {
19570
19627
  flex: 0 1 auto;
19571
19628
  }
@@ -19636,109 +19693,6 @@ html.overflow-y-hidden {
19636
19693
  flex-direction: column;
19637
19694
  height: 100% !important;
19638
19695
  width: 50px;
19639
- }.v-chip-group {
19640
- display: flex;
19641
- max-width: 100%;
19642
- min-width: 0;
19643
- overflow-x: auto;
19644
- padding: 4px 0;
19645
- }
19646
- .v-chip-group .v-chip {
19647
- margin: 4px 8px 4px 0;
19648
- }
19649
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19650
- opacity: var(--v-activated-opacity);
19651
- }
19652
-
19653
- .v-chip-group--column .v-slide-group__content {
19654
- white-space: normal;
19655
- flex-wrap: wrap;
19656
- max-width: 100%;
19657
- }.v-combobox .v-field .v-text-field__prefix,
19658
- .v-combobox .v-field .v-text-field__suffix,
19659
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19660
- cursor: text;
19661
- }
19662
- .v-combobox .v-field .v-field__input > input {
19663
- flex: 1 1;
19664
- }
19665
- .v-combobox .v-field input {
19666
- min-width: 64px;
19667
- }
19668
- .v-combobox .v-field:not(.v-field--focused) input {
19669
- min-width: 0;
19670
- }
19671
- .v-combobox .v-field--dirty .v-combobox__selection {
19672
- margin-inline-end: 2px;
19673
- }
19674
- .v-combobox .v-combobox__selection-text {
19675
- overflow: hidden;
19676
- text-overflow: ellipsis;
19677
- white-space: nowrap;
19678
- }
19679
-
19680
- .v-combobox__content {
19681
- overflow: hidden;
19682
- }
19683
- .v-combobox__content {
19684
- 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));
19685
- }
19686
- .v-combobox__content {
19687
- border-radius: 4px;
19688
- }
19689
- .v-combobox__mask {
19690
- background: rgb(var(--v-theme-surface-light));
19691
- }
19692
- .v-combobox__selection {
19693
- display: inline-flex;
19694
- align-items: center;
19695
- height: 1.5rem;
19696
- letter-spacing: inherit;
19697
- line-height: inherit;
19698
- max-width: calc(100% - 2px - 2px);
19699
- }
19700
- .v-combobox__selection:first-child {
19701
- margin-inline-start: 0;
19702
- }
19703
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19704
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19705
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19706
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19707
- top: 0px;
19708
- }
19709
- .v-combobox--selecting-index .v-combobox__selection {
19710
- opacity: var(--v-medium-emphasis-opacity);
19711
- }
19712
- .v-combobox--selecting-index .v-combobox__selection--selected {
19713
- opacity: 1;
19714
- }
19715
- .v-combobox--selecting-index .v-field__input > input {
19716
- caret-color: transparent;
19717
- }
19718
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19719
- flex: 1 1;
19720
- position: absolute;
19721
- left: 0;
19722
- right: 0;
19723
- width: 100%;
19724
- padding-inline: inherit;
19725
- }
19726
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19727
- transition: none;
19728
- }
19729
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19730
- opacity: 0;
19731
- }
19732
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19733
- opacity: 0;
19734
- }
19735
- .v-combobox__menu-icon {
19736
- margin-inline-start: 4px;
19737
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19738
- }
19739
- .v-combobox--active-menu .v-combobox__menu-icon {
19740
- opacity: var(--v-high-emphasis-opacity);
19741
- transform: rotate(180deg);
19742
19696
  }.v-color-picker {
19743
19697
  align-self: flex-start;
19744
19698
  contain: content;
@@ -20179,6 +20133,24 @@ html.overflow-y-hidden {
20179
20133
 
20180
20134
  .v-chip--label {
20181
20135
  border-radius: 4px;
20136
+ }.v-chip-group {
20137
+ display: flex;
20138
+ max-width: 100%;
20139
+ min-width: 0;
20140
+ overflow-x: auto;
20141
+ padding: 4px 0;
20142
+ }
20143
+ .v-chip-group .v-chip {
20144
+ margin: 4px 8px 4px 0;
20145
+ }
20146
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20147
+ opacity: var(--v-activated-opacity);
20148
+ }
20149
+
20150
+ .v-chip-group--column .v-slide-group__content {
20151
+ white-space: normal;
20152
+ flex-wrap: wrap;
20153
+ max-width: 100%;
20182
20154
  }.v-container {
20183
20155
  width: 100%;
20184
20156
  padding: 16px;
@@ -20851,235 +20823,276 @@ html.overflow-y-hidden {
20851
20823
  .offset-xxl-11 {
20852
20824
  margin-inline-start: 91.6666666667%;
20853
20825
  }
20854
- }.v-counter {
20855
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20856
- flex: 0 1 auto;
20857
- font-size: 12px;
20858
- transition-duration: 150ms;
20859
- }.v-data-table {
20860
- width: 100%;
20826
+ }.v-combobox .v-field .v-text-field__prefix,
20827
+ .v-combobox .v-field .v-text-field__suffix,
20828
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20829
+ cursor: text;
20861
20830
  }
20862
-
20863
- .v-data-table__table {
20864
- width: 100%;
20865
- border-collapse: separate;
20866
- border-spacing: 0;
20831
+ .v-combobox .v-field .v-field__input > input {
20832
+ flex: 1 1;
20867
20833
  }
20868
-
20869
- .v-data-table__tr--focus {
20870
- border: 1px dotted black;
20834
+ .v-combobox .v-field input {
20835
+ min-width: 64px;
20871
20836
  }
20872
- .v-data-table__tr--clickable {
20873
- cursor: pointer;
20837
+ .v-combobox .v-field:not(.v-field--focused) input {
20838
+ min-width: 0;
20874
20839
  }
20875
-
20876
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20877
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20878
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20879
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20880
- text-align: end;
20840
+ .v-combobox .v-field--dirty .v-combobox__selection {
20841
+ margin-inline-end: 2px;
20881
20842
  }
20882
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20883
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20884
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20885
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20886
- flex-direction: row-reverse;
20843
+ .v-combobox .v-combobox__selection-text {
20844
+ overflow: hidden;
20845
+ text-overflow: ellipsis;
20846
+ white-space: nowrap;
20887
20847
  }
20888
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20889
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20890
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20891
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20892
- text-align: center;
20848
+
20849
+ .v-combobox__content {
20850
+ overflow: hidden;
20893
20851
  }
20894
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20895
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20896
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20897
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20898
- justify-content: center;
20852
+ .v-combobox__content {
20853
+ 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));
20899
20854
  }
20900
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20901
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20902
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20903
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20904
- padding: 0 8px;
20905
- }
20906
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20907
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20908
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20909
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20910
- text-overflow: ellipsis;
20911
- text-wrap: nowrap;
20912
- overflow: hidden;
20855
+ .v-combobox__content {
20856
+ border-radius: 4px;
20913
20857
  }
20914
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20915
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20916
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20917
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20918
- display: contents;
20858
+ .v-combobox__mask {
20859
+ background: rgb(var(--v-theme-surface-light));
20919
20860
  }
20920
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20921
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20861
+ .v-combobox__selection {
20862
+ display: inline-flex;
20922
20863
  align-items: center;
20864
+ height: 1.5rem;
20865
+ letter-spacing: inherit;
20866
+ line-height: inherit;
20867
+ max-width: calc(100% - 2px - 2px);
20923
20868
  }
20924
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20925
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20926
- position: sticky;
20869
+ .v-combobox__selection:first-child {
20870
+ margin-inline-start: 0;
20927
20871
  }
20928
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20929
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20930
- cursor: pointer;
20931
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20872
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20873
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20874
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20875
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20876
+ top: 0px;
20932
20877
  }
20933
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20934
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20935
- opacity: 0;
20878
+ .v-combobox--selecting-index .v-combobox__selection {
20879
+ opacity: var(--v-medium-emphasis-opacity);
20936
20880
  }
20937
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20938
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20939
- opacity: 0.5;
20881
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20882
+ opacity: 1;
20940
20883
  }
20941
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
20942
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
20943
- height: -moz-fit-content;
20944
- height: fit-content;
20884
+ .v-combobox--selecting-index .v-field__input > input {
20885
+ caret-color: transparent;
20945
20886
  }
20946
-
20947
- .v-data-table-column--fixed,
20948
- .v-data-table__th--sticky {
20949
- background: rgb(var(--v-theme-surface));
20950
- position: sticky !important;
20887
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20888
+ flex: 1 1;
20889
+ position: absolute;
20951
20890
  left: 0;
20952
- z-index: 1;
20891
+ right: 0;
20892
+ width: 100%;
20893
+ padding-inline: inherit;
20953
20894
  }
20954
-
20955
- .v-data-table-column--last-fixed {
20956
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20895
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20896
+ transition: none;
20957
20897
  }
20958
-
20959
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20960
- z-index: 2;
20898
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20899
+ opacity: 0;
20961
20900
  }
20962
-
20963
- .v-data-table-group-header-row td {
20964
- background: rgba(var(--v-theme-surface));
20965
- color: rgba(var(--v-theme-on-surface));
20901
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20902
+ opacity: 0;
20966
20903
  }
20967
- .v-data-table-group-header-row td > span {
20968
- padding-left: 5px;
20904
+ .v-combobox__menu-icon {
20905
+ margin-inline-start: 4px;
20906
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20969
20907
  }
20970
-
20971
- .v-data-table--loading .v-data-table__td {
20972
- opacity: var(--v-disabled-opacity);
20908
+ .v-combobox--active-menu .v-combobox__menu-icon {
20909
+ opacity: var(--v-high-emphasis-opacity);
20910
+ transform: rotate(180deg);
20911
+ }.v-divider {
20912
+ display: block;
20913
+ flex: 1 1 100%;
20914
+ height: 0px;
20915
+ max-height: 0px;
20916
+ opacity: var(--v-border-opacity);
20917
+ transition: inherit;
20918
+ }
20919
+ .v-divider {
20920
+ border-style: solid;
20921
+ border-width: thin 0 0 0;
20922
+ }
20923
+ .v-divider--vertical {
20924
+ align-self: stretch;
20925
+ border-width: 0 thin 0 0;
20926
+ display: inline-flex;
20927
+ height: auto;
20928
+ margin-left: -1px;
20929
+ max-height: 100%;
20930
+ max-width: 0px;
20931
+ vertical-align: text-bottom;
20932
+ width: 0px;
20933
+ }
20934
+ .v-divider--inset:not(.v-divider--vertical) {
20935
+ max-width: calc(100% - 72px);
20936
+ margin-inline-start: 72px;
20937
+ }
20938
+ .v-divider--inset.v-divider--vertical {
20939
+ margin-bottom: 8px;
20940
+ margin-top: 8px;
20941
+ max-height: calc(100% - 16px);
20973
20942
  }
20974
20943
 
20975
- .v-data-table-group-header-row__column {
20976
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20944
+ .v-divider__content {
20945
+ padding: 0 16px;
20946
+ text-wrap: nowrap;
20947
+ }
20948
+ .v-divider__wrapper--vertical .v-divider__content {
20949
+ padding: 4px 0;
20977
20950
  }
20978
20951
 
20979
- .v-data-table-header__content {
20952
+ .v-divider__wrapper {
20980
20953
  display: flex;
20981
20954
  align-items: center;
20982
- }
20983
-
20984
- .v-data-table-header__sort-badge {
20985
- display: inline-flex;
20986
20955
  justify-content: center;
20956
+ }
20957
+ .v-divider__wrapper--vertical {
20958
+ flex-direction: column;
20959
+ height: 100%;
20960
+ }
20961
+ .v-divider__wrapper--vertical .v-divider {
20962
+ margin: 0 auto;
20963
+ }.v-counter {
20964
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20965
+ flex: 0 1 auto;
20966
+ font-size: 12px;
20967
+ transition-duration: 150ms;
20968
+ }.v-empty-state {
20987
20969
  align-items: center;
20988
- font-size: 0.875rem;
20989
- padding: 4px;
20990
- border-radius: 50%;
20991
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20992
- min-width: 20px;
20993
- min-height: 20px;
20994
- width: 20px;
20995
- height: 20px;
20970
+ display: flex;
20971
+ flex-direction: column;
20972
+ justify-content: center;
20973
+ min-height: 100%;
20974
+ padding: 16px;
20996
20975
  }
20997
-
20998
- .v-data-table-progress > th {
20999
- border: none !important;
21000
- height: auto !important;
21001
- padding: 0 !important;
20976
+ .v-empty-state--start {
20977
+ align-items: flex-start;
21002
20978
  }
21003
-
21004
- .v-data-table-progress__loader {
21005
- position: relative;
20979
+ .v-empty-state--center {
20980
+ align-items: center;
21006
20981
  }
21007
-
21008
- .v-data-table-rows-loading,
21009
- .v-data-table-rows-no-data {
21010
- text-align: center;
20982
+ .v-empty-state--end {
20983
+ align-items: flex-end;
21011
20984
  }
21012
20985
 
21013
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
21014
- grid-template-columns: 0;
21015
- justify-content: center;
20986
+ .v-empty-state__media {
20987
+ text-align: center;
20988
+ width: 100%;
21016
20989
  }
21017
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
21018
- grid-template-columns: 0;
21019
- justify-content: end;
20990
+ .v-empty-state__media .v-icon {
20991
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21020
20992
  }
21021
- .v-data-table__tr--mobile > td {
21022
- align-items: center;
21023
- column-gap: 4px;
21024
- display: grid;
21025
- grid-template-columns: repeat(2, 1fr);
21026
- min-height: var(--v-table-row-height);
20993
+
20994
+ .v-empty-state__headline {
20995
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20996
+ font-size: 3.75rem;
20997
+ font-weight: 300;
20998
+ line-height: 1;
20999
+ text-align: center;
21000
+ margin-bottom: 8px;
21027
21001
  }
21028
- .v-data-table__tr--mobile > td:not(:last-child) {
21029
- border-bottom: 0 !important;
21002
+ .v-empty-state--mobile .v-empty-state__headline {
21003
+ font-size: 2.125rem;
21030
21004
  }
21031
21005
 
21032
- .v-data-table__td-title {
21006
+ .v-empty-state__title {
21007
+ font-size: 1.25rem;
21033
21008
  font-weight: 500;
21034
- text-align: start;
21009
+ line-height: 1.6;
21010
+ margin-bottom: 4px;
21011
+ text-align: center;
21035
21012
  }
21036
21013
 
21037
- .v-data-table__td-value {
21038
- text-align: end;
21014
+ .v-empty-state__text {
21015
+ font-size: 0.875rem;
21016
+ font-weight: 400;
21017
+ line-height: 1.425;
21018
+ padding: 0 16px;
21019
+ text-align: center;
21039
21020
  }
21040
21021
 
21041
- .v-data-table__td-sort-icon {
21042
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
21022
+ .v-empty-state__content {
21023
+ padding: 24px 0;
21043
21024
  }
21044
- .v-data-table__td-sort-icon-active {
21045
- color: rgba(var(--v-theme-on-surface));
21046
- }.v-data-table-footer {
21047
- align-items: center;
21025
+
21026
+ .v-empty-state__actions {
21048
21027
  display: flex;
21049
- flex-wrap: wrap;
21050
- justify-content: flex-end;
21051
- padding: 8px 4px;
21028
+ gap: 8px;
21029
+ padding: 16px;
21052
21030
  }
21053
- .v-data-table-footer__items-per-page {
21054
- align-items: center;
21055
- display: flex;
21056
- justify-content: center;
21031
+
21032
+ .v-empty-state__action-btn.v-btn {
21033
+ background-color: initial;
21034
+ color: initial;
21035
+ }.v-date-picker {
21036
+ overflow: hidden;
21037
+ width: 328px;
21057
21038
  }
21058
- .v-data-table-footer__items-per-page > span {
21059
- padding-inline-end: 8px;
21039
+ .v-date-picker--show-week {
21040
+ width: 368px;
21041
+ }.v-date-picker-month {
21042
+ display: flex;
21043
+ justify-content: center;
21044
+ padding: 0 12px 8px;
21045
+ --v-date-picker-month-day-diff: 4px;
21060
21046
  }
21061
- .v-data-table-footer__items-per-page > .v-select {
21062
- width: 90px;
21047
+
21048
+ .v-date-picker-month__weeks {
21049
+ display: grid;
21050
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21051
+ column-gap: 4px;
21052
+ font-size: 0.85rem;
21063
21053
  }
21064
- .v-data-table-footer__info {
21065
- display: flex;
21066
- justify-content: flex-end;
21067
- min-width: 116px;
21068
- padding: 0 16px;
21054
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
21055
+ grid-row-gap: 0;
21069
21056
  }
21070
- .v-data-table-footer__paginationz {
21057
+
21058
+ .v-date-picker-month__weekday {
21059
+ font-size: 0.85rem;
21060
+ }
21061
+
21062
+ .v-date-picker-month__days {
21063
+ display: grid;
21064
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21065
+ column-gap: 4px;
21066
+ flex: 1 1;
21067
+ justify-content: space-around;
21068
+ }
21069
+
21070
+ .v-date-picker-month__day {
21071
21071
  align-items: center;
21072
21072
  display: flex;
21073
- margin-inline-start: 16px;
21073
+ justify-content: center;
21074
+ position: relative;
21075
+ height: 40px;
21076
+ width: 40px;
21074
21077
  }
21075
- .v-data-table-footer__page {
21076
- padding: 0 8px;
21077
- }.v-date-picker {
21078
- overflow: hidden;
21079
- width: 328px;
21078
+ .v-date-picker-month__day--selected .v-btn {
21079
+ background-color: rgb(var(--v-theme-surface-variant));
21080
+ color: rgb(var(--v-theme-on-surface-variant));
21080
21081
  }
21081
- .v-date-picker--show-week {
21082
- width: 368px;
21082
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21083
+ --v-btn-height: 24px;
21084
+ --v-btn-size: 0.85rem;
21085
+ }
21086
+ .v-date-picker-month__day--week {
21087
+ font-size: var(--v-btn-size);
21088
+ }
21089
+
21090
+ .v-date-picker-month__day--adjacent {
21091
+ opacity: 0.5;
21092
+ }
21093
+
21094
+ .v-date-picker-month__day--hide-adjacent {
21095
+ opacity: 0;
21083
21096
  }.v-date-picker-controls {
21084
21097
  display: flex;
21085
21098
  align-items: center;
@@ -21136,61 +21149,21 @@ html.overflow-y-hidden {
21136
21149
 
21137
21150
  .v-date-picker__title {
21138
21151
  display: inline-block;
21139
- }.v-date-picker-month {
21140
- display: flex;
21141
- justify-content: center;
21142
- padding: 0 12px 8px;
21143
- --v-date-picker-month-day-diff: 4px;
21144
- }
21145
-
21146
- .v-date-picker-month__weeks {
21147
- display: grid;
21148
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21149
- column-gap: 4px;
21150
- font-size: 0.85rem;
21151
- }
21152
- .v-date-picker-month__weeks + .v-date-picker-month__days {
21153
- grid-row-gap: 0;
21154
- }
21155
-
21156
- .v-date-picker-month__weekday {
21157
- font-size: 0.85rem;
21152
+ }.v-date-picker-years {
21153
+ height: 288px;
21154
+ overflow-y: scroll;
21158
21155
  }
21159
21156
 
21160
- .v-date-picker-month__days {
21157
+ .v-date-picker-years__content {
21161
21158
  display: grid;
21162
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21163
- column-gap: 4px;
21164
21159
  flex: 1 1;
21165
21160
  justify-content: space-around;
21161
+ grid-template-columns: repeat(3, 1fr);
21162
+ gap: 8px 24px;
21163
+ padding-inline: 32px;
21166
21164
  }
21167
-
21168
- .v-date-picker-month__day {
21169
- align-items: center;
21170
- display: flex;
21171
- justify-content: center;
21172
- position: relative;
21173
- height: 40px;
21174
- width: 40px;
21175
- }
21176
- .v-date-picker-month__day--selected .v-btn {
21177
- background-color: rgb(var(--v-theme-surface-variant));
21178
- color: rgb(var(--v-theme-on-surface-variant));
21179
- }
21180
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21181
- --v-btn-height: 24px;
21182
- --v-btn-size: 0.85rem;
21183
- }
21184
- .v-date-picker-month__day--week {
21185
- font-size: var(--v-btn-size);
21186
- }
21187
-
21188
- .v-date-picker-month__day--adjacent {
21189
- opacity: 0.5;
21190
- }
21191
-
21192
- .v-date-picker-month__day--hide-adjacent {
21193
- opacity: 0;
21165
+ .v-date-picker-years__content .v-btn {
21166
+ padding-inline: 8px;
21194
21167
  }.v-date-picker-header {
21195
21168
  align-items: flex-end;
21196
21169
  height: 70px;
@@ -21251,21 +21224,6 @@ html.overflow-y-hidden {
21251
21224
  .date-picker-header-reverse-transition-leave-to {
21252
21225
  opacity: 0;
21253
21226
  transform: translate(0, 100%);
21254
- }.v-date-picker-years {
21255
- height: 288px;
21256
- overflow-y: scroll;
21257
- }
21258
-
21259
- .v-date-picker-years__content {
21260
- display: grid;
21261
- flex: 1 1;
21262
- justify-content: space-around;
21263
- grid-template-columns: repeat(3, 1fr);
21264
- gap: 8px 24px;
21265
- padding-inline: 32px;
21266
- }
21267
- .v-date-picker-years__content .v-btn {
21268
- padding-inline: 8px;
21269
21227
  }.v-date-picker-months {
21270
21228
  height: 288px;
21271
21229
  }
@@ -21384,58 +21342,6 @@ html.overflow-y-hidden {
21384
21342
  -webkit-backface-visibility: hidden;
21385
21343
  backface-visibility: hidden;
21386
21344
  overflow-y: auto;
21387
- }.v-divider {
21388
- display: block;
21389
- flex: 1 1 100%;
21390
- height: 0px;
21391
- max-height: 0px;
21392
- opacity: var(--v-border-opacity);
21393
- transition: inherit;
21394
- }
21395
- .v-divider {
21396
- border-style: solid;
21397
- border-width: thin 0 0 0;
21398
- }
21399
- .v-divider--vertical {
21400
- align-self: stretch;
21401
- border-width: 0 thin 0 0;
21402
- display: inline-flex;
21403
- height: auto;
21404
- margin-left: -1px;
21405
- max-height: 100%;
21406
- max-width: 0px;
21407
- vertical-align: text-bottom;
21408
- width: 0px;
21409
- }
21410
- .v-divider--inset:not(.v-divider--vertical) {
21411
- max-width: calc(100% - 72px);
21412
- margin-inline-start: 72px;
21413
- }
21414
- .v-divider--inset.v-divider--vertical {
21415
- margin-bottom: 8px;
21416
- margin-top: 8px;
21417
- max-height: calc(100% - 16px);
21418
- }
21419
-
21420
- .v-divider__content {
21421
- padding: 0 16px;
21422
- text-wrap: nowrap;
21423
- }
21424
- .v-divider__wrapper--vertical .v-divider__content {
21425
- padding: 4px 0;
21426
- }
21427
-
21428
- .v-divider__wrapper {
21429
- display: flex;
21430
- align-items: center;
21431
- justify-content: center;
21432
- }
21433
- .v-divider__wrapper--vertical {
21434
- flex-direction: column;
21435
- height: 100%;
21436
- }
21437
- .v-divider__wrapper--vertical .v-divider {
21438
- margin: 0 auto;
21439
21345
  }.v-expansion-panel {
21440
21346
  background-color: rgb(var(--v-theme-surface));
21441
21347
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21725,114 +21631,47 @@ html.overflow-y-hidden {
21725
21631
  }
21726
21632
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21727
21633
  right: 0;
21728
- }.v-empty-state {
21729
- align-items: center;
21730
- display: flex;
21731
- flex-direction: column;
21732
- justify-content: center;
21733
- min-height: 100%;
21734
- padding: 16px;
21735
- }
21736
- .v-empty-state--start {
21737
- align-items: flex-start;
21634
+ }/* region INPUT */
21635
+ .v-field {
21636
+ display: grid;
21637
+ grid-template-areas: "prepend-inner field clear append-inner";
21638
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21639
+ font-size: 16px;
21640
+ letter-spacing: 0.009375em;
21641
+ max-width: 100%;
21642
+ border-radius: 4px;
21643
+ contain: layout;
21644
+ flex: 1 0;
21645
+ grid-area: control;
21646
+ position: relative;
21647
+ --v-theme-overlay-multiplier: 1;
21648
+ --v-field-padding-start: 16px;
21649
+ --v-field-padding-end: 16px;
21650
+ --v-field-padding-top: 8px;
21651
+ --v-field-padding-bottom: 4px;
21652
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21653
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21738
21654
  }
21739
- .v-empty-state--center {
21740
- align-items: center;
21655
+ .v-field--disabled {
21656
+ opacity: var(--v-disabled-opacity);
21657
+ pointer-events: none;
21741
21658
  }
21742
- .v-empty-state--end {
21743
- align-items: flex-end;
21659
+ .v-field .v-chip {
21660
+ --v-chip-height: 24px;
21744
21661
  }
21745
21662
 
21746
- .v-empty-state__media {
21747
- text-align: center;
21748
- width: 100%;
21663
+ /* endregion */
21664
+ /* region MODIFIERS */
21665
+ .v-field--prepended {
21666
+ padding-inline-start: 12px;
21749
21667
  }
21750
- .v-empty-state__media .v-icon {
21751
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21668
+ .v-field--appended {
21669
+ padding-inline-end: 12px;
21752
21670
  }
21753
-
21754
- .v-empty-state__headline {
21755
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21756
- font-size: 3.75rem;
21757
- font-weight: 300;
21758
- line-height: 1;
21759
- text-align: center;
21760
- margin-bottom: 8px;
21761
- }
21762
- .v-empty-state--mobile .v-empty-state__headline {
21763
- font-size: 2.125rem;
21764
- }
21765
-
21766
- .v-empty-state__title {
21767
- font-size: 1.25rem;
21768
- font-weight: 500;
21769
- line-height: 1.6;
21770
- margin-bottom: 4px;
21771
- text-align: center;
21772
- }
21773
-
21774
- .v-empty-state__text {
21775
- font-size: 0.875rem;
21776
- font-weight: 400;
21777
- line-height: 1.425;
21778
- padding: 0 16px;
21779
- text-align: center;
21780
- }
21781
-
21782
- .v-empty-state__content {
21783
- padding: 24px 0;
21784
- }
21785
-
21786
- .v-empty-state__actions {
21787
- display: flex;
21788
- gap: 8px;
21789
- padding: 16px;
21790
- }
21791
-
21792
- .v-empty-state__action-btn.v-btn {
21793
- background-color: initial;
21794
- color: initial;
21795
- }/* region INPUT */
21796
- .v-field {
21797
- display: grid;
21798
- grid-template-areas: "prepend-inner field clear append-inner";
21799
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21800
- font-size: 16px;
21801
- letter-spacing: 0.009375em;
21802
- max-width: 100%;
21803
- border-radius: 4px;
21804
- contain: layout;
21805
- flex: 1 0;
21806
- grid-area: control;
21807
- position: relative;
21808
- --v-theme-overlay-multiplier: 1;
21809
- --v-field-padding-start: 16px;
21810
- --v-field-padding-end: 16px;
21811
- --v-field-padding-top: 8px;
21812
- --v-field-padding-bottom: 4px;
21813
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21814
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21815
- }
21816
- .v-field--disabled {
21817
- opacity: var(--v-disabled-opacity);
21818
- pointer-events: none;
21819
- }
21820
- .v-field .v-chip {
21821
- --v-chip-height: 24px;
21822
- }
21823
-
21824
- /* endregion */
21825
- /* region MODIFIERS */
21826
- .v-field--prepended {
21827
- padding-inline-start: 12px;
21828
- }
21829
- .v-field--appended {
21830
- padding-inline-end: 12px;
21831
- }
21832
- .v-field--variant-solo, .v-field--variant-solo-filled {
21833
- background: rgb(var(--v-theme-surface));
21834
- border-color: transparent;
21835
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21671
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21672
+ background: rgb(var(--v-theme-surface));
21673
+ border-color: transparent;
21674
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21836
21675
  }
21837
21676
  .v-field--variant-solo, .v-field--variant-solo-filled {
21838
21677
  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));
@@ -22447,59 +22286,6 @@ textarea.v-field__input::placeholder {
22447
22286
  }
22448
22287
  .v-footer--rounded {
22449
22288
  border-radius: 4px;
22450
- }.v-icon {
22451
- --v-icon-size-multiplier: 1;
22452
- align-items: center;
22453
- display: inline-flex;
22454
- font-feature-settings: "liga";
22455
- height: 1em;
22456
- justify-content: center;
22457
- letter-spacing: normal;
22458
- line-height: 1;
22459
- position: relative;
22460
- text-indent: 0;
22461
- text-align: center;
22462
- -webkit-user-select: none;
22463
- user-select: none;
22464
- vertical-align: middle;
22465
- width: 1em;
22466
- min-width: 1em;
22467
- }
22468
- .v-icon--clickable {
22469
- cursor: pointer;
22470
- }
22471
- .v-icon--disabled {
22472
- pointer-events: none;
22473
- opacity: 0.38;
22474
- }
22475
- .v-icon--size-x-small {
22476
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
22477
- }
22478
- .v-icon--size-small {
22479
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22480
- }
22481
- .v-icon--size-default {
22482
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22483
- }
22484
- .v-icon--size-large {
22485
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22486
- }
22487
- .v-icon--size-x-large {
22488
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
22489
- }
22490
-
22491
- .v-icon__svg {
22492
- fill: currentColor;
22493
- width: 100%;
22494
- height: 100%;
22495
- }
22496
-
22497
- .v-icon--start {
22498
- margin-inline-end: 8px;
22499
- }
22500
-
22501
- .v-icon--end {
22502
- margin-inline-start: 8px;
22503
22289
  }.v-img {
22504
22290
  --v-theme-overlay-multiplier: 3;
22505
22291
  z-index: 0;
@@ -22588,183 +22374,205 @@ textarea.v-field__input::placeholder {
22588
22374
  display: flex;
22589
22375
  justify-content: center;
22590
22376
  padding: 8px;
22591
- }.v-item-group {
22592
- flex: 0 1 auto;
22593
- max-width: 100%;
22377
+ }.v-icon {
22378
+ --v-icon-size-multiplier: 1;
22379
+ align-items: center;
22380
+ display: inline-flex;
22381
+ font-feature-settings: "liga";
22382
+ height: 1em;
22383
+ justify-content: center;
22384
+ letter-spacing: normal;
22385
+ line-height: 1;
22594
22386
  position: relative;
22595
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22596
- }.v-input {
22597
- display: grid;
22598
- flex: 1 1 auto;
22599
- font-size: 1rem;
22600
- font-weight: 400;
22601
- line-height: 1.5;
22387
+ text-indent: 0;
22388
+ text-align: center;
22389
+ -webkit-user-select: none;
22390
+ user-select: none;
22391
+ vertical-align: middle;
22392
+ width: 1em;
22393
+ min-width: 1em;
22602
22394
  }
22603
- .v-input--disabled {
22604
- pointer-events: none;
22395
+ .v-icon--clickable {
22396
+ cursor: pointer;
22605
22397
  }
22606
- .v-input--density-default {
22607
- --v-input-control-height: 56px;
22608
- --v-input-padding-top: 16px;
22398
+ .v-icon--disabled {
22399
+ pointer-events: none;
22400
+ opacity: 0.38;
22609
22401
  }
22610
-
22611
- .v-input--density-comfortable {
22612
- --v-input-control-height: 48px;
22613
- --v-input-padding-top: 12px;
22402
+ .v-icon--size-x-small {
22403
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
22614
22404
  }
22615
-
22616
- .v-input--density-compact {
22617
- --v-input-control-height: 40px;
22618
- --v-input-padding-top: 8px;
22405
+ .v-icon--size-small {
22406
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22619
22407
  }
22620
-
22621
- .v-input--vertical {
22622
- grid-template-areas: "append" "control" "prepend";
22623
- grid-template-rows: max-content auto max-content;
22624
- grid-template-columns: min-content;
22408
+ .v-icon--size-default {
22409
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22625
22410
  }
22626
- .v-input--vertical .v-input__prepend {
22627
- margin-block-start: 16px;
22411
+ .v-icon--size-large {
22412
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22628
22413
  }
22629
- .v-input--vertical .v-input__append {
22630
- margin-block-end: 16px;
22414
+ .v-icon--size-x-large {
22415
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
22631
22416
  }
22632
22417
 
22633
- .v-input--horizontal {
22634
- grid-template-areas: "prepend control append" "a messages b";
22635
- grid-template-columns: max-content minmax(0, 1fr) max-content;
22636
- grid-template-rows: 1fr auto;
22637
- }
22638
- .v-input--horizontal .v-input__prepend {
22639
- margin-inline-end: 16px;
22418
+ .v-icon__svg {
22419
+ fill: currentColor;
22420
+ width: 100%;
22421
+ height: 100%;
22640
22422
  }
22641
- .v-input--horizontal .v-input__append {
22642
- margin-inline-start: 16px;
22423
+
22424
+ .v-icon--start {
22425
+ margin-inline-end: 8px;
22643
22426
  }
22644
22427
 
22645
- .v-input__details {
22646
- align-items: flex-end;
22647
- display: flex;
22648
- font-size: 0.75rem;
22649
- font-weight: 400;
22650
- grid-area: messages;
22651
- letter-spacing: 0.0333333333em;
22652
- line-height: normal;
22653
- min-height: 22px;
22654
- padding-top: 6px;
22428
+ .v-icon--end {
22429
+ margin-inline-start: 8px;
22430
+ }.v-item-group {
22431
+ flex: 0 1 auto;
22432
+ max-width: 100%;
22433
+ position: relative;
22434
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22435
+ }.v-label {
22436
+ align-items: center;
22437
+ color: inherit;
22438
+ display: inline-flex;
22439
+ font-size: 1rem;
22440
+ letter-spacing: 0.009375em;
22441
+ min-width: 0;
22442
+ opacity: var(--v-medium-emphasis-opacity);
22655
22443
  overflow: hidden;
22656
- justify-content: space-between;
22444
+ text-overflow: ellipsis;
22445
+ white-space: nowrap;
22657
22446
  }
22658
22447
 
22659
- .v-input__details > .v-icon,
22660
- .v-input__prepend > .v-icon,
22661
- .v-input__append > .v-icon {
22662
- opacity: var(--v-medium-emphasis-opacity);
22663
- }
22664
- .v-input--disabled .v-input__details > .v-icon,
22665
- .v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
22666
- .v-input--error .v-input__details .v-messages,
22667
- .v-input--disabled .v-input__prepend > .v-icon,
22668
- .v-input--disabled .v-input__prepend .v-messages,
22669
- .v-input--error .v-input__prepend > .v-icon,
22670
- .v-input--error .v-input__prepend .v-messages,
22671
- .v-input--disabled .v-input__append > .v-icon,
22672
- .v-input--disabled .v-input__append .v-messages,
22673
- .v-input--error .v-input__append > .v-icon,
22674
- .v-input--error .v-input__append .v-messages {
22675
- opacity: 1;
22676
- }
22677
- .v-input--disabled .v-input__details,
22678
- .v-input--disabled .v-input__prepend,
22679
- .v-input--disabled .v-input__append {
22680
- opacity: var(--v-disabled-opacity);
22681
- }
22682
- .v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
22683
- .v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
22684
- .v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
22685
- .v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
22686
- .v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
22687
- .v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
22688
- color: rgb(var(--v-theme-error));
22448
+ .v-label--clickable {
22449
+ cursor: pointer;
22450
+ }.v-locale-provider {
22451
+ display: contents;
22452
+ }.v-layout-item {
22453
+ position: absolute;
22454
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22689
22455
  }
22690
22456
 
22691
- .v-input__prepend,
22692
- .v-input__append {
22457
+ .v-layout-item--absolute {
22458
+ position: absolute;
22459
+ }.v-layout {
22460
+ --v-scrollbar-offset: 0px;
22693
22461
  display: flex;
22694
- align-items: flex-start;
22695
- padding-top: var(--v-input-padding-top);
22462
+ flex: 1 1 auto;
22696
22463
  }
22697
- .v-input--center-affix .v-input__prepend,
22698
- .v-input--center-affix .v-input__append {
22699
- align-items: center;
22700
- padding-top: 0;
22464
+ .v-layout--full-height {
22465
+ --v-scrollbar-offset: inherit;
22466
+ height: 100%;
22467
+ }.v-list {
22468
+ overflow: auto;
22469
+ padding: 8px 0;
22470
+ position: relative;
22471
+ outline: none;
22701
22472
  }
22702
-
22703
- .v-input__prepend {
22704
- grid-area: prepend;
22473
+ .v-list {
22474
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22475
+ border-style: solid;
22476
+ border-width: 0;
22705
22477
  }
22706
-
22707
- .v-input__append {
22708
- grid-area: append;
22478
+ .v-list--border {
22479
+ border-width: thin;
22480
+ box-shadow: none;
22709
22481
  }
22710
-
22711
- .v-input__control {
22712
- display: flex;
22713
- grid-area: control;
22482
+ .v-list {
22483
+ 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));
22714
22484
  }
22715
-
22716
- .v-input--hide-spin-buttons input::-webkit-outer-spin-button,
22717
- .v-input--hide-spin-buttons input::-webkit-inner-spin-button {
22718
- -webkit-appearance: none;
22719
- margin: 0;
22485
+ .v-list {
22486
+ border-radius: 0;
22720
22487
  }
22721
- .v-input--hide-spin-buttons input[type=number] {
22722
- -moz-appearance: textfield;
22488
+ .v-list {
22489
+ background: rgba(var(--v-theme-surface));
22490
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22723
22491
  }
22724
- .v-input--plain-underlined .v-input__prepend,
22725
- .v-input--plain-underlined .v-input__append {
22726
- align-items: flex-start;
22492
+ .v-list--disabled {
22493
+ pointer-events: none;
22494
+ -webkit-user-select: none;
22495
+ user-select: none;
22727
22496
  }
22728
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22729
- padding-top: calc(var(--v-input-padding-top) + 4px);
22497
+ .v-list--nav {
22498
+ padding-inline: 8px;
22499
+ }
22500
+ .v-list--rounded {
22501
+ border-radius: 4px;
22502
+ }
22503
+ .v-list--subheader {
22504
+ padding-top: 0;
22730
22505
  }
22731
22506
 
22732
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22733
- padding-top: calc(var(--v-input-padding-top) + 2px);
22507
+ .v-list-img {
22508
+ border-radius: inherit;
22509
+ display: flex;
22510
+ height: 100%;
22511
+ left: 0;
22512
+ overflow: hidden;
22513
+ position: absolute;
22514
+ top: 0;
22515
+ width: 100%;
22516
+ z-index: -1;
22734
22517
  }
22735
22518
 
22736
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22737
- padding-top: calc(var(--v-input-padding-top) + 0px);
22738
- }.v-label {
22519
+ .v-list-subheader {
22739
22520
  align-items: center;
22740
- color: inherit;
22741
- display: inline-flex;
22742
- font-size: 1rem;
22743
- letter-spacing: 0.009375em;
22744
- min-width: 0;
22745
- opacity: var(--v-medium-emphasis-opacity);
22521
+ background: inherit;
22522
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22523
+ display: flex;
22524
+ font-size: 0.875rem;
22525
+ font-weight: 400;
22526
+ line-height: 1.375rem;
22527
+ padding-inline-end: 16px;
22528
+ min-height: 40px;
22529
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22530
+ }
22531
+ .v-list-subheader__text {
22746
22532
  overflow: hidden;
22747
22533
  text-overflow: ellipsis;
22748
22534
  white-space: nowrap;
22749
22535
  }
22536
+ .v-list--density-default .v-list-subheader {
22537
+ min-height: 40px;
22538
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22539
+ }
22750
22540
 
22751
- .v-label--clickable {
22752
- cursor: pointer;
22753
- }.v-layout {
22754
- --v-scrollbar-offset: 0px;
22755
- display: flex;
22756
- flex: 1 1 auto;
22541
+ .v-list--density-comfortable .v-list-subheader {
22542
+ min-height: 36px;
22543
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22757
22544
  }
22758
- .v-layout--full-height {
22759
- --v-scrollbar-offset: inherit;
22760
- height: 100%;
22761
- }.v-layout-item {
22762
- position: absolute;
22763
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22545
+
22546
+ .v-list--density-compact .v-list-subheader {
22547
+ min-height: 32px;
22548
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22764
22549
  }
22765
22550
 
22766
- .v-layout-item--absolute {
22551
+ .v-list-subheader--inset {
22552
+ --indent-padding: 56px;
22553
+ }
22554
+ .v-list--nav .v-list-subheader {
22555
+ font-size: 0.75rem;
22556
+ }
22557
+ .v-list-subheader--sticky {
22558
+ background: inherit;
22559
+ left: 0;
22560
+ position: sticky;
22561
+ top: 0;
22562
+ z-index: 1;
22563
+ }
22564
+
22565
+ .v-list__overlay {
22566
+ background-color: currentColor;
22567
+ border-radius: inherit;
22568
+ bottom: 0;
22569
+ left: 0;
22570
+ opacity: 0;
22571
+ pointer-events: none;
22767
22572
  position: absolute;
22573
+ right: 0;
22574
+ top: 0;
22575
+ transition: opacity 0.2s ease-in-out;
22768
22576
  }.v-list-item {
22769
22577
  align-items: center;
22770
22578
  display: grid;
@@ -23232,182 +23040,243 @@ textarea.v-field__input::placeholder {
23232
23040
  }
23233
23041
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23234
23042
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23235
- }.v-list {
23236
- overflow: auto;
23237
- padding: 8px 0;
23238
- position: relative;
23239
- outline: none;
23043
+ }.v-menu > .v-overlay__content {
23044
+ display: flex;
23045
+ flex-direction: column;
23240
23046
  }
23241
- .v-list {
23242
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23243
- border-style: solid;
23244
- border-width: 0;
23047
+ .v-menu > .v-overlay__content {
23048
+ border-radius: 4px;
23245
23049
  }
23246
- .v-list--border {
23247
- border-width: thin;
23248
- box-shadow: none;
23050
+ .v-menu > .v-overlay__content > .v-card,
23051
+ .v-menu > .v-overlay__content > .v-sheet,
23052
+ .v-menu > .v-overlay__content > .v-list {
23053
+ background: rgb(var(--v-theme-surface));
23054
+ border-radius: inherit;
23055
+ overflow: auto;
23056
+ height: 100%;
23249
23057
  }
23250
- .v-list {
23251
- 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));
23058
+ .v-menu > .v-overlay__content > .v-card,
23059
+ .v-menu > .v-overlay__content > .v-sheet,
23060
+ .v-menu > .v-overlay__content > .v-list {
23061
+ 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));
23062
+ }.v-data-table-footer {
23063
+ align-items: center;
23064
+ display: flex;
23065
+ flex-wrap: wrap;
23066
+ justify-content: flex-end;
23067
+ padding: 8px 4px;
23252
23068
  }
23253
- .v-list {
23254
- border-radius: 0;
23069
+ .v-data-table-footer__items-per-page {
23070
+ align-items: center;
23071
+ display: flex;
23072
+ justify-content: center;
23255
23073
  }
23256
- .v-list {
23257
- background: rgba(var(--v-theme-surface));
23258
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23074
+ .v-data-table-footer__items-per-page > span {
23075
+ padding-inline-end: 8px;
23259
23076
  }
23260
- .v-list--disabled {
23261
- pointer-events: none;
23262
- -webkit-user-select: none;
23263
- user-select: none;
23077
+ .v-data-table-footer__items-per-page > .v-select {
23078
+ width: 90px;
23264
23079
  }
23265
- .v-list--nav {
23266
- padding-inline: 8px;
23080
+ .v-data-table-footer__info {
23081
+ display: flex;
23082
+ justify-content: flex-end;
23083
+ min-width: 116px;
23084
+ padding: 0 16px;
23267
23085
  }
23268
- .v-list--rounded {
23269
- border-radius: 4px;
23086
+ .v-data-table-footer__paginationz {
23087
+ align-items: center;
23088
+ display: flex;
23089
+ margin-inline-start: 16px;
23270
23090
  }
23271
- .v-list--subheader {
23272
- padding-top: 0;
23091
+ .v-data-table-footer__page {
23092
+ padding: 0 8px;
23093
+ }.v-data-table {
23094
+ width: 100%;
23273
23095
  }
23274
23096
 
23275
- .v-list-img {
23276
- border-radius: inherit;
23277
- display: flex;
23278
- height: 100%;
23279
- left: 0;
23280
- overflow: hidden;
23281
- position: absolute;
23282
- top: 0;
23097
+ .v-data-table__table {
23283
23098
  width: 100%;
23284
- z-index: -1;
23099
+ border-collapse: separate;
23100
+ border-spacing: 0;
23285
23101
  }
23286
23102
 
23287
- .v-list-subheader {
23288
- align-items: center;
23289
- background: inherit;
23290
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23291
- display: flex;
23292
- font-size: 0.875rem;
23293
- font-weight: 400;
23294
- line-height: 1.375rem;
23295
- padding-inline-end: 16px;
23296
- min-height: 40px;
23297
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
23103
+ .v-data-table__tr--focus {
23104
+ border: 1px dotted black;
23298
23105
  }
23299
- .v-list-subheader__text {
23300
- overflow: hidden;
23106
+ .v-data-table__tr--clickable {
23107
+ cursor: pointer;
23108
+ }
23109
+
23110
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
23111
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
23112
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
23113
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
23114
+ text-align: end;
23115
+ }
23116
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
23117
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
23118
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
23119
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
23120
+ flex-direction: row-reverse;
23121
+ }
23122
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
23123
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
23124
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
23125
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
23126
+ text-align: center;
23127
+ }
23128
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
23129
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
23130
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
23131
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
23132
+ justify-content: center;
23133
+ }
23134
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
23135
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
23136
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
23137
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
23138
+ padding: 0 8px;
23139
+ }
23140
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
23141
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
23142
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
23143
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
23301
23144
  text-overflow: ellipsis;
23302
- white-space: nowrap;
23145
+ text-wrap: nowrap;
23146
+ overflow: hidden;
23303
23147
  }
23304
- .v-list--density-default .v-list-subheader {
23305
- min-height: 40px;
23306
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
23148
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
23149
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
23150
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
23151
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
23152
+ display: contents;
23307
23153
  }
23308
-
23309
- .v-list--density-comfortable .v-list-subheader {
23310
- min-height: 36px;
23311
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
23154
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
23155
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
23156
+ align-items: center;
23312
23157
  }
23313
-
23314
- .v-list--density-compact .v-list-subheader {
23315
- min-height: 32px;
23316
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
23158
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
23159
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
23160
+ position: sticky;
23317
23161
  }
23318
-
23319
- .v-list-subheader--inset {
23320
- --indent-padding: 56px;
23162
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
23163
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
23164
+ cursor: pointer;
23165
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23321
23166
  }
23322
- .v-list--nav .v-list-subheader {
23323
- font-size: 0.75rem;
23167
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
23168
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
23169
+ opacity: 0;
23324
23170
  }
23325
- .v-list-subheader--sticky {
23326
- background: inherit;
23171
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
23172
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
23173
+ opacity: 0.5;
23174
+ }
23175
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
23176
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
23177
+ height: -moz-fit-content;
23178
+ height: fit-content;
23179
+ }
23180
+
23181
+ .v-data-table-column--fixed,
23182
+ .v-data-table__th--sticky {
23183
+ background: rgb(var(--v-theme-surface));
23184
+ position: sticky !important;
23327
23185
  left: 0;
23328
- position: sticky;
23329
- top: 0;
23330
23186
  z-index: 1;
23331
23187
  }
23332
23188
 
23333
- .v-list__overlay {
23334
- background-color: currentColor;
23335
- border-radius: inherit;
23336
- bottom: 0;
23337
- left: 0;
23338
- opacity: 0;
23339
- pointer-events: none;
23340
- position: absolute;
23341
- right: 0;
23342
- top: 0;
23343
- transition: opacity 0.2s ease-in-out;
23344
- }.v-locale-provider {
23345
- display: contents;
23346
- }.v-menu > .v-overlay__content {
23347
- display: flex;
23348
- flex-direction: column;
23189
+ .v-data-table-column--last-fixed {
23190
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
23349
23191
  }
23350
- .v-menu > .v-overlay__content {
23351
- border-radius: 4px;
23192
+
23193
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
23194
+ z-index: 2;
23352
23195
  }
23353
- .v-menu > .v-overlay__content > .v-card,
23354
- .v-menu > .v-overlay__content > .v-sheet,
23355
- .v-menu > .v-overlay__content > .v-list {
23356
- background: rgb(var(--v-theme-surface));
23357
- border-radius: inherit;
23358
- overflow: auto;
23359
- height: 100%;
23196
+
23197
+ .v-data-table-group-header-row td {
23198
+ background: rgba(var(--v-theme-surface));
23199
+ color: rgba(var(--v-theme-on-surface));
23360
23200
  }
23361
- .v-menu > .v-overlay__content > .v-card,
23362
- .v-menu > .v-overlay__content > .v-sheet,
23363
- .v-menu > .v-overlay__content > .v-list {
23364
- 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));
23365
- }.v-main {
23366
- flex: 1 0 auto;
23367
- max-width: 100%;
23368
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23369
- padding-left: var(--v-layout-left);
23370
- padding-right: var(--v-layout-right);
23371
- padding-top: var(--v-layout-top);
23372
- padding-bottom: var(--v-layout-bottom);
23201
+ .v-data-table-group-header-row td > span {
23202
+ padding-left: 5px;
23373
23203
  }
23374
- .v-main__scroller {
23375
- max-width: 100%;
23376
- position: relative;
23204
+
23205
+ .v-data-table--loading .v-data-table__td {
23206
+ opacity: var(--v-disabled-opacity);
23377
23207
  }
23378
- .v-main--scrollable {
23208
+
23209
+ .v-data-table-group-header-row__column {
23210
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
23211
+ }
23212
+
23213
+ .v-data-table-header__content {
23379
23214
  display: flex;
23215
+ align-items: center;
23380
23216
  }
23381
- .v-main--scrollable {
23382
- position: absolute;
23383
- top: 0;
23384
- left: 0;
23385
- width: 100%;
23386
- height: 100%;
23217
+
23218
+ .v-data-table-header__sort-badge {
23219
+ display: inline-flex;
23220
+ justify-content: center;
23221
+ align-items: center;
23222
+ font-size: 0.875rem;
23223
+ padding: 4px;
23224
+ border-radius: 50%;
23225
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
23226
+ min-width: 20px;
23227
+ min-height: 20px;
23228
+ width: 20px;
23229
+ height: 20px;
23387
23230
  }
23388
- .v-main--scrollable > .v-main__scroller {
23389
- flex: 1 1 auto;
23390
- overflow-y: auto;
23391
- --v-layout-left: 0px;
23392
- --v-layout-right: 0px;
23393
- --v-layout-top: 0px;
23394
- --v-layout-bottom: 0px;
23395
- }.v-messages {
23396
- flex: 1 1 auto;
23397
- font-size: 12px;
23398
- min-height: 14px;
23399
- min-width: 1px;
23400
- opacity: var(--v-medium-emphasis-opacity);
23231
+
23232
+ .v-data-table-progress > th {
23233
+ border: none !important;
23234
+ height: auto !important;
23235
+ padding: 0 !important;
23236
+ }
23237
+
23238
+ .v-data-table-progress__loader {
23401
23239
  position: relative;
23402
23240
  }
23403
- .v-messages__message {
23404
- line-height: 12px;
23405
- word-break: break-word;
23406
- overflow-wrap: break-word;
23407
- word-wrap: break-word;
23408
- -webkit-hyphens: auto;
23409
- hyphens: auto;
23410
- transition-duration: 150ms;
23241
+
23242
+ .v-data-table-rows-loading,
23243
+ .v-data-table-rows-no-data {
23244
+ text-align: center;
23245
+ }
23246
+
23247
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
23248
+ grid-template-columns: 0;
23249
+ justify-content: center;
23250
+ }
23251
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
23252
+ grid-template-columns: 0;
23253
+ justify-content: end;
23254
+ }
23255
+ .v-data-table__tr--mobile > td {
23256
+ align-items: center;
23257
+ column-gap: 4px;
23258
+ display: grid;
23259
+ grid-template-columns: repeat(2, 1fr);
23260
+ min-height: var(--v-table-row-height);
23261
+ }
23262
+ .v-data-table__tr--mobile > td:not(:last-child) {
23263
+ border-bottom: 0 !important;
23264
+ }
23265
+
23266
+ .v-data-table__td-title {
23267
+ font-weight: 500;
23268
+ text-align: start;
23269
+ }
23270
+
23271
+ .v-data-table__td-value {
23272
+ text-align: end;
23273
+ }
23274
+
23275
+ .v-data-table__td-sort-icon {
23276
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23277
+ }
23278
+ .v-data-table__td-sort-icon-active {
23279
+ color: rgba(var(--v-theme-on-surface));
23411
23280
  }.v-navigation-drawer {
23412
23281
  -webkit-overflow-scrolling: touch;
23413
23282
  background: rgb(var(--v-theme-surface));
@@ -23512,64 +23381,52 @@ textarea.v-field__input::placeholder {
23512
23381
  .v-navigation-drawer__append {
23513
23382
  flex: none;
23514
23383
  overflow: hidden;
23515
- }.v-otp-input {
23516
- align-items: center;
23517
- display: flex;
23518
- justify-content: center;
23519
- padding: 0.5rem 0;
23520
- position: relative;
23521
- }
23522
- .v-otp-input {
23523
- border-radius: 4px;
23524
- }
23525
- .v-otp-input .v-field {
23526
- height: 100%;
23527
- }
23528
-
23529
- .v-otp-input__divider {
23530
- margin: 0 8px;
23384
+ }.v-main {
23385
+ flex: 1 0 auto;
23386
+ max-width: 100%;
23387
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23388
+ padding-left: var(--v-layout-left);
23389
+ padding-right: var(--v-layout-right);
23390
+ padding-top: var(--v-layout-top);
23391
+ padding-bottom: var(--v-layout-bottom);
23531
23392
  }
23532
-
23533
- .v-otp-input__content {
23534
- align-items: center;
23535
- display: flex;
23536
- gap: 0.5rem;
23537
- height: 64px;
23538
- padding: 0.5rem;
23539
- justify-content: center;
23540
- max-width: 320px;
23393
+ .v-main__scroller {
23394
+ max-width: 100%;
23541
23395
  position: relative;
23542
- border-radius: inherit;
23543
23396
  }
23544
- .v-otp-input--divided .v-otp-input__content {
23545
- max-width: 360px;
23397
+ .v-main--scrollable {
23398
+ display: flex;
23546
23399
  }
23547
-
23548
- .v-otp-input__field {
23549
- color: inherit;
23550
- font-size: 1.25rem;
23551
- height: 100%;
23552
- outline: none;
23553
- text-align: center;
23400
+ .v-main--scrollable {
23401
+ position: absolute;
23402
+ top: 0;
23403
+ left: 0;
23554
23404
  width: 100%;
23555
- }
23556
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23557
- -webkit-appearance: none;
23558
- margin: 0;
23559
- }
23560
- .v-otp-input__field[type=number] {
23561
- -moz-appearance: textfield;
23562
- }
23563
-
23564
- .v-otp-input__loader {
23565
- align-items: center;
23566
- display: flex;
23567
23405
  height: 100%;
23568
- justify-content: center;
23569
- width: 100%;
23570
23406
  }
23571
- .v-otp-input__loader .v-progress-linear {
23572
- position: absolute;
23407
+ .v-main--scrollable > .v-main__scroller {
23408
+ flex: 1 1 auto;
23409
+ overflow-y: auto;
23410
+ --v-layout-left: 0px;
23411
+ --v-layout-right: 0px;
23412
+ --v-layout-top: 0px;
23413
+ --v-layout-bottom: 0px;
23414
+ }.v-messages {
23415
+ flex: 1 1 auto;
23416
+ font-size: 12px;
23417
+ min-height: 14px;
23418
+ min-width: 1px;
23419
+ opacity: var(--v-medium-emphasis-opacity);
23420
+ position: relative;
23421
+ }
23422
+ .v-messages__message {
23423
+ line-height: 12px;
23424
+ word-break: break-word;
23425
+ overflow-wrap: break-word;
23426
+ word-wrap: break-word;
23427
+ -webkit-hyphens: auto;
23428
+ hyphens: auto;
23429
+ transition-duration: 150ms;
23573
23430
  }.v-overlay-container {
23574
23431
  contain: layout;
23575
23432
  left: 0;
@@ -23634,14 +23491,64 @@ html.v-overlay-scroll-blocked {
23634
23491
 
23635
23492
  .v-overlay--scroll-blocked {
23636
23493
  padding-inline-end: var(--v-scrollbar-offset);
23637
- }.v-pagination__list {
23638
- display: inline-flex;
23639
- list-style-type: none;
23494
+ }.v-otp-input {
23495
+ align-items: center;
23496
+ display: flex;
23497
+ justify-content: center;
23498
+ padding: 0.5rem 0;
23499
+ position: relative;
23500
+ }
23501
+ .v-otp-input {
23502
+ border-radius: 4px;
23503
+ }
23504
+ .v-otp-input .v-field {
23505
+ height: 100%;
23506
+ }
23507
+
23508
+ .v-otp-input__divider {
23509
+ margin: 0 8px;
23510
+ }
23511
+
23512
+ .v-otp-input__content {
23513
+ align-items: center;
23514
+ display: flex;
23515
+ gap: 0.5rem;
23516
+ height: 64px;
23517
+ padding: 0.5rem;
23640
23518
  justify-content: center;
23519
+ max-width: 320px;
23520
+ position: relative;
23521
+ border-radius: inherit;
23522
+ }
23523
+ .v-otp-input--divided .v-otp-input__content {
23524
+ max-width: 360px;
23525
+ }
23526
+
23527
+ .v-otp-input__field {
23528
+ color: inherit;
23529
+ font-size: 1.25rem;
23530
+ height: 100%;
23531
+ outline: none;
23532
+ text-align: center;
23641
23533
  width: 100%;
23642
23534
  }
23643
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23644
- margin: 0.3rem;
23535
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23536
+ -webkit-appearance: none;
23537
+ margin: 0;
23538
+ }
23539
+ .v-otp-input__field[type=number] {
23540
+ -moz-appearance: textfield;
23541
+ }
23542
+
23543
+ .v-otp-input__loader {
23544
+ align-items: center;
23545
+ display: flex;
23546
+ height: 100%;
23547
+ justify-content: center;
23548
+ width: 100%;
23549
+ }
23550
+ .v-otp-input__loader .v-progress-linear {
23551
+ position: absolute;
23645
23552
  }.v-progress-circular {
23646
23553
  align-items: center;
23647
23554
  display: inline-flex;
@@ -23744,12 +23651,14 @@ html.v-overlay-scroll-blocked {
23744
23651
  100% {
23745
23652
  transform: rotate(270deg);
23746
23653
  }
23747
- }.v-parallax {
23748
- position: relative;
23749
- overflow: hidden;
23654
+ }.v-pagination__list {
23655
+ display: inline-flex;
23656
+ list-style-type: none;
23657
+ justify-content: center;
23658
+ width: 100%;
23750
23659
  }
23751
- .v-parallax--active > .v-img__img {
23752
- will-change: transform;
23660
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23661
+ margin: 0.3rem;
23753
23662
  }.v-progress-linear {
23754
23663
  background: transparent;
23755
23664
  overflow: hidden;
@@ -23978,6 +23887,12 @@ html.v-overlay-scroll-blocked {
23978
23887
  0% {
23979
23888
  background-position-x: var(--v-progress-linear-height);
23980
23889
  }
23890
+ }.v-parallax {
23891
+ position: relative;
23892
+ overflow: hidden;
23893
+ }
23894
+ .v-parallax--active > .v-img__img {
23895
+ will-change: transform;
23981
23896
  }.v-slider .v-slider__container input {
23982
23897
  cursor: default;
23983
23898
  padding: 0;
@@ -24100,6 +24015,32 @@ html.v-overlay-scroll-blocked {
24100
24015
  opacity: 0;
24101
24016
  position: absolute;
24102
24017
  width: 0;
24018
+ }.v-responsive {
24019
+ display: flex;
24020
+ flex: 1 0 auto;
24021
+ max-height: 100%;
24022
+ max-width: 100%;
24023
+ overflow: hidden;
24024
+ position: relative;
24025
+ }
24026
+ .v-responsive--inline {
24027
+ display: inline-flex;
24028
+ flex: 0 0 auto;
24029
+ }
24030
+
24031
+ .v-responsive__content {
24032
+ flex: 1 0 0px;
24033
+ max-width: 100%;
24034
+ }
24035
+
24036
+ .v-responsive__sizer ~ .v-responsive__content {
24037
+ margin-inline-start: -100%;
24038
+ }
24039
+
24040
+ .v-responsive__sizer {
24041
+ flex: 1 0 0px;
24042
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24043
+ pointer-events: none;
24103
24044
  }.v-select .v-field .v-text-field__prefix,
24104
24045
  .v-select .v-field .v-text-field__suffix,
24105
24046
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24152,32 +24093,14 @@ html.v-overlay-scroll-blocked {
24152
24093
  .v-select--active-menu .v-select__menu-icon {
24153
24094
  opacity: var(--v-high-emphasis-opacity);
24154
24095
  transform: rotate(180deg);
24155
- }.v-responsive {
24096
+ }.v-selection-control-group {
24097
+ grid-area: control;
24156
24098
  display: flex;
24157
- flex: 1 0 auto;
24158
- max-height: 100%;
24159
- max-width: 100%;
24160
- overflow: hidden;
24161
- position: relative;
24162
- }
24163
- .v-responsive--inline {
24164
- display: inline-flex;
24165
- flex: 0 0 auto;
24166
- }
24167
-
24168
- .v-responsive__content {
24169
- flex: 1 0 0px;
24170
- max-width: 100%;
24171
- }
24172
-
24173
- .v-responsive__sizer ~ .v-responsive__content {
24174
- margin-inline-start: -100%;
24099
+ flex-direction: column;
24175
24100
  }
24176
-
24177
- .v-responsive__sizer {
24178
- flex: 1 0 0px;
24179
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24180
- pointer-events: none;
24101
+ .v-selection-control-group--inline {
24102
+ flex-direction: row;
24103
+ flex-wrap: wrap;
24181
24104
  }.v-selection-control {
24182
24105
  align-items: center;
24183
24106
  contain: layout;
@@ -24274,47 +24197,52 @@ html.v-overlay-scroll-blocked {
24274
24197
  .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
24275
24198
  opacity: 1;
24276
24199
  }
24277
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24278
- color: rgb(var(--v-theme-error));
24200
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24201
+ color: rgb(var(--v-theme-error));
24202
+ }
24203
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24204
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24205
+ }.v-speed-dial__content {
24206
+ gap: 8px;
24207
+ }
24208
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24209
+ flex-direction: row;
24210
+ }
24211
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24212
+ flex-direction: row-reverse;
24279
24213
  }
24280
- .v-selection-control--focus-visible .v-selection-control__input::before {
24281
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24282
- }.v-sheet {
24283
- display: block;
24214
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24215
+ flex-direction: column-reverse;
24284
24216
  }
24285
- .v-sheet {
24286
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24287
- border-style: solid;
24288
- border-width: 0;
24217
+ .v-speed-dial__content > *:nth-child(1) {
24218
+ transition-delay: 0s;
24289
24219
  }
24290
- .v-sheet--border {
24291
- border-width: thin;
24292
- box-shadow: none;
24220
+ .v-speed-dial__content > *:nth-child(2) {
24221
+ transition-delay: 0.05s;
24293
24222
  }
24294
- .v-sheet {
24295
- 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));
24223
+ .v-speed-dial__content > *:nth-child(3) {
24224
+ transition-delay: 0.1s;
24296
24225
  }
24297
- .v-sheet--absolute {
24298
- position: absolute;
24226
+ .v-speed-dial__content > *:nth-child(4) {
24227
+ transition-delay: 0.15s;
24299
24228
  }
24300
- .v-sheet--fixed {
24301
- position: fixed;
24229
+ .v-speed-dial__content > *:nth-child(5) {
24230
+ transition-delay: 0.2s;
24302
24231
  }
24303
- .v-sheet--relative {
24304
- position: relative;
24232
+ .v-speed-dial__content > *:nth-child(6) {
24233
+ transition-delay: 0.25s;
24305
24234
  }
24306
- .v-sheet--sticky {
24307
- position: sticky;
24235
+ .v-speed-dial__content > *:nth-child(7) {
24236
+ transition-delay: 0.3s;
24308
24237
  }
24309
- .v-sheet {
24310
- border-radius: 0;
24238
+ .v-speed-dial__content > *:nth-child(8) {
24239
+ transition-delay: 0.35s;
24311
24240
  }
24312
- .v-sheet {
24313
- background: rgb(var(--v-theme-surface));
24314
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24241
+ .v-speed-dial__content > *:nth-child(9) {
24242
+ transition-delay: 0.4s;
24315
24243
  }
24316
- .v-sheet--rounded {
24317
- border-radius: 4px;
24244
+ .v-speed-dial__content > *:nth-child(10) {
24245
+ transition-delay: 0.45s;
24318
24246
  }.v-skeleton-loader {
24319
24247
  align-items: center;
24320
24248
  background: rgb(var(--v-theme-surface));
@@ -24540,14 +24468,6 @@ html.v-overlay-scroll-blocked {
24540
24468
  100% {
24541
24469
  transform: translateX(100%);
24542
24470
  }
24543
- }.v-selection-control-group {
24544
- grid-area: control;
24545
- display: flex;
24546
- flex-direction: column;
24547
- }
24548
- .v-selection-control-group--inline {
24549
- flex-direction: row;
24550
- flex-wrap: wrap;
24551
24471
  }.v-slide-group {
24552
24472
  display: flex;
24553
24473
  overflow: hidden;
@@ -24575,215 +24495,34 @@ html.v-overlay-scroll-blocked {
24575
24495
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24576
24496
  white-space: nowrap;
24577
24497
  }
24578
- .v-slide-group__content > * {
24579
- white-space: initial;
24580
- }
24581
-
24582
- .v-slide-group__container {
24583
- contain: content;
24584
- display: flex;
24585
- flex: 1 1 auto;
24586
- overflow-x: auto;
24587
- overflow-y: hidden;
24588
- scrollbar-width: none;
24589
- scrollbar-color: rgba(0, 0, 0, 0);
24590
- }
24591
- .v-slide-group__container::-webkit-scrollbar {
24592
- display: none;
24593
- }
24594
-
24595
- .v-slide-group--vertical {
24596
- max-height: inherit;
24597
- }
24598
- .v-slide-group--vertical,
24599
- .v-slide-group--vertical .v-slide-group__container,
24600
- .v-slide-group--vertical .v-slide-group__content {
24601
- flex-direction: column;
24602
- }
24603
- .v-slide-group--vertical .v-slide-group__container {
24604
- overflow-x: hidden;
24605
- overflow-y: auto;
24606
- }.v-snackbar {
24607
- justify-content: center;
24608
- z-index: 10000;
24609
- margin: 8px;
24610
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
24611
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
24612
- }
24613
- .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
24614
- align-items: flex-end;
24615
- }
24616
- .v-snackbar__wrapper {
24617
- align-items: center;
24618
- display: flex;
24619
- max-width: 672px;
24620
- min-height: 48px;
24621
- min-width: 344px;
24622
- overflow: hidden;
24623
- padding: 0;
24624
- }
24625
- .v-snackbar__wrapper {
24626
- border-radius: 4px;
24627
- }
24628
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24629
- background: transparent;
24630
- color: inherit;
24631
- }
24632
- .v-snackbar--variant-plain {
24633
- opacity: 0.62;
24634
- }
24635
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24636
- opacity: 1;
24637
- }
24638
- .v-snackbar--variant-plain .v-snackbar__overlay {
24639
- display: none;
24640
- }
24641
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24642
- background: rgb(var(--v-theme-surface-variant));
24643
- color: rgb(var(--v-theme-on-surface-variant));
24644
- }
24645
- .v-snackbar--variant-elevated {
24646
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24647
- }
24648
- .v-snackbar--variant-flat {
24649
- 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));
24650
- }
24651
- .v-snackbar--variant-outlined {
24652
- border: thin solid currentColor;
24653
- }
24654
- .v-snackbar--variant-text .v-snackbar__overlay {
24655
- background: currentColor;
24656
- }
24657
- .v-snackbar--variant-tonal .v-snackbar__underlay {
24658
- background: currentColor;
24659
- opacity: var(--v-activated-opacity);
24660
- border-radius: inherit;
24661
- top: 0;
24662
- right: 0;
24663
- bottom: 0;
24664
- left: 0;
24665
- pointer-events: none;
24666
- }
24667
- .v-snackbar .v-snackbar__underlay {
24668
- position: absolute;
24669
- }
24670
-
24671
- .v-snackbar__content {
24672
- flex-grow: 1;
24673
- font-size: 0.875rem;
24674
- font-weight: 400;
24675
- letter-spacing: 0.0178571429em;
24676
- line-height: 1.425;
24677
- margin-right: auto;
24678
- padding: 14px 16px;
24679
- text-align: initial;
24680
- }
24681
- .v-snackbar__actions {
24682
- align-items: center;
24683
- align-self: center;
24684
- display: flex;
24685
- margin-inline-end: 8px;
24686
- }
24687
- .v-snackbar__actions > .v-btn {
24688
- padding: 0 8px;
24689
- min-width: auto;
24690
- }
24691
- .v-snackbar__timer {
24692
- width: 100%;
24693
- position: absolute;
24694
- top: 0;
24695
- }
24696
- .v-snackbar__timer .v-progress-linear {
24697
- transition: 0.2s linear;
24698
- }
24699
- .v-snackbar--absolute {
24700
- position: absolute;
24701
- z-index: 1;
24702
- }
24703
- .v-snackbar--multi-line .v-snackbar__wrapper {
24704
- min-height: 68px;
24705
- }
24706
- .v-snackbar--vertical .v-snackbar__wrapper {
24707
- flex-direction: column;
24708
- }
24709
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24710
- align-self: flex-end;
24711
- margin-bottom: 8px;
24712
- }
24713
- .v-snackbar--center {
24714
- align-items: center;
24715
- justify-content: center;
24716
- }
24717
- .v-snackbar--top {
24718
- align-items: flex-start;
24719
- }
24720
- .v-snackbar--bottom {
24721
- align-items: flex-end;
24722
- }
24723
- .v-snackbar--left, .v-snackbar--start {
24724
- justify-content: flex-start;
24725
- }
24726
- .v-snackbar--right, .v-snackbar--end {
24727
- justify-content: flex-end;
24728
- }
24729
-
24730
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24731
- transition-duration: 0.15s;
24732
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24733
- }
24734
- .v-snackbar-transition-enter-active {
24735
- transition-property: opacity, transform;
24736
- }
24737
- .v-snackbar-transition-enter-from {
24738
- opacity: 0;
24739
- transform: scale(0.8);
24740
- }
24741
- .v-snackbar-transition-leave-active {
24742
- transition-property: opacity;
24743
- }
24744
- .v-snackbar-transition-leave-to {
24745
- opacity: 0;
24746
- }.v-speed-dial__content {
24747
- gap: 8px;
24748
- }
24749
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24750
- flex-direction: row;
24751
- }
24752
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24753
- flex-direction: row-reverse;
24754
- }
24755
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24756
- flex-direction: column-reverse;
24757
- }
24758
- .v-speed-dial__content > *:nth-child(1) {
24759
- transition-delay: 0s;
24760
- }
24761
- .v-speed-dial__content > *:nth-child(2) {
24762
- transition-delay: 0.05s;
24763
- }
24764
- .v-speed-dial__content > *:nth-child(3) {
24765
- transition-delay: 0.1s;
24766
- }
24767
- .v-speed-dial__content > *:nth-child(4) {
24768
- transition-delay: 0.15s;
24769
- }
24770
- .v-speed-dial__content > *:nth-child(5) {
24771
- transition-delay: 0.2s;
24498
+ .v-slide-group__content > * {
24499
+ white-space: initial;
24772
24500
  }
24773
- .v-speed-dial__content > *:nth-child(6) {
24774
- transition-delay: 0.25s;
24501
+
24502
+ .v-slide-group__container {
24503
+ contain: content;
24504
+ display: flex;
24505
+ flex: 1 1 auto;
24506
+ overflow-x: auto;
24507
+ overflow-y: hidden;
24508
+ scrollbar-width: none;
24509
+ scrollbar-color: rgba(0, 0, 0, 0);
24775
24510
  }
24776
- .v-speed-dial__content > *:nth-child(7) {
24777
- transition-delay: 0.3s;
24511
+ .v-slide-group__container::-webkit-scrollbar {
24512
+ display: none;
24778
24513
  }
24779
- .v-speed-dial__content > *:nth-child(8) {
24780
- transition-delay: 0.35s;
24514
+
24515
+ .v-slide-group--vertical {
24516
+ max-height: inherit;
24781
24517
  }
24782
- .v-speed-dial__content > *:nth-child(9) {
24783
- transition-delay: 0.4s;
24518
+ .v-slide-group--vertical,
24519
+ .v-slide-group--vertical .v-slide-group__container,
24520
+ .v-slide-group--vertical .v-slide-group__content {
24521
+ flex-direction: column;
24784
24522
  }
24785
- .v-speed-dial__content > *:nth-child(10) {
24786
- transition-delay: 0.45s;
24523
+ .v-slide-group--vertical .v-slide-group__container {
24524
+ overflow-x: hidden;
24525
+ overflow-y: auto;
24787
24526
  }.v-stepper.v-sheet {
24788
24527
  overflow: hidden;
24789
24528
  }
@@ -24945,20 +24684,239 @@ html.v-overlay-scroll-blocked {
24945
24684
  background-color: currentColor;
24946
24685
  border-radius: inherit;
24947
24686
  opacity: 0;
24948
- transition: opacity 0.2s ease-in-out;
24687
+ transition: opacity 0.2s ease-in-out;
24688
+ }
24689
+
24690
+ .v-stepper-item__overlay,
24691
+ .v-stepper-item__underlay {
24692
+ pointer-events: none;
24693
+ }
24694
+ .v-stepper-item__overlay,
24695
+ .v-stepper-item__underlay {
24696
+ position: absolute;
24697
+ top: 0;
24698
+ left: 0;
24699
+ width: 100%;
24700
+ height: 100%;
24701
+ }.v-sheet {
24702
+ display: block;
24703
+ }
24704
+ .v-sheet {
24705
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24706
+ border-style: solid;
24707
+ border-width: 0;
24708
+ }
24709
+ .v-sheet--border {
24710
+ border-width: thin;
24711
+ box-shadow: none;
24712
+ }
24713
+ .v-sheet {
24714
+ 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));
24715
+ }
24716
+ .v-sheet--absolute {
24717
+ position: absolute;
24718
+ }
24719
+ .v-sheet--fixed {
24720
+ position: fixed;
24721
+ }
24722
+ .v-sheet--relative {
24723
+ position: relative;
24724
+ }
24725
+ .v-sheet--sticky {
24726
+ position: sticky;
24727
+ }
24728
+ .v-sheet {
24729
+ border-radius: 0;
24730
+ }
24731
+ .v-sheet {
24732
+ background: rgb(var(--v-theme-surface));
24733
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24734
+ }
24735
+ .v-sheet--rounded {
24736
+ border-radius: 4px;
24737
+ }.v-system-bar {
24738
+ align-items: center;
24739
+ display: flex;
24740
+ flex: 1 1 auto;
24741
+ height: 24px;
24742
+ justify-content: flex-end;
24743
+ max-width: 100%;
24744
+ padding-inline: 8px;
24745
+ position: relative;
24746
+ text-align: end;
24747
+ width: 100%;
24748
+ }
24749
+ .v-system-bar .v-icon {
24750
+ opacity: var(--v-medium-emphasis-opacity);
24751
+ }
24752
+ .v-system-bar {
24753
+ 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));
24754
+ }
24755
+ .v-system-bar--absolute {
24756
+ position: absolute;
24757
+ }
24758
+ .v-system-bar--fixed {
24759
+ position: fixed;
24760
+ }
24761
+ .v-system-bar {
24762
+ background: rgba(var(--v-theme-surface-light));
24763
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24764
+ }
24765
+ .v-system-bar {
24766
+ font-size: 0.75rem;
24767
+ font-weight: 400;
24768
+ letter-spacing: 0.0333333333em;
24769
+ line-height: 1.667;
24770
+ text-transform: none;
24771
+ }
24772
+ .v-system-bar--rounded {
24773
+ border-radius: 0;
24774
+ }
24775
+ .v-system-bar--window {
24776
+ height: 32px;
24777
+ }
24778
+ .v-system-bar:not(.v-system-bar--absolute) {
24779
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24780
+ }.v-snackbar {
24781
+ justify-content: center;
24782
+ z-index: 10000;
24783
+ margin: 8px;
24784
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
24785
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
24786
+ }
24787
+ .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
24788
+ align-items: flex-end;
24789
+ }
24790
+ .v-snackbar__wrapper {
24791
+ align-items: center;
24792
+ display: flex;
24793
+ max-width: 672px;
24794
+ min-height: 48px;
24795
+ min-width: 344px;
24796
+ overflow: hidden;
24797
+ padding: 0;
24798
+ }
24799
+ .v-snackbar__wrapper {
24800
+ border-radius: 4px;
24801
+ }
24802
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24803
+ background: transparent;
24804
+ color: inherit;
24805
+ }
24806
+ .v-snackbar--variant-plain {
24807
+ opacity: 0.62;
24808
+ }
24809
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24810
+ opacity: 1;
24811
+ }
24812
+ .v-snackbar--variant-plain .v-snackbar__overlay {
24813
+ display: none;
24814
+ }
24815
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24816
+ background: rgb(var(--v-theme-surface-variant));
24817
+ color: rgb(var(--v-theme-on-surface-variant));
24818
+ }
24819
+ .v-snackbar--variant-elevated {
24820
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24821
+ }
24822
+ .v-snackbar--variant-flat {
24823
+ 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));
24824
+ }
24825
+ .v-snackbar--variant-outlined {
24826
+ border: thin solid currentColor;
24827
+ }
24828
+ .v-snackbar--variant-text .v-snackbar__overlay {
24829
+ background: currentColor;
24830
+ }
24831
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
24832
+ background: currentColor;
24833
+ opacity: var(--v-activated-opacity);
24834
+ border-radius: inherit;
24835
+ top: 0;
24836
+ right: 0;
24837
+ bottom: 0;
24838
+ left: 0;
24839
+ pointer-events: none;
24840
+ }
24841
+ .v-snackbar .v-snackbar__underlay {
24842
+ position: absolute;
24843
+ }
24844
+
24845
+ .v-snackbar__content {
24846
+ flex-grow: 1;
24847
+ font-size: 0.875rem;
24848
+ font-weight: 400;
24849
+ letter-spacing: 0.0178571429em;
24850
+ line-height: 1.425;
24851
+ margin-right: auto;
24852
+ padding: 14px 16px;
24853
+ text-align: initial;
24854
+ }
24855
+ .v-snackbar__actions {
24856
+ align-items: center;
24857
+ align-self: center;
24858
+ display: flex;
24859
+ margin-inline-end: 8px;
24860
+ }
24861
+ .v-snackbar__actions > .v-btn {
24862
+ padding: 0 8px;
24863
+ min-width: auto;
24864
+ }
24865
+ .v-snackbar__timer {
24866
+ width: 100%;
24867
+ position: absolute;
24868
+ top: 0;
24869
+ }
24870
+ .v-snackbar__timer .v-progress-linear {
24871
+ transition: 0.2s linear;
24872
+ }
24873
+ .v-snackbar--absolute {
24874
+ position: absolute;
24875
+ z-index: 1;
24876
+ }
24877
+ .v-snackbar--multi-line .v-snackbar__wrapper {
24878
+ min-height: 68px;
24879
+ }
24880
+ .v-snackbar--vertical .v-snackbar__wrapper {
24881
+ flex-direction: column;
24882
+ }
24883
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24884
+ align-self: flex-end;
24885
+ margin-bottom: 8px;
24886
+ }
24887
+ .v-snackbar--center {
24888
+ align-items: center;
24889
+ justify-content: center;
24890
+ }
24891
+ .v-snackbar--top {
24892
+ align-items: flex-start;
24893
+ }
24894
+ .v-snackbar--bottom {
24895
+ align-items: flex-end;
24896
+ }
24897
+ .v-snackbar--left, .v-snackbar--start {
24898
+ justify-content: flex-start;
24899
+ }
24900
+ .v-snackbar--right, .v-snackbar--end {
24901
+ justify-content: flex-end;
24902
+ }
24903
+
24904
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24905
+ transition-duration: 0.15s;
24906
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24907
+ }
24908
+ .v-snackbar-transition-enter-active {
24909
+ transition-property: opacity, transform;
24910
+ }
24911
+ .v-snackbar-transition-enter-from {
24912
+ opacity: 0;
24913
+ transform: scale(0.8);
24949
24914
  }
24950
-
24951
- .v-stepper-item__overlay,
24952
- .v-stepper-item__underlay {
24953
- pointer-events: none;
24915
+ .v-snackbar-transition-leave-active {
24916
+ transition-property: opacity;
24954
24917
  }
24955
- .v-stepper-item__overlay,
24956
- .v-stepper-item__underlay {
24957
- position: absolute;
24958
- top: 0;
24959
- left: 0;
24960
- width: 100%;
24961
- height: 100%;
24918
+ .v-snackbar-transition-leave-to {
24919
+ opacity: 0;
24962
24920
  }.v-switch .v-label {
24963
24921
  padding-inline-start: 10px;
24964
24922
  }
@@ -25236,49 +25194,113 @@ html.v-overlay-scroll-blocked {
25236
25194
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25237
25195
  margin-inline-end: 52px;
25238
25196
  }
25239
- }.v-system-bar {
25197
+ }/* region BLOCK */
25198
+ .v-text-field input {
25199
+ color: inherit;
25200
+ opacity: 0;
25201
+ flex: 1;
25202
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25203
+ min-width: 0;
25204
+ }
25205
+ .v-text-field input:focus, .v-text-field input:active {
25206
+ outline: none;
25207
+ }
25208
+ .v-text-field input:invalid {
25209
+ box-shadow: none;
25210
+ }
25211
+ .v-text-field .v-field {
25212
+ cursor: text;
25213
+ }
25214
+ .v-text-field--prefixed.v-text-field .v-field__input {
25215
+ --v-field-padding-start: 6px;
25216
+ }
25217
+
25218
+ .v-text-field--suffixed.v-text-field .v-field__input {
25219
+ --v-field-padding-end: 0;
25220
+ }
25221
+
25222
+ .v-text-field .v-input__details {
25223
+ padding-inline: 16px;
25224
+ }
25225
+ .v-input--plain-underlined.v-text-field .v-input__details {
25226
+ padding-inline: 0;
25227
+ }
25228
+
25229
+ .v-text-field .v-field--no-label input,
25230
+ .v-text-field .v-field--active input {
25231
+ opacity: 1;
25232
+ }
25233
+ .v-text-field .v-field--single-line input {
25234
+ transition: none;
25235
+ }
25236
+
25237
+ /* endregion */
25238
+ /* region ELEMENTS */
25239
+ .v-text-field__prefix, .v-text-field__suffix {
25240
25240
  align-items: center;
25241
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25242
+ cursor: default;
25241
25243
  display: flex;
25242
- flex: 1 1 auto;
25243
- height: 24px;
25244
- justify-content: flex-end;
25245
- max-width: 100%;
25246
- padding-inline: 8px;
25247
- position: relative;
25248
- text-align: end;
25249
- width: 100%;
25244
+ opacity: 0;
25245
+ transition: inherit;
25246
+ white-space: nowrap;
25247
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25248
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25249
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25250
25250
  }
25251
- .v-system-bar .v-icon {
25252
- opacity: var(--v-medium-emphasis-opacity);
25251
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25252
+ opacity: 1;
25253
25253
  }
25254
- .v-system-bar {
25255
- 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));
25254
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25255
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25256
25256
  }
25257
- .v-system-bar--absolute {
25258
- position: absolute;
25257
+ .v-text-field__prefix {
25258
+ padding-inline-start: var(--v-field-padding-start);
25259
25259
  }
25260
- .v-system-bar--fixed {
25261
- position: fixed;
25260
+ .v-text-field__suffix {
25261
+ padding-inline-end: var(--v-field-padding-end);
25262
25262
  }
25263
- .v-system-bar {
25264
- background: rgba(var(--v-theme-surface-light));
25265
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25263
+
25264
+ /* endregion */.v-textarea .v-field {
25265
+ --v-textarea-control-height: var(--v-input-control-height);
25266
25266
  }
25267
- .v-system-bar {
25268
- font-size: 0.75rem;
25269
- font-weight: 400;
25270
- letter-spacing: 0.0333333333em;
25271
- line-height: 1.667;
25272
- text-transform: none;
25267
+ .v-textarea .v-field__field {
25268
+ --v-input-control-height: var(--v-textarea-control-height);
25273
25269
  }
25274
- .v-system-bar--rounded {
25275
- border-radius: 0;
25270
+ .v-textarea .v-field__input {
25271
+ flex: 1 1 auto;
25272
+ outline: none;
25273
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25274
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25276
25275
  }
25277
- .v-system-bar--window {
25278
- height: 32px;
25276
+ .v-textarea .v-field__input.v-textarea__sizer {
25277
+ visibility: hidden;
25278
+ position: absolute;
25279
+ top: 0;
25280
+ left: 0;
25281
+ height: 0 !important;
25282
+ min-height: 0 !important;
25283
+ pointer-events: none;
25279
25284
  }
25280
- .v-system-bar:not(.v-system-bar--absolute) {
25281
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25285
+ .v-textarea--no-resize .v-field__input {
25286
+ resize: none;
25287
+ }
25288
+ .v-textarea .v-field--no-label textarea,
25289
+ .v-textarea .v-field--active textarea {
25290
+ opacity: 1;
25291
+ }
25292
+ .v-textarea textarea {
25293
+ opacity: 0;
25294
+ flex: 1;
25295
+ min-width: 0;
25296
+ height: 100%;
25297
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25298
+ }
25299
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25300
+ outline: none;
25301
+ }
25302
+ .v-textarea textarea:invalid {
25303
+ box-shadow: none;
25282
25304
  }.v-table {
25283
25305
  font-size: 0.875rem;
25284
25306
  transition-duration: 0.28s;
@@ -25381,154 +25403,50 @@ html.v-overlay-scroll-blocked {
25381
25403
  }
25382
25404
 
25383
25405
  .v-table__wrapper {
25384
- border-radius: inherit;
25385
- overflow: auto;
25386
- flex: 1 1 auto;
25387
- }
25388
-
25389
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
25390
- border-top-left-radius: 0;
25391
- }
25392
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25393
- border-top-right-radius: 0;
25394
- }
25395
-
25396
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25397
- border-bottom-left-radius: 0;
25398
- }
25399
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25400
- border-bottom-right-radius: 0;
25401
- }
25402
-
25403
- .v-table--fixed-height > .v-table__wrapper {
25404
- overflow-y: auto;
25405
- }
25406
-
25407
- .v-table--fixed-header > .v-table__wrapper > table > thead {
25408
- position: sticky;
25409
- top: 0;
25410
- z-index: 2;
25411
- }
25412
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25413
- border-bottom: 0px !important;
25414
- }
25415
-
25416
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25417
- position: sticky;
25418
- bottom: 0;
25419
- z-index: 1;
25420
- }
25421
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25422
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25423
- border-top: 0px !important;
25424
- }.v-textarea .v-field {
25425
- --v-textarea-control-height: var(--v-input-control-height);
25426
- }
25427
- .v-textarea .v-field__field {
25428
- --v-input-control-height: var(--v-textarea-control-height);
25429
- }
25430
- .v-textarea .v-field__input {
25431
- flex: 1 1 auto;
25432
- outline: none;
25433
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25434
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25435
- }
25436
- .v-textarea .v-field__input.v-textarea__sizer {
25437
- visibility: hidden;
25438
- position: absolute;
25439
- top: 0;
25440
- left: 0;
25441
- height: 0 !important;
25442
- min-height: 0 !important;
25443
- pointer-events: none;
25444
- }
25445
- .v-textarea--no-resize .v-field__input {
25446
- resize: none;
25447
- }
25448
- .v-textarea .v-field--no-label textarea,
25449
- .v-textarea .v-field--active textarea {
25450
- opacity: 1;
25451
- }
25452
- .v-textarea textarea {
25453
- opacity: 0;
25454
- flex: 1;
25455
- min-width: 0;
25456
- height: 100%;
25457
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25458
- }
25459
- .v-textarea textarea:focus, .v-textarea textarea:active {
25460
- outline: none;
25461
- }
25462
- .v-textarea textarea:invalid {
25463
- box-shadow: none;
25464
- }/* region BLOCK */
25465
- .v-text-field input {
25466
- color: inherit;
25467
- opacity: 0;
25468
- flex: 1;
25469
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25470
- min-width: 0;
25471
- }
25472
- .v-text-field input:focus, .v-text-field input:active {
25473
- outline: none;
25474
- }
25475
- .v-text-field input:invalid {
25476
- box-shadow: none;
25477
- }
25478
- .v-text-field .v-field {
25479
- cursor: text;
25480
- }
25481
- .v-text-field--prefixed.v-text-field .v-field__input {
25482
- --v-field-padding-start: 6px;
25483
- }
25484
-
25485
- .v-text-field--suffixed.v-text-field .v-field__input {
25486
- --v-field-padding-end: 0;
25487
- }
25488
-
25489
- .v-text-field .v-input__details {
25490
- padding-inline: 16px;
25491
- }
25492
- .v-input--plain-underlined.v-text-field .v-input__details {
25493
- padding-inline: 0;
25406
+ border-radius: inherit;
25407
+ overflow: auto;
25408
+ flex: 1 1 auto;
25494
25409
  }
25495
25410
 
25496
- .v-text-field .v-field--no-label input,
25497
- .v-text-field .v-field--active input {
25498
- opacity: 1;
25411
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
25412
+ border-top-left-radius: 0;
25499
25413
  }
25500
- .v-text-field .v-field--single-line input {
25501
- transition: none;
25414
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25415
+ border-top-right-radius: 0;
25502
25416
  }
25503
25417
 
25504
- /* endregion */
25505
- /* region ELEMENTS */
25506
- .v-text-field__prefix, .v-text-field__suffix {
25507
- align-items: center;
25508
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25509
- cursor: default;
25510
- display: flex;
25511
- opacity: 0;
25512
- transition: inherit;
25513
- white-space: nowrap;
25514
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25515
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25516
- padding-bottom: var(--v-field-padding-bottom, 6px);
25418
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25419
+ border-bottom-left-radius: 0;
25517
25420
  }
25518
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25519
- opacity: 1;
25421
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25422
+ border-bottom-right-radius: 0;
25520
25423
  }
25521
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25522
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25424
+
25425
+ .v-table--fixed-height > .v-table__wrapper {
25426
+ overflow-y: auto;
25523
25427
  }
25524
- .v-text-field__prefix {
25525
- padding-inline-start: var(--v-field-padding-start);
25428
+
25429
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
25430
+ position: sticky;
25431
+ top: 0;
25432
+ z-index: 2;
25526
25433
  }
25527
- .v-text-field__suffix {
25528
- padding-inline-end: var(--v-field-padding-end);
25434
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25435
+ border-bottom: 0px !important;
25529
25436
  }
25530
25437
 
25531
- /* endregion */.v-timeline .v-timeline-divider__dot {
25438
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25439
+ position: sticky;
25440
+ bottom: 0;
25441
+ z-index: 1;
25442
+ }
25443
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25444
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25445
+ border-top: 0px !important;
25446
+ }.v-theme-provider {
25447
+ background: rgb(var(--v-theme-background));
25448
+ color: rgb(var(--v-theme-on-background));
25449
+ }.v-timeline .v-timeline-divider__dot {
25532
25450
  background: rgb(var(--v-theme-surface-light));
25533
25451
  }
25534
25452
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25946,9 +25864,6 @@ html.v-overlay-scroll-blocked {
25946
25864
 
25947
25865
  .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 {
25948
25866
  padding-inline-end: 0;
25949
- }.v-theme-provider {
25950
- background: rgb(var(--v-theme-background));
25951
- color: rgb(var(--v-theme-on-background));
25952
25867
  }.v-toolbar {
25953
25868
  align-items: flex-start;
25954
25869
  display: flex;
@@ -26194,161 +26109,198 @@ html.v-overlay-scroll-blocked {
26194
26109
  }
26195
26110
  .v-virtual-scroll__container {
26196
26111
  display: block;
26197
- }.v-breadcrumbs {
26198
- display: flex;
26199
- align-items: center;
26200
- line-height: 1.6;
26201
- padding: 16px 12px;
26112
+ }.v-input {
26113
+ display: grid;
26114
+ flex: 1 1 auto;
26115
+ font-size: 1rem;
26116
+ font-weight: 400;
26117
+ line-height: 1.5;
26202
26118
  }
26203
- .v-breadcrumbs--rounded {
26204
- border-radius: 4px;
26119
+ .v-input--disabled {
26120
+ pointer-events: none;
26205
26121
  }
26206
- .v-breadcrumbs--density-default {
26207
- padding-top: 16px;
26208
- padding-bottom: 16px;
26122
+ .v-input--density-default {
26123
+ --v-input-control-height: 56px;
26124
+ --v-input-padding-top: 16px;
26209
26125
  }
26210
26126
 
26211
- .v-breadcrumbs--density-comfortable {
26212
- padding-top: 12px;
26213
- padding-bottom: 12px;
26127
+ .v-input--density-comfortable {
26128
+ --v-input-control-height: 48px;
26129
+ --v-input-padding-top: 12px;
26214
26130
  }
26215
26131
 
26216
- .v-breadcrumbs--density-compact {
26217
- padding-top: 8px;
26218
- padding-bottom: 8px;
26132
+ .v-input--density-compact {
26133
+ --v-input-control-height: 40px;
26134
+ --v-input-padding-top: 8px;
26219
26135
  }
26220
26136
 
26221
- .v-breadcrumbs__prepend {
26222
- align-items: center;
26223
- display: inline-flex;
26137
+ .v-input--vertical {
26138
+ grid-template-areas: "append" "control" "prepend";
26139
+ grid-template-rows: max-content auto max-content;
26140
+ grid-template-columns: min-content;
26224
26141
  }
26225
-
26226
- .v-breadcrumbs-item {
26227
- align-items: center;
26228
- color: inherit;
26229
- display: inline-flex;
26230
- padding: 0 4px;
26231
- text-decoration: none;
26232
- vertical-align: middle;
26142
+ .v-input--vertical .v-input__prepend {
26143
+ margin-block-start: 16px;
26233
26144
  }
26234
- .v-breadcrumbs-item--disabled {
26235
- opacity: var(--v-disabled-opacity);
26236
- pointer-events: none;
26145
+ .v-input--vertical .v-input__append {
26146
+ margin-block-end: 16px;
26237
26147
  }
26238
- .v-breadcrumbs-item--link {
26239
- color: inherit;
26240
- text-decoration: none;
26148
+
26149
+ .v-input--horizontal {
26150
+ grid-template-areas: "prepend control append" "a messages b";
26151
+ grid-template-columns: max-content minmax(0, 1fr) max-content;
26152
+ grid-template-rows: 1fr auto;
26241
26153
  }
26242
- .v-breadcrumbs-item--link:hover {
26243
- text-decoration: underline;
26154
+ .v-input--horizontal .v-input__prepend {
26155
+ margin-inline-end: 16px;
26244
26156
  }
26245
- .v-breadcrumbs-item .v-icon {
26246
- font-size: 1rem;
26247
- margin-inline: -4px 2px;
26157
+ .v-input--horizontal .v-input__append {
26158
+ margin-inline-start: 16px;
26248
26159
  }
26249
26160
 
26250
- .v-breadcrumbs-divider {
26251
- display: inline-block;
26252
- padding: 0 8px;
26253
- vertical-align: middle;
26254
- }.v-color-picker-edit {
26161
+ .v-input__details {
26162
+ align-items: flex-end;
26255
26163
  display: flex;
26256
- margin-top: 24px;
26164
+ font-size: 0.75rem;
26165
+ font-weight: 400;
26166
+ grid-area: messages;
26167
+ letter-spacing: 0.0333333333em;
26168
+ line-height: normal;
26169
+ min-height: 22px;
26170
+ padding-top: 6px;
26171
+ overflow: hidden;
26172
+ justify-content: space-between;
26257
26173
  }
26258
26174
 
26259
- .v-color-picker-edit__input {
26260
- width: 100%;
26261
- display: flex;
26262
- flex-wrap: wrap;
26263
- justify-content: center;
26264
- text-align: center;
26175
+ .v-input__details > .v-icon,
26176
+ .v-input__prepend > .v-icon,
26177
+ .v-input__append > .v-icon {
26178
+ opacity: var(--v-medium-emphasis-opacity);
26265
26179
  }
26266
- .v-color-picker-edit__input:not(:last-child) {
26267
- margin-inline-end: 8px;
26180
+ .v-input--disabled .v-input__details > .v-icon,
26181
+ .v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
26182
+ .v-input--error .v-input__details .v-messages,
26183
+ .v-input--disabled .v-input__prepend > .v-icon,
26184
+ .v-input--disabled .v-input__prepend .v-messages,
26185
+ .v-input--error .v-input__prepend > .v-icon,
26186
+ .v-input--error .v-input__prepend .v-messages,
26187
+ .v-input--disabled .v-input__append > .v-icon,
26188
+ .v-input--disabled .v-input__append .v-messages,
26189
+ .v-input--error .v-input__append > .v-icon,
26190
+ .v-input--error .v-input__append .v-messages {
26191
+ opacity: 1;
26268
26192
  }
26269
- .v-color-picker-edit__input input {
26270
- border-radius: 4px;
26271
- margin-bottom: 8px;
26272
- min-width: 0;
26273
- outline: none;
26274
- text-align: center;
26275
- width: 100%;
26276
- height: 32px;
26277
- background: rgba(var(--v-theme-surface-variant), 0.2);
26278
- color: rgba(var(--v-theme-on-surface));
26193
+ .v-input--disabled .v-input__details,
26194
+ .v-input--disabled .v-input__prepend,
26195
+ .v-input--disabled .v-input__append {
26196
+ opacity: var(--v-disabled-opacity);
26279
26197
  }
26280
- .v-color-picker-edit__input span {
26281
- font-size: 0.75rem;
26282
- }.v-color-picker-preview__alpha .v-slider-track__background {
26283
- background-color: transparent !important;
26198
+ .v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
26199
+ .v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
26200
+ .v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
26201
+ .v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
26202
+ .v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
26203
+ .v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
26204
+ color: rgb(var(--v-theme-error));
26284
26205
  }
26285
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26286
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26206
+
26207
+ .v-input__prepend,
26208
+ .v-input__append {
26209
+ display: flex;
26210
+ align-items: flex-start;
26211
+ padding-top: var(--v-input-padding-top);
26212
+ }
26213
+ .v-input--center-affix .v-input__prepend,
26214
+ .v-input--center-affix .v-input__append {
26215
+ align-items: center;
26216
+ padding-top: 0;
26287
26217
  }
26288
26218
 
26289
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26290
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26219
+ .v-input__prepend {
26220
+ grid-area: prepend;
26291
26221
  }
26292
26222
 
26293
- .v-color-picker-preview__alpha .v-slider-track__background::after {
26294
- content: "";
26295
- z-index: -1;
26296
- left: 0;
26297
- top: 0;
26298
- width: 100%;
26299
- height: 100%;
26300
- position: absolute;
26301
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26302
- border-radius: inherit;
26223
+ .v-input__append {
26224
+ grid-area: append;
26303
26225
  }
26304
26226
 
26305
- .v-color-picker-preview__sliders {
26227
+ .v-input__control {
26306
26228
  display: flex;
26307
- flex: 1 0 auto;
26308
- flex-direction: column;
26309
- padding-inline-end: 16px;
26229
+ grid-area: control;
26310
26230
  }
26311
26231
 
26312
- .v-color-picker-preview__dot {
26313
- position: relative;
26314
- height: 30px;
26315
- width: 30px;
26316
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26317
- border-radius: 50%;
26318
- overflow: hidden;
26319
- margin-inline-end: 24px;
26232
+ .v-input--hide-spin-buttons input::-webkit-outer-spin-button,
26233
+ .v-input--hide-spin-buttons input::-webkit-inner-spin-button {
26234
+ -webkit-appearance: none;
26235
+ margin: 0;
26320
26236
  }
26321
- .v-color-picker-preview__dot > div {
26322
- width: 100%;
26323
- height: 100%;
26237
+ .v-input--hide-spin-buttons input[type=number] {
26238
+ -moz-appearance: textfield;
26239
+ }
26240
+ .v-input--plain-underlined .v-input__prepend,
26241
+ .v-input--plain-underlined .v-input__append {
26242
+ align-items: flex-start;
26243
+ }
26244
+ .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
26245
+ padding-top: calc(var(--v-input-padding-top) + 4px);
26324
26246
  }
26325
26247
 
26326
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26327
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26248
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
26249
+ padding-top: calc(var(--v-input-padding-top) + 2px);
26328
26250
  }
26329
26251
 
26330
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26331
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26252
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
26253
+ padding-top: calc(var(--v-input-padding-top) + 0px);
26254
+ }.v-color-picker-edit {
26255
+ display: flex;
26256
+ margin-top: 24px;
26332
26257
  }
26333
26258
 
26334
- .v-color-picker-preview__track {
26335
- position: relative;
26259
+ .v-color-picker-edit__input {
26336
26260
  width: 100%;
26337
- margin: 0 !important;
26261
+ display: flex;
26262
+ flex-wrap: wrap;
26263
+ justify-content: center;
26264
+ text-align: center;
26338
26265
  }
26339
- .v-color-picker-preview__track .v-slider-track__fill {
26340
- display: none;
26266
+ .v-color-picker-edit__input:not(:last-child) {
26267
+ margin-inline-end: 8px;
26341
26268
  }
26342
-
26343
- .v-color-picker-preview {
26344
- align-items: center;
26345
- display: flex;
26346
- margin-bottom: 0;
26269
+ .v-color-picker-edit__input input {
26270
+ border-radius: 4px;
26271
+ margin-bottom: 8px;
26272
+ min-width: 0;
26273
+ outline: none;
26274
+ text-align: center;
26275
+ width: 100%;
26276
+ height: 32px;
26277
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26278
+ color: rgba(var(--v-theme-on-surface));
26347
26279
  }
26348
-
26349
- .v-color-picker-preview__eye-dropper {
26280
+ .v-color-picker-edit__input span {
26281
+ font-size: 0.75rem;
26282
+ }.v-color-picker-canvas {
26283
+ display: flex;
26350
26284
  position: relative;
26351
- margin-right: 12px;
26285
+ overflow: hidden;
26286
+ contain: content;
26287
+ touch-action: none;
26288
+ }
26289
+ .v-color-picker-canvas__dot {
26290
+ position: absolute;
26291
+ top: 0;
26292
+ left: 0;
26293
+ width: 15px;
26294
+ height: 15px;
26295
+ background: transparent;
26296
+ border-radius: 50%;
26297
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26298
+ }
26299
+ .v-color-picker-canvas__dot--disabled {
26300
+ 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);
26301
+ }
26302
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26303
+ will-change: transform;
26352
26304
  }.v-color-picker-swatches {
26353
26305
  overflow-y: auto;
26354
26306
  }
@@ -26384,244 +26336,133 @@ html.v-overlay-scroll-blocked {
26384
26336
  justify-content: center;
26385
26337
  width: 100%;
26386
26338
  height: 100%;
26387
- }.v-color-picker-canvas {
26388
- display: flex;
26389
- position: relative;
26390
- overflow: hidden;
26391
- contain: content;
26392
- touch-action: none;
26393
- }
26394
- .v-color-picker-canvas__dot {
26395
- position: absolute;
26396
- top: 0;
26397
- left: 0;
26398
- width: 15px;
26399
- height: 15px;
26400
- background: transparent;
26401
- border-radius: 50%;
26402
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26403
- }
26404
- .v-color-picker-canvas__dot--disabled {
26405
- 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);
26406
- }
26407
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26408
- will-change: transform;
26409
- }.v-picker.v-sheet {
26410
- display: grid;
26411
- grid-auto-rows: min-content;
26412
- grid-template-areas: "title" "header" "body";
26413
- overflow: hidden;
26414
- }
26415
- .v-picker.v-sheet {
26416
- 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));
26417
- }
26418
- .v-picker.v-sheet {
26419
- border-radius: 4px;
26339
+ }.v-color-picker-preview__alpha .v-slider-track__background {
26340
+ background-color: transparent !important;
26420
26341
  }
26421
- .v-picker.v-sheet.v-picker--with-actions {
26422
- grid-template-areas: "title" "header" "body" "actions";
26342
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26343
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26423
26344
  }
26424
26345
 
26425
- .v-picker__body {
26426
- grid-area: body;
26427
- overflow: hidden;
26428
- position: relative;
26346
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26347
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26429
26348
  }
26430
26349
 
26431
- .v-picker__header {
26432
- grid-area: header;
26350
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
26351
+ content: "";
26352
+ z-index: -1;
26353
+ left: 0;
26354
+ top: 0;
26355
+ width: 100%;
26356
+ height: 100%;
26357
+ position: absolute;
26358
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26359
+ border-radius: inherit;
26433
26360
  }
26434
26361
 
26435
- .v-picker__actions {
26436
- grid-area: actions;
26437
- padding: 0 12px 12px;
26362
+ .v-color-picker-preview__sliders {
26438
26363
  display: flex;
26439
- align-items: center;
26440
- justify-content: flex-end;
26441
- }
26442
- .v-picker__actions .v-btn {
26443
- min-width: 48px;
26444
- }
26445
- .v-picker__actions .v-btn:not(:last-child) {
26446
- margin-inline-end: 8px;
26447
- }
26448
-
26449
- .v-picker--landscape {
26450
- grid-template-areas: "title" "header body" "header body";
26451
- }
26452
-
26453
- .v-picker--landscape.v-picker--with-actions {
26454
- grid-template-areas: "title" "header body" "header actions";
26455
- }
26456
-
26457
- .v-picker-title {
26458
- text-transform: uppercase;
26459
- font-size: 0.75rem;
26460
- grid-area: title;
26461
- padding-inline: 24px 12px;
26462
- padding-top: 16px;
26463
- padding-bottom: 16px;
26464
- font-weight: 400;
26465
- letter-spacing: 0.1666666667em;
26466
- }.v-slider-thumb {
26467
- touch-action: none;
26468
- color: rgb(var(--v-theme-surface-variant));
26469
- }
26470
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26471
- color: inherit;
26472
- }
26473
-
26474
- .v-slider-thumb__label {
26475
- background: rgba(var(--v-theme-surface-variant), 0.7);
26476
- color: rgb(var(--v-theme-on-surface-variant));
26477
- }
26478
- .v-slider-thumb__label::before {
26479
- color: rgba(var(--v-theme-surface-variant), 0.7);
26480
- }
26481
-
26482
- .v-slider-thumb {
26483
- outline: none;
26484
- position: absolute;
26485
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26364
+ flex: 1 0 auto;
26365
+ flex-direction: column;
26366
+ padding-inline-end: 16px;
26486
26367
  }
26487
26368
 
26488
- .v-slider-thumb__surface {
26489
- cursor: pointer;
26490
- width: var(--v-slider-thumb-size);
26491
- height: var(--v-slider-thumb-size);
26369
+ .v-color-picker-preview__dot {
26370
+ position: relative;
26371
+ height: 30px;
26372
+ width: 30px;
26373
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26492
26374
  border-radius: 50%;
26493
- -webkit-user-select: none;
26494
- user-select: none;
26495
- background-color: currentColor;
26496
- }
26497
- @media (forced-colors: active) {
26498
- .v-slider-thumb__surface {
26499
- background-color: highlight;
26500
- }
26375
+ overflow: hidden;
26376
+ margin-inline-end: 24px;
26501
26377
  }
26502
- .v-slider-thumb__surface::before {
26503
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26504
- content: "";
26505
- color: inherit;
26506
- top: 0;
26507
- left: 0;
26378
+ .v-color-picker-preview__dot > div {
26508
26379
  width: 100%;
26509
26380
  height: 100%;
26510
- border-radius: 50%;
26511
- background: currentColor;
26512
- position: absolute;
26513
- pointer-events: none;
26514
- opacity: 0;
26515
- }
26516
- .v-slider-thumb__surface::after {
26517
- content: "";
26518
- width: 42px;
26519
- height: 42px;
26520
- position: absolute;
26521
- top: 50%;
26522
- left: 50%;
26523
- transform: translate(-50%, -50%);
26524
26381
  }
26525
26382
 
26526
- .v-slider-thumb__label-container {
26527
- position: absolute;
26528
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26383
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26384
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26529
26385
  }
26530
26386
 
26531
- .v-slider-thumb__label {
26532
- display: flex;
26533
- align-items: center;
26534
- justify-content: center;
26535
- font-size: 0.75rem;
26536
- min-width: 35px;
26537
- height: 25px;
26538
- border-radius: 4px;
26539
- padding: 6px;
26540
- position: absolute;
26541
- -webkit-user-select: none;
26542
- user-select: none;
26543
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26544
- }
26545
- .v-slider-thumb__label::before {
26546
- content: "";
26547
- width: 0;
26548
- height: 0;
26549
- position: absolute;
26387
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26388
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26550
26389
  }
26551
26390
 
26552
- .v-slider-thumb__ripple {
26553
- position: absolute;
26554
- left: calc(var(--v-slider-thumb-size) / -2);
26555
- top: calc(var(--v-slider-thumb-size) / -2);
26556
- width: calc(var(--v-slider-thumb-size) * 2);
26557
- height: calc(var(--v-slider-thumb-size) * 2);
26558
- background: inherit;
26391
+ .v-color-picker-preview__track {
26392
+ position: relative;
26393
+ width: 100%;
26394
+ margin: 0 !important;
26395
+ }
26396
+ .v-color-picker-preview__track .v-slider-track__fill {
26397
+ display: none;
26559
26398
  }
26560
26399
 
26561
- .v-slider.v-input--horizontal .v-slider-thumb {
26562
- top: 50%;
26563
- transform: translateY(-50%);
26564
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26400
+ .v-color-picker-preview {
26401
+ align-items: center;
26402
+ display: flex;
26403
+ margin-bottom: 0;
26565
26404
  }
26566
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26567
- left: calc(var(--v-slider-thumb-size) / 2);
26568
- top: 0;
26405
+
26406
+ .v-color-picker-preview__eye-dropper {
26407
+ position: relative;
26408
+ margin-right: 12px;
26409
+ }.v-picker.v-sheet {
26410
+ display: grid;
26411
+ grid-auto-rows: min-content;
26412
+ grid-template-areas: "title" "header" "body";
26413
+ overflow: hidden;
26569
26414
  }
26570
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26571
- bottom: calc(var(--v-slider-thumb-size) / 2);
26415
+ .v-picker.v-sheet {
26416
+ 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));
26572
26417
  }
26573
- .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 {
26574
- transform: translateX(-50%);
26418
+ .v-picker.v-sheet {
26419
+ border-radius: 4px;
26575
26420
  }
26576
-
26577
- .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 {
26578
- transform: translateX(50%);
26421
+ .v-picker.v-sheet.v-picker--with-actions {
26422
+ grid-template-areas: "title" "header" "body" "actions";
26579
26423
  }
26580
26424
 
26581
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26582
- border-left: 6px solid transparent;
26583
- border-right: 6px solid transparent;
26584
- border-top: 6px solid currentColor;
26585
- bottom: -6px;
26425
+ .v-picker__body {
26426
+ grid-area: body;
26427
+ overflow: hidden;
26428
+ position: relative;
26586
26429
  }
26587
26430
 
26588
- .v-slider.v-input--vertical .v-slider-thumb {
26589
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26431
+ .v-picker__header {
26432
+ grid-area: header;
26590
26433
  }
26591
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26592
- top: calc(var(--v-slider-thumb-size) / 2);
26593
- right: 0;
26434
+
26435
+ .v-picker__actions {
26436
+ grid-area: actions;
26437
+ padding: 0 12px 12px;
26438
+ display: flex;
26439
+ align-items: center;
26440
+ justify-content: flex-end;
26594
26441
  }
26595
- .v-slider.v-input--vertical .v-slider-thumb__label {
26596
- top: -12.5px;
26597
- left: calc(var(--v-slider-thumb-size) / 2);
26442
+ .v-picker__actions .v-btn {
26443
+ min-width: 48px;
26598
26444
  }
26599
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26600
- border-right: 6px solid currentColor;
26601
- border-top: 6px solid transparent;
26602
- border-bottom: 6px solid transparent;
26603
- left: -6px;
26445
+ .v-picker__actions .v-btn:not(:last-child) {
26446
+ margin-inline-end: 8px;
26604
26447
  }
26605
26448
 
26606
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26607
- transform: scale(2);
26608
- opacity: var(--v-focus-opacity);
26449
+ .v-picker--landscape {
26450
+ grid-template-areas: "title" "header body" "header body";
26609
26451
  }
26610
26452
 
26611
- .v-slider-thumb--pressed {
26612
- transition: none;
26613
- }
26614
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26615
- opacity: var(--v-pressed-opacity);
26453
+ .v-picker--landscape.v-picker--with-actions {
26454
+ grid-template-areas: "title" "header body" "header actions";
26616
26455
  }
26617
26456
 
26618
- @media (hover: hover) {
26619
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26620
- transform: scale(2);
26621
- }
26622
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26623
- opacity: var(--v-hover-opacity);
26624
- }
26457
+ .v-picker-title {
26458
+ text-transform: uppercase;
26459
+ font-size: 0.75rem;
26460
+ grid-area: title;
26461
+ padding-inline: 24px 12px;
26462
+ padding-top: 16px;
26463
+ padding-bottom: 16px;
26464
+ font-weight: 400;
26465
+ letter-spacing: 0.1666666667em;
26625
26466
  }.v-slider-track__background {
26626
26467
  background-color: rgb(var(--v-theme-surface-variant));
26627
26468
  }
@@ -26800,4 +26641,163 @@ html.v-overlay-scroll-blocked {
26800
26641
 
26801
26642
  .v-slider-track__background--opacity {
26802
26643
  opacity: 0.38;
26644
+ }.v-slider-thumb {
26645
+ touch-action: none;
26646
+ color: rgb(var(--v-theme-surface-variant));
26647
+ }
26648
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26649
+ color: inherit;
26650
+ }
26651
+
26652
+ .v-slider-thumb__label {
26653
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26654
+ color: rgb(var(--v-theme-on-surface-variant));
26655
+ }
26656
+ .v-slider-thumb__label::before {
26657
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26658
+ }
26659
+
26660
+ .v-slider-thumb {
26661
+ outline: none;
26662
+ position: absolute;
26663
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26664
+ }
26665
+
26666
+ .v-slider-thumb__surface {
26667
+ cursor: pointer;
26668
+ width: var(--v-slider-thumb-size);
26669
+ height: var(--v-slider-thumb-size);
26670
+ border-radius: 50%;
26671
+ -webkit-user-select: none;
26672
+ user-select: none;
26673
+ background-color: currentColor;
26674
+ }
26675
+ @media (forced-colors: active) {
26676
+ .v-slider-thumb__surface {
26677
+ background-color: highlight;
26678
+ }
26679
+ }
26680
+ .v-slider-thumb__surface::before {
26681
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26682
+ content: "";
26683
+ color: inherit;
26684
+ top: 0;
26685
+ left: 0;
26686
+ width: 100%;
26687
+ height: 100%;
26688
+ border-radius: 50%;
26689
+ background: currentColor;
26690
+ position: absolute;
26691
+ pointer-events: none;
26692
+ opacity: 0;
26693
+ }
26694
+ .v-slider-thumb__surface::after {
26695
+ content: "";
26696
+ width: 42px;
26697
+ height: 42px;
26698
+ position: absolute;
26699
+ top: 50%;
26700
+ left: 50%;
26701
+ transform: translate(-50%, -50%);
26702
+ }
26703
+
26704
+ .v-slider-thumb__label-container {
26705
+ position: absolute;
26706
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26707
+ }
26708
+
26709
+ .v-slider-thumb__label {
26710
+ display: flex;
26711
+ align-items: center;
26712
+ justify-content: center;
26713
+ font-size: 0.75rem;
26714
+ min-width: 35px;
26715
+ height: 25px;
26716
+ border-radius: 4px;
26717
+ padding: 6px;
26718
+ position: absolute;
26719
+ -webkit-user-select: none;
26720
+ user-select: none;
26721
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26722
+ }
26723
+ .v-slider-thumb__label::before {
26724
+ content: "";
26725
+ width: 0;
26726
+ height: 0;
26727
+ position: absolute;
26728
+ }
26729
+
26730
+ .v-slider-thumb__ripple {
26731
+ position: absolute;
26732
+ left: calc(var(--v-slider-thumb-size) / -2);
26733
+ top: calc(var(--v-slider-thumb-size) / -2);
26734
+ width: calc(var(--v-slider-thumb-size) * 2);
26735
+ height: calc(var(--v-slider-thumb-size) * 2);
26736
+ background: inherit;
26737
+ }
26738
+
26739
+ .v-slider.v-input--horizontal .v-slider-thumb {
26740
+ top: 50%;
26741
+ transform: translateY(-50%);
26742
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26743
+ }
26744
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26745
+ left: calc(var(--v-slider-thumb-size) / 2);
26746
+ top: 0;
26747
+ }
26748
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26749
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26750
+ }
26751
+ .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 {
26752
+ transform: translateX(-50%);
26753
+ }
26754
+
26755
+ .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 {
26756
+ transform: translateX(50%);
26757
+ }
26758
+
26759
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26760
+ border-left: 6px solid transparent;
26761
+ border-right: 6px solid transparent;
26762
+ border-top: 6px solid currentColor;
26763
+ bottom: -6px;
26764
+ }
26765
+
26766
+ .v-slider.v-input--vertical .v-slider-thumb {
26767
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26768
+ }
26769
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26770
+ top: calc(var(--v-slider-thumb-size) / 2);
26771
+ right: 0;
26772
+ }
26773
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26774
+ top: -12.5px;
26775
+ left: calc(var(--v-slider-thumb-size) / 2);
26776
+ }
26777
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26778
+ border-right: 6px solid currentColor;
26779
+ border-top: 6px solid transparent;
26780
+ border-bottom: 6px solid transparent;
26781
+ left: -6px;
26782
+ }
26783
+
26784
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26785
+ transform: scale(2);
26786
+ opacity: var(--v-focus-opacity);
26787
+ }
26788
+
26789
+ .v-slider-thumb--pressed {
26790
+ transition: none;
26791
+ }
26792
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26793
+ opacity: var(--v-pressed-opacity);
26794
+ }
26795
+
26796
+ @media (hover: hover) {
26797
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26798
+ transform: scale(2);
26799
+ }
26800
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26801
+ opacity: var(--v-hover-opacity);
26802
+ }
26803
26803
  }