@vuetify/nightly 3.8.1-master.2025-04-07 → 3.8.1-master.2025-04-08

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/CHANGELOG.md +12 -3
  2. package/dist/json/attributes.json +2796 -2796
  3. package/dist/json/importMap-labs.json +30 -30
  4. package/dist/json/importMap.json +132 -132
  5. package/dist/json/web-types.json +5227 -5227
  6. package/dist/vuetify-labs.cjs +107 -185
  7. package/dist/vuetify-labs.css +3264 -3264
  8. package/dist/vuetify-labs.d.ts +57 -55
  9. package/dist/vuetify-labs.esm.js +107 -185
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +107 -185
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.cjs +107 -185
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +2167 -2167
  16. package/dist/vuetify.d.ts +57 -55
  17. package/dist/vuetify.esm.js +107 -185
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +107 -185
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +2 -2
  22. package/dist/vuetify.min.js +277 -263
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VDataTable/VDataTable.css +1 -1
  25. package/lib/components/VDataTable/VDataTable.sass +1 -1
  26. package/lib/composables/calendar.js +2 -2
  27. package/lib/composables/calendar.js.map +1 -1
  28. package/lib/composables/date/DateAdapter.d.ts +1 -0
  29. package/lib/composables/date/DateAdapter.js.map +1 -1
  30. package/lib/composables/date/adapters/vuetify.d.ts +1 -0
  31. package/lib/composables/date/adapters/vuetify.js +101 -160
  32. package/lib/composables/date/adapters/vuetify.js.map +1 -1
  33. package/lib/composables/date/date.d.ts +1 -1
  34. package/lib/composables/date/date.js +0 -20
  35. package/lib/composables/date/date.js.map +1 -1
  36. package/lib/composables/filter.js +2 -1
  37. package/lib/composables/filter.js.map +1 -1
  38. package/lib/entry-bundler.d.ts +1 -0
  39. package/lib/entry-bundler.js +1 -1
  40. package/lib/framework.d.ts +57 -55
  41. package/lib/framework.js +1 -1
  42. package/lib/labs/entry-bundler.d.ts +1 -0
  43. package/package.json +4 -4
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.8.1-master.2025-04-07
2
+ * Vuetify v3.8.1-master.2025-04-08
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17982,34 +17982,6 @@ html.overflow-y-hidden {
17982
17982
  }
17983
17983
  .v-kbd {
17984
17984
  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));
17985
- }.v-application {
17986
- display: flex;
17987
- background: rgb(var(--v-theme-background));
17988
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17989
- }
17990
-
17991
- .v-application__wrap {
17992
- -webkit-backface-visibility: hidden;
17993
- backface-visibility: hidden;
17994
- display: flex;
17995
- flex-direction: column;
17996
- flex: 1 1 auto;
17997
- max-width: 100%;
17998
- min-height: 100vh;
17999
- min-height: 100dvh;
18000
- position: relative;
18001
- }.v-app-bar {
18002
- display: flex;
18003
- }
18004
- .v-app-bar.v-toolbar {
18005
- background: rgb(var(--v-theme-surface));
18006
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18007
- }
18008
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18009
- 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));
18010
- }
18011
- .v-app-bar:not(.v-toolbar--absolute) {
18012
- padding-inline-end: var(--v-scrollbar-offset);
18013
17985
  }.v-alert {
18014
17986
  display: grid;
18015
17987
  flex: 1 1;
@@ -18226,167 +18198,34 @@ html.overflow-y-hidden {
18226
18198
  text-transform: none;
18227
18199
  word-break: normal;
18228
18200
  word-wrap: break-word;
18229
- }.v-badge {
18230
- display: inline-block;
18231
- line-height: 1;
18232
- }
18233
-
18234
- .v-badge__badge {
18235
- align-items: center;
18236
- display: inline-flex;
18237
- border-radius: 10px;
18238
- font-family: "Roboto", sans-serif;
18239
- font-size: 0.75rem;
18240
- font-weight: 500;
18241
- height: 1.25rem;
18242
- justify-content: center;
18243
- min-width: 20px;
18244
- padding: 4px 6px;
18245
- pointer-events: auto;
18246
- position: absolute;
18247
- text-align: center;
18248
- text-indent: 0;
18249
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18250
- white-space: nowrap;
18251
- }
18252
- .v-badge__badge {
18253
- background: rgb(var(--v-theme-surface-variant));
18254
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18255
- }
18256
- .v-badge__badge:has(.v-icon) {
18257
- padding: 4px 6px;
18258
- }
18259
- .v-badge--bordered .v-badge__badge::after {
18260
- border-radius: inherit;
18261
- border-style: solid;
18262
- border-width: 2px;
18263
- bottom: 0;
18264
- color: rgb(var(--v-theme-background));
18265
- content: "";
18266
- left: 0;
18267
- position: absolute;
18268
- right: 0;
18269
- top: 0;
18270
- transform: scale(1.05);
18271
- }
18272
- .v-badge--dot .v-badge__badge {
18273
- border-radius: 4.5px;
18274
- height: 9px;
18275
- min-width: 0;
18276
- padding: 0;
18277
- width: 9px;
18278
- }
18279
- .v-badge--dot .v-badge__badge::after {
18280
- border-width: 1.5px;
18201
+ }.v-app-bar {
18202
+ display: flex;
18281
18203
  }
18282
- .v-badge--inline .v-badge__badge {
18283
- position: relative;
18284
- vertical-align: middle;
18204
+ .v-app-bar.v-toolbar {
18205
+ background: rgb(var(--v-theme-surface));
18206
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18285
18207
  }
18286
- .v-badge__badge .v-icon {
18287
- color: inherit;
18288
- font-size: 0.75rem;
18289
- margin: 0 -2px;
18208
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18209
+ 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));
18290
18210
  }
18291
- .v-badge__badge img,
18292
- .v-badge__badge .v-img {
18293
- height: 100%;
18294
- width: 100%;
18211
+ .v-app-bar:not(.v-toolbar--absolute) {
18212
+ padding-inline-end: var(--v-scrollbar-offset);
18213
+ }.v-application {
18214
+ display: flex;
18215
+ background: rgb(var(--v-theme-background));
18216
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18295
18217
  }
18296
18218
 
18297
- .v-badge__wrapper {
18219
+ .v-application__wrap {
18220
+ -webkit-backface-visibility: hidden;
18221
+ backface-visibility: hidden;
18298
18222
  display: flex;
18223
+ flex-direction: column;
18224
+ flex: 1 1 auto;
18225
+ max-width: 100%;
18226
+ min-height: 100vh;
18227
+ min-height: 100dvh;
18299
18228
  position: relative;
18300
- }
18301
- .v-badge--inline .v-badge__wrapper {
18302
- align-items: center;
18303
- display: inline-flex;
18304
- justify-content: center;
18305
- margin: 0 4px;
18306
- }.v-autocomplete .v-field .v-text-field__prefix,
18307
- .v-autocomplete .v-field .v-text-field__suffix,
18308
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18309
- cursor: text;
18310
- }
18311
- .v-autocomplete .v-field .v-field__input > input {
18312
- flex: 1 1;
18313
- }
18314
- .v-autocomplete .v-field input {
18315
- min-width: 64px;
18316
- }
18317
- .v-autocomplete .v-field:not(.v-field--focused) input {
18318
- min-width: 0;
18319
- }
18320
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18321
- margin-inline-end: 2px;
18322
- }
18323
- .v-autocomplete .v-autocomplete__selection-text {
18324
- overflow: hidden;
18325
- text-overflow: ellipsis;
18326
- white-space: nowrap;
18327
- }
18328
-
18329
- .v-autocomplete__content {
18330
- overflow: hidden;
18331
- }
18332
- .v-autocomplete__content {
18333
- 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));
18334
- }
18335
- .v-autocomplete__content {
18336
- border-radius: 4px;
18337
- }
18338
- .v-autocomplete__mask {
18339
- background: rgb(var(--v-theme-surface-light));
18340
- }
18341
- .v-autocomplete__selection {
18342
- display: inline-flex;
18343
- align-items: center;
18344
- height: 1.5rem;
18345
- letter-spacing: inherit;
18346
- line-height: inherit;
18347
- max-width: calc(100% - 2px - 2px);
18348
- }
18349
- .v-autocomplete__selection:first-child {
18350
- margin-inline-start: 0;
18351
- }
18352
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18353
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18354
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18355
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18356
- top: 0px;
18357
- }
18358
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18359
- opacity: var(--v-medium-emphasis-opacity);
18360
- }
18361
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18362
- opacity: 1;
18363
- }
18364
- .v-autocomplete--selecting-index .v-field__input > input {
18365
- caret-color: transparent;
18366
- }
18367
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18368
- flex: 1 1;
18369
- position: absolute;
18370
- left: 0;
18371
- right: 0;
18372
- width: 100%;
18373
- padding-inline: inherit;
18374
- }
18375
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18376
- transition: none;
18377
- }
18378
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18379
- opacity: 0;
18380
- }
18381
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18382
- opacity: 0;
18383
- }
18384
- .v-autocomplete__menu-icon {
18385
- margin-inline-start: 4px;
18386
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18387
- }
18388
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18389
- transform: rotate(180deg);
18390
18229
  }.v-avatar {
18391
18230
  flex: none;
18392
18231
  align-items: center;
@@ -18493,44 +18332,128 @@ html.overflow-y-hidden {
18493
18332
  .v-avatar .v-img {
18494
18333
  height: 100%;
18495
18334
  width: 100%;
18496
- }.v-banner {
18497
- display: grid;
18335
+ }.v-autocomplete .v-field .v-text-field__prefix,
18336
+ .v-autocomplete .v-field .v-text-field__suffix,
18337
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18338
+ cursor: text;
18339
+ }
18340
+ .v-autocomplete .v-field .v-field__input > input {
18498
18341
  flex: 1 1;
18499
- font-size: 0.875rem;
18500
- grid-template-areas: "prepend content actions";
18501
- grid-template-columns: max-content auto max-content;
18502
- grid-template-rows: max-content max-content;
18503
- line-height: 1.6;
18504
- overflow: hidden;
18505
- padding-inline: 16px 8px;
18506
- padding-top: 16px;
18507
- padding-bottom: 16px;
18508
- position: relative;
18509
- width: 100%;
18510
18342
  }
18511
- .v-banner {
18512
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18513
- border-style: solid;
18514
- border-width: 0 0 thin 0;
18343
+ .v-autocomplete .v-field input {
18344
+ min-width: 64px;
18515
18345
  }
18516
- .v-banner--border {
18517
- border-width: thin;
18518
- box-shadow: none;
18346
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18347
+ min-width: 0;
18519
18348
  }
18520
- .v-banner {
18521
- 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));
18349
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18350
+ margin-inline-end: 2px;
18522
18351
  }
18523
- .v-banner--absolute {
18524
- position: absolute;
18352
+ .v-autocomplete .v-autocomplete__selection-text {
18353
+ overflow: hidden;
18354
+ text-overflow: ellipsis;
18355
+ white-space: nowrap;
18525
18356
  }
18526
- .v-banner--fixed {
18527
- position: fixed;
18357
+
18358
+ .v-autocomplete__content {
18359
+ overflow: hidden;
18528
18360
  }
18529
- .v-banner--sticky {
18530
- position: sticky;
18361
+ .v-autocomplete__content {
18362
+ 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));
18531
18363
  }
18532
- .v-banner {
18533
- border-radius: 0;
18364
+ .v-autocomplete__content {
18365
+ border-radius: 4px;
18366
+ }
18367
+ .v-autocomplete__mask {
18368
+ background: rgb(var(--v-theme-surface-light));
18369
+ }
18370
+ .v-autocomplete__selection {
18371
+ display: inline-flex;
18372
+ align-items: center;
18373
+ height: 1.5rem;
18374
+ letter-spacing: inherit;
18375
+ line-height: inherit;
18376
+ max-width: calc(100% - 2px - 2px);
18377
+ }
18378
+ .v-autocomplete__selection:first-child {
18379
+ margin-inline-start: 0;
18380
+ }
18381
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18382
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18383
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18384
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18385
+ top: 0px;
18386
+ }
18387
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18388
+ opacity: var(--v-medium-emphasis-opacity);
18389
+ }
18390
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18391
+ opacity: 1;
18392
+ }
18393
+ .v-autocomplete--selecting-index .v-field__input > input {
18394
+ caret-color: transparent;
18395
+ }
18396
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18397
+ flex: 1 1;
18398
+ position: absolute;
18399
+ left: 0;
18400
+ right: 0;
18401
+ width: 100%;
18402
+ padding-inline: inherit;
18403
+ }
18404
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18405
+ transition: none;
18406
+ }
18407
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18408
+ opacity: 0;
18409
+ }
18410
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18411
+ opacity: 0;
18412
+ }
18413
+ .v-autocomplete__menu-icon {
18414
+ margin-inline-start: 4px;
18415
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18416
+ }
18417
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18418
+ transform: rotate(180deg);
18419
+ }.v-banner {
18420
+ display: grid;
18421
+ flex: 1 1;
18422
+ font-size: 0.875rem;
18423
+ grid-template-areas: "prepend content actions";
18424
+ grid-template-columns: max-content auto max-content;
18425
+ grid-template-rows: max-content max-content;
18426
+ line-height: 1.6;
18427
+ overflow: hidden;
18428
+ padding-inline: 16px 8px;
18429
+ padding-top: 16px;
18430
+ padding-bottom: 16px;
18431
+ position: relative;
18432
+ width: 100%;
18433
+ }
18434
+ .v-banner {
18435
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18436
+ border-style: solid;
18437
+ border-width: 0 0 thin 0;
18438
+ }
18439
+ .v-banner--border {
18440
+ border-width: thin;
18441
+ box-shadow: none;
18442
+ }
18443
+ .v-banner {
18444
+ 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));
18445
+ }
18446
+ .v-banner--absolute {
18447
+ position: absolute;
18448
+ }
18449
+ .v-banner--fixed {
18450
+ position: fixed;
18451
+ }
18452
+ .v-banner--sticky {
18453
+ position: sticky;
18454
+ }
18455
+ .v-banner {
18456
+ border-radius: 0;
18534
18457
  }
18535
18458
  .v-banner {
18536
18459
  background: rgb(var(--v-theme-surface));
@@ -18659,6 +18582,117 @@ html.overflow-y-hidden {
18659
18582
  }
18660
18583
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18661
18584
  align-self: flex-start;
18585
+ }.v-badge {
18586
+ display: inline-block;
18587
+ line-height: 1;
18588
+ }
18589
+
18590
+ .v-badge__badge {
18591
+ align-items: center;
18592
+ display: inline-flex;
18593
+ border-radius: 10px;
18594
+ font-family: "Roboto", sans-serif;
18595
+ font-size: 0.75rem;
18596
+ font-weight: 500;
18597
+ height: 1.25rem;
18598
+ justify-content: center;
18599
+ min-width: 20px;
18600
+ padding: 4px 6px;
18601
+ pointer-events: auto;
18602
+ position: absolute;
18603
+ text-align: center;
18604
+ text-indent: 0;
18605
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18606
+ white-space: nowrap;
18607
+ }
18608
+ .v-badge__badge {
18609
+ background: rgb(var(--v-theme-surface-variant));
18610
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18611
+ }
18612
+ .v-badge__badge:has(.v-icon) {
18613
+ padding: 4px 6px;
18614
+ }
18615
+ .v-badge--bordered .v-badge__badge::after {
18616
+ border-radius: inherit;
18617
+ border-style: solid;
18618
+ border-width: 2px;
18619
+ bottom: 0;
18620
+ color: rgb(var(--v-theme-background));
18621
+ content: "";
18622
+ left: 0;
18623
+ position: absolute;
18624
+ right: 0;
18625
+ top: 0;
18626
+ transform: scale(1.05);
18627
+ }
18628
+ .v-badge--dot .v-badge__badge {
18629
+ border-radius: 4.5px;
18630
+ height: 9px;
18631
+ min-width: 0;
18632
+ padding: 0;
18633
+ width: 9px;
18634
+ }
18635
+ .v-badge--dot .v-badge__badge::after {
18636
+ border-width: 1.5px;
18637
+ }
18638
+ .v-badge--inline .v-badge__badge {
18639
+ position: relative;
18640
+ vertical-align: middle;
18641
+ }
18642
+ .v-badge__badge .v-icon {
18643
+ color: inherit;
18644
+ font-size: 0.75rem;
18645
+ margin: 0 -2px;
18646
+ }
18647
+ .v-badge__badge img,
18648
+ .v-badge__badge .v-img {
18649
+ height: 100%;
18650
+ width: 100%;
18651
+ }
18652
+
18653
+ .v-badge__wrapper {
18654
+ display: flex;
18655
+ position: relative;
18656
+ }
18657
+ .v-badge--inline .v-badge__wrapper {
18658
+ align-items: center;
18659
+ display: inline-flex;
18660
+ justify-content: center;
18661
+ margin: 0 4px;
18662
+ }.bottom-sheet-transition-enter-from {
18663
+ transform: translateY(100%);
18664
+ }
18665
+ .bottom-sheet-transition-leave-to {
18666
+ transform: translateY(100%);
18667
+ }
18668
+
18669
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18670
+ align-self: flex-end;
18671
+ border-radius: 0;
18672
+ flex: 0 1 auto;
18673
+ left: 0;
18674
+ right: 0;
18675
+ margin-inline: 0;
18676
+ margin-bottom: 0;
18677
+ transition-duration: 0.2s;
18678
+ width: 100%;
18679
+ max-width: 100%;
18680
+ overflow: visible;
18681
+ }
18682
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18683
+ 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));
18684
+ }
18685
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18686
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18687
+ border-radius: 0;
18688
+ }
18689
+ .v-bottom-sheet.v-bottom-sheet--inset {
18690
+ max-width: none;
18691
+ }
18692
+ @media (min-width: 600px) {
18693
+ .v-bottom-sheet.v-bottom-sheet--inset {
18694
+ max-width: 70%;
18695
+ }
18662
18696
  }.v-breadcrumbs {
18663
18697
  display: flex;
18664
18698
  align-items: center;
@@ -19204,45 +19238,6 @@ html.overflow-y-hidden {
19204
19238
  }
19205
19239
  .v-pagination .v-pagination__item--is-active .v-btn__overlay {
19206
19240
  opacity: var(--v-border-opacity);
19207
- }.bottom-sheet-transition-enter-from {
19208
- transform: translateY(100%);
19209
- }
19210
- .bottom-sheet-transition-leave-to {
19211
- transform: translateY(100%);
19212
- }
19213
-
19214
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19215
- align-self: flex-end;
19216
- border-radius: 0;
19217
- flex: 0 1 auto;
19218
- left: 0;
19219
- right: 0;
19220
- margin-inline: 0;
19221
- margin-bottom: 0;
19222
- transition-duration: 0.2s;
19223
- width: 100%;
19224
- max-width: 100%;
19225
- overflow: visible;
19226
- }
19227
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19228
- 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));
19229
- }
19230
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19231
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19232
- border-radius: 0;
19233
- }
19234
- .v-bottom-sheet.v-bottom-sheet--inset {
19235
- max-width: none;
19236
- }
19237
- @media (min-width: 600px) {
19238
- .v-bottom-sheet.v-bottom-sheet--inset {
19239
- max-width: 70%;
19240
- }
19241
- }.v-checkbox.v-input {
19242
- flex: 0 1 auto;
19243
- }
19244
- .v-checkbox .v-selection-control {
19245
- min-height: var(--v-input-control-height);
19246
19241
  }.v-btn-group {
19247
19242
  display: inline-flex;
19248
19243
  flex-wrap: nowrap;
@@ -19372,683 +19367,660 @@ html.overflow-y-hidden {
19372
19367
  flex-direction: column;
19373
19368
  height: 100% !important;
19374
19369
  width: 50px;
19375
- }.v-card {
19376
- display: block;
19370
+ }.v-checkbox.v-input {
19371
+ flex: 0 1 auto;
19372
+ }
19373
+ .v-checkbox .v-selection-control {
19374
+ min-height: var(--v-input-control-height);
19375
+ }.v-chip {
19376
+ align-items: center;
19377
+ display: inline-flex;
19378
+ font-weight: 400;
19379
+ max-width: 100%;
19380
+ min-width: 0;
19377
19381
  overflow: hidden;
19378
- overflow-wrap: break-word;
19379
19382
  position: relative;
19380
- padding: 0;
19381
19383
  text-decoration: none;
19382
- transition-duration: 0.28s;
19383
- transition-property: box-shadow, opacity, background;
19384
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19385
- z-index: 0;
19384
+ white-space: nowrap;
19385
+ vertical-align: middle;
19386
19386
  }
19387
- .v-card {
19388
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19389
- border-style: solid;
19390
- border-width: 0;
19387
+ .v-chip .v-icon {
19388
+ --v-icon-size-multiplier: 0.8571428571;
19391
19389
  }
19392
- .v-card--border {
19393
- border-width: thin;
19394
- box-shadow: none;
19390
+ .v-chip.v-chip--size-x-small {
19391
+ --v-chip-size: 0.625rem;
19392
+ --v-chip-height: 20px;
19393
+ font-size: 0.625rem;
19394
+ padding: 0 8px;
19395
19395
  }
19396
- .v-card--absolute {
19397
- position: absolute;
19396
+ .v-chip.v-chip--size-x-small .v-avatar {
19397
+ --v-avatar-height: 14px;
19398
19398
  }
19399
- .v-card--fixed {
19400
- position: fixed;
19399
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19400
+ --v-avatar-height: 20px;
19401
19401
  }
19402
- .v-card {
19403
- border-radius: 4px;
19402
+
19403
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19404
+ margin-inline-start: -5.6px;
19405
+ margin-inline-end: 4px;
19404
19406
  }
19405
- .v-card:hover > .v-card__overlay {
19406
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19407
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19408
+ margin-inline-start: -8px;
19407
19409
  }
19408
- .v-card:focus-visible > .v-card__overlay {
19409
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19410
+
19411
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19412
+ margin-inline-start: 4px;
19413
+ margin-inline-end: -5.6px;
19410
19414
  }
19411
- @supports not selector(:focus-visible) {
19412
- .v-card:focus > .v-card__overlay {
19413
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19414
- }
19415
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19416
+ margin-inline-end: -8px;
19415
19417
  }
19416
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19417
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19418
+
19419
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19420
+ margin-inline-start: 12px;
19418
19421
  }
19419
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19420
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19422
+
19423
+ .v-chip.v-chip--size-x-small .v-icon--start,
19424
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19425
+ margin-inline-start: -4px;
19426
+ margin-inline-end: 4px;
19421
19427
  }
19422
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19423
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19428
+ .v-chip.v-chip--size-x-small .v-icon--end,
19429
+ .v-chip.v-chip--size-x-small .v-chip__close {
19430
+ margin-inline-start: 4px;
19431
+ margin-inline-end: -4px;
19424
19432
  }
19425
- @supports not selector(:focus-visible) {
19426
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19427
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19428
- }
19433
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19434
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19435
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19436
+ margin-inline-start: 8px;
19429
19437
  }
19430
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19431
- background: transparent;
19432
- color: inherit;
19438
+
19439
+ .v-chip.v-chip--size-small {
19440
+ --v-chip-size: 0.75rem;
19441
+ --v-chip-height: 26px;
19442
+ font-size: 0.75rem;
19443
+ padding: 0 10px;
19433
19444
  }
19434
- .v-card--variant-plain {
19435
- opacity: 0.62;
19445
+ .v-chip.v-chip--size-small .v-avatar {
19446
+ --v-avatar-height: 20px;
19436
19447
  }
19437
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19438
- opacity: 1;
19448
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19449
+ --v-avatar-height: 26px;
19439
19450
  }
19440
- .v-card--variant-plain .v-card__overlay {
19441
- display: none;
19451
+
19452
+ .v-chip.v-chip--size-small .v-avatar--start {
19453
+ margin-inline-start: -7px;
19454
+ margin-inline-end: 5px;
19442
19455
  }
19443
- .v-card--variant-elevated, .v-card--variant-flat {
19444
- background: rgb(var(--v-theme-surface));
19445
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19456
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19457
+ margin-inline-start: -10px;
19446
19458
  }
19447
- .v-card--variant-elevated {
19448
- 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));
19459
+
19460
+ .v-chip.v-chip--size-small .v-avatar--end {
19461
+ margin-inline-start: 5px;
19462
+ margin-inline-end: -7px;
19449
19463
  }
19450
- .v-card--variant-flat {
19451
- 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));
19464
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19465
+ margin-inline-end: -10px;
19452
19466
  }
19453
- .v-card--variant-outlined {
19454
- border: thin solid currentColor;
19467
+
19468
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19469
+ margin-inline-start: 15px;
19455
19470
  }
19456
- .v-card--variant-text .v-card__overlay {
19457
- background: currentColor;
19471
+
19472
+ .v-chip.v-chip--size-small .v-icon--start,
19473
+ .v-chip.v-chip--size-small .v-chip__filter {
19474
+ margin-inline-start: -5px;
19475
+ margin-inline-end: 5px;
19458
19476
  }
19459
- .v-card--variant-tonal .v-card__underlay {
19460
- background: currentColor;
19461
- opacity: var(--v-activated-opacity);
19462
- border-radius: inherit;
19463
- top: 0;
19464
- right: 0;
19465
- bottom: 0;
19466
- left: 0;
19467
- pointer-events: none;
19477
+ .v-chip.v-chip--size-small .v-icon--end,
19478
+ .v-chip.v-chip--size-small .v-chip__close {
19479
+ margin-inline-start: 5px;
19480
+ margin-inline-end: -5px;
19468
19481
  }
19469
- .v-card .v-card__underlay {
19470
- position: absolute;
19482
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19483
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19484
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19485
+ margin-inline-start: 10px;
19471
19486
  }
19472
- .v-card--disabled {
19473
- pointer-events: none;
19474
- -webkit-user-select: none;
19475
- user-select: none;
19487
+
19488
+ .v-chip.v-chip--size-default {
19489
+ --v-chip-size: 0.875rem;
19490
+ --v-chip-height: 32px;
19491
+ font-size: 0.875rem;
19492
+ padding: 0 12px;
19476
19493
  }
19477
- .v-card--disabled > :not(.v-card__loader) {
19478
- opacity: 0.6;
19494
+ .v-chip.v-chip--size-default .v-avatar {
19495
+ --v-avatar-height: 26px;
19479
19496
  }
19480
- .v-card--flat {
19481
- box-shadow: none;
19497
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19498
+ --v-avatar-height: 32px;
19482
19499
  }
19483
- .v-card--hover {
19484
- cursor: pointer;
19500
+
19501
+ .v-chip.v-chip--size-default .v-avatar--start {
19502
+ margin-inline-start: -8.4px;
19503
+ margin-inline-end: 6px;
19485
19504
  }
19486
- .v-card--hover::before, .v-card--hover::after {
19487
- border-radius: inherit;
19488
- bottom: 0;
19489
- content: "";
19490
- display: block;
19491
- left: 0;
19492
- pointer-events: none;
19493
- position: absolute;
19494
- right: 0;
19495
- top: 0;
19496
- transition: inherit;
19505
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19506
+ margin-inline-start: -12px;
19497
19507
  }
19498
- .v-card--hover::before {
19499
- opacity: 1;
19500
- z-index: -1;
19508
+
19509
+ .v-chip.v-chip--size-default .v-avatar--end {
19510
+ margin-inline-start: 6px;
19511
+ margin-inline-end: -8.4px;
19501
19512
  }
19502
- .v-card--hover::before {
19503
- 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));
19513
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19514
+ margin-inline-end: -12px;
19504
19515
  }
19505
- .v-card--hover::after {
19506
- z-index: 1;
19507
- opacity: 0;
19516
+
19517
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19518
+ margin-inline-start: 18px;
19508
19519
  }
19509
- .v-card--hover::after {
19510
- 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));
19520
+
19521
+ .v-chip.v-chip--size-default .v-icon--start,
19522
+ .v-chip.v-chip--size-default .v-chip__filter {
19523
+ margin-inline-start: -6px;
19524
+ margin-inline-end: 6px;
19511
19525
  }
19512
- .v-card--hover:hover::after {
19513
- opacity: 1;
19526
+ .v-chip.v-chip--size-default .v-icon--end,
19527
+ .v-chip.v-chip--size-default .v-chip__close {
19528
+ margin-inline-start: 6px;
19529
+ margin-inline-end: -6px;
19514
19530
  }
19515
- .v-card--hover:hover::before {
19516
- opacity: 0;
19531
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19532
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19533
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19534
+ margin-inline-start: 12px;
19517
19535
  }
19518
- .v-card--hover:hover {
19519
- 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));
19536
+
19537
+ .v-chip.v-chip--size-large {
19538
+ --v-chip-size: 1rem;
19539
+ --v-chip-height: 38px;
19540
+ font-size: 1rem;
19541
+ padding: 0 14px;
19520
19542
  }
19521
- .v-card--link {
19522
- cursor: pointer;
19543
+ .v-chip.v-chip--size-large .v-avatar {
19544
+ --v-avatar-height: 32px;
19523
19545
  }
19524
-
19525
- .v-card-actions {
19526
- align-items: center;
19527
- display: flex;
19528
- flex: none;
19529
- min-height: 52px;
19530
- padding: 0.5rem;
19531
- gap: 0.5rem;
19546
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19547
+ --v-avatar-height: 38px;
19532
19548
  }
19533
19549
 
19534
- .v-card-item {
19535
- align-items: center;
19536
- display: grid;
19537
- flex: none;
19538
- grid-template-areas: "prepend content append";
19539
- grid-template-columns: max-content auto max-content;
19540
- padding: 0.625rem 1rem;
19550
+ .v-chip.v-chip--size-large .v-avatar--start {
19551
+ margin-inline-start: -9.8px;
19552
+ margin-inline-end: 7px;
19541
19553
  }
19542
- .v-card-item + .v-card-text {
19543
- padding-top: 0;
19554
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19555
+ margin-inline-start: -14px;
19544
19556
  }
19545
- .v-card-item__prepend, .v-card-item__append {
19546
- align-items: center;
19547
- display: flex;
19548
- }
19549
- .v-card-item__prepend {
19550
- grid-area: prepend;
19551
- padding-inline-end: 0.5rem;
19557
+
19558
+ .v-chip.v-chip--size-large .v-avatar--end {
19559
+ margin-inline-start: 7px;
19560
+ margin-inline-end: -9.8px;
19552
19561
  }
19553
- .v-card-item__append {
19554
- grid-area: append;
19555
- padding-inline-start: 0.5rem;
19562
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19563
+ margin-inline-end: -14px;
19556
19564
  }
19557
19565
 
19558
- .v-card-item__content {
19559
- align-self: center;
19560
- grid-area: content;
19561
- overflow: hidden;
19566
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19567
+ margin-inline-start: 21px;
19562
19568
  }
19563
19569
 
19564
- .v-card-title {
19565
- display: block;
19566
- flex: none;
19567
- font-size: 1.25rem;
19568
- font-weight: 500;
19569
- -webkit-hyphens: auto;
19570
- hyphens: auto;
19571
- letter-spacing: 0.0125em;
19572
- min-width: 0;
19573
- overflow-wrap: normal;
19574
- overflow: hidden;
19575
- padding: 0.5rem 1rem;
19576
- text-overflow: ellipsis;
19577
- text-transform: none;
19578
- white-space: nowrap;
19579
- word-break: normal;
19580
- word-wrap: break-word;
19570
+ .v-chip.v-chip--size-large .v-icon--start,
19571
+ .v-chip.v-chip--size-large .v-chip__filter {
19572
+ margin-inline-start: -7px;
19573
+ margin-inline-end: 7px;
19581
19574
  }
19582
- .v-card .v-card-title {
19583
- line-height: 1.6;
19575
+ .v-chip.v-chip--size-large .v-icon--end,
19576
+ .v-chip.v-chip--size-large .v-chip__close {
19577
+ margin-inline-start: 7px;
19578
+ margin-inline-end: -7px;
19584
19579
  }
19585
- .v-card--density-comfortable .v-card-title {
19586
- line-height: 1.75rem;
19580
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19581
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19582
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19583
+ margin-inline-start: 14px;
19587
19584
  }
19588
- .v-card--density-compact .v-card-title {
19589
- line-height: 1.55rem;
19585
+
19586
+ .v-chip.v-chip--size-x-large {
19587
+ --v-chip-size: 1.125rem;
19588
+ --v-chip-height: 44px;
19589
+ font-size: 1.125rem;
19590
+ padding: 0 17px;
19590
19591
  }
19591
- .v-card-item .v-card-title {
19592
- padding: 0;
19592
+ .v-chip.v-chip--size-x-large .v-avatar {
19593
+ --v-avatar-height: 38px;
19593
19594
  }
19594
- .v-card-title + .v-card-text,
19595
- .v-card-title + .v-card-actions {
19596
- padding-top: 0;
19595
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19596
+ --v-avatar-height: 44px;
19597
19597
  }
19598
19598
 
19599
- .v-card-subtitle {
19600
- display: block;
19601
- flex: none;
19602
- font-size: 0.875rem;
19603
- font-weight: 400;
19604
- letter-spacing: 0.0178571429em;
19605
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19606
- overflow: hidden;
19607
- padding: 0 1rem;
19608
- text-overflow: ellipsis;
19609
- text-transform: none;
19610
- white-space: nowrap;
19611
- }
19612
- .v-card .v-card-subtitle {
19613
- line-height: 1.425;
19599
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19600
+ margin-inline-start: -11.9px;
19601
+ margin-inline-end: 8.5px;
19614
19602
  }
19615
- .v-card--density-comfortable .v-card-subtitle {
19616
- line-height: 1.125rem;
19603
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19604
+ margin-inline-start: -17px;
19617
19605
  }
19618
- .v-card--density-compact .v-card-subtitle {
19619
- line-height: 1rem;
19606
+
19607
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19608
+ margin-inline-start: 8.5px;
19609
+ margin-inline-end: -11.9px;
19620
19610
  }
19621
- .v-card-item .v-card-subtitle {
19622
- padding: 0 0 0.25rem;
19611
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19612
+ margin-inline-end: -17px;
19623
19613
  }
19624
19614
 
19625
- .v-card-text {
19626
- flex: 1 1 auto;
19627
- font-size: 0.875rem;
19628
- font-weight: 400;
19629
- letter-spacing: 0.0178571429em;
19630
- opacity: var(--v-card-text-opacity, 1);
19631
- padding: 1rem;
19632
- text-transform: none;
19615
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19616
+ margin-inline-start: 25.5px;
19633
19617
  }
19634
- .v-card .v-card-text {
19635
- line-height: 1.425;
19618
+
19619
+ .v-chip.v-chip--size-x-large .v-icon--start,
19620
+ .v-chip.v-chip--size-x-large .v-chip__filter {
19621
+ margin-inline-start: -8.5px;
19622
+ margin-inline-end: 8.5px;
19636
19623
  }
19637
- .v-card--density-comfortable .v-card-text {
19638
- line-height: 1.2rem;
19624
+ .v-chip.v-chip--size-x-large .v-icon--end,
19625
+ .v-chip.v-chip--size-x-large .v-chip__close {
19626
+ margin-inline-start: 8.5px;
19627
+ margin-inline-end: -8.5px;
19639
19628
  }
19640
- .v-card--density-compact .v-card-text {
19641
- line-height: 1.15rem;
19629
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19630
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19631
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19632
+ margin-inline-start: 17px;
19642
19633
  }
19643
19634
 
19644
- .v-card__image {
19645
- display: flex;
19646
- height: 100%;
19647
- flex: 1 1 auto;
19648
- left: 0;
19649
- overflow: hidden;
19650
- position: absolute;
19651
- top: 0;
19652
- width: 100%;
19653
- z-index: -1;
19635
+ .v-chip.v-chip--density-default {
19636
+ height: calc(var(--v-chip-height) + 0px);
19654
19637
  }
19655
19638
 
19656
- .v-card__content {
19657
- border-radius: inherit;
19658
- overflow: hidden;
19659
- position: relative;
19639
+ .v-chip.v-chip--density-comfortable {
19640
+ height: calc(var(--v-chip-height) + -4px);
19660
19641
  }
19661
19642
 
19662
- .v-card__loader {
19663
- bottom: auto;
19664
- top: 0;
19665
- left: 0;
19666
- position: absolute;
19667
- right: 0;
19668
- width: 100%;
19669
- z-index: 1;
19643
+ .v-chip.v-chip--density-compact {
19644
+ height: calc(var(--v-chip-height) + -8px);
19670
19645
  }
19671
19646
 
19672
- .v-card__overlay {
19673
- background-color: currentColor;
19674
- border-radius: inherit;
19675
- position: absolute;
19676
- top: 0;
19677
- right: 0;
19678
- bottom: 0;
19679
- left: 0;
19680
- pointer-events: none;
19681
- opacity: 0;
19682
- transition: opacity 0.2s ease-in-out;
19683
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19647
+ .v-chip {
19648
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19649
+ border-style: solid;
19650
+ border-width: 0;
19651
+ }
19652
+ .v-chip:hover > .v-chip__overlay {
19653
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19654
+ }
19655
+ .v-chip:focus-visible > .v-chip__overlay {
19656
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19657
+ }
19658
+ @supports not selector(:focus-visible) {
19659
+ .v-chip:focus > .v-chip__overlay {
19660
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19661
+ }
19662
+ }
19663
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19684
19664
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19685
19665
  }
19686
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19666
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19687
19667
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19688
19668
  }
19689
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19669
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19690
19670
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19691
19671
  }
19692
19672
  @supports not selector(:focus-visible) {
19693
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19673
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19694
19674
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19695
19675
  }
19696
19676
  }
19697
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19698
- opacity: 1;
19699
- }.v-chip-group {
19700
- display: flex;
19701
- max-width: 100%;
19702
- min-width: 0;
19703
- overflow-x: auto;
19704
- padding: 4px 0;
19705
- }
19706
- .v-chip-group .v-chip {
19707
- margin: 4px 8px 4px 0;
19677
+ .v-chip {
19678
+ border-radius: 9999px;
19708
19679
  }
19709
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19710
- opacity: var(--v-activated-opacity);
19680
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19681
+ background: transparent;
19682
+ color: inherit;
19711
19683
  }
19712
-
19713
- .v-chip-group--column .v-slide-group__content {
19714
- white-space: normal;
19715
- flex-wrap: wrap;
19716
- max-width: 100%;
19717
- }.v-chip {
19718
- align-items: center;
19719
- display: inline-flex;
19720
- font-weight: 400;
19721
- max-width: 100%;
19722
- min-width: 0;
19723
- overflow: hidden;
19724
- position: relative;
19725
- text-decoration: none;
19726
- white-space: nowrap;
19727
- vertical-align: middle;
19684
+ .v-chip--variant-plain {
19685
+ opacity: 0.26;
19728
19686
  }
19729
- .v-chip .v-icon {
19730
- --v-icon-size-multiplier: 0.8571428571;
19687
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19688
+ opacity: 1;
19731
19689
  }
19732
- .v-chip.v-chip--size-x-small {
19733
- --v-chip-size: 0.625rem;
19734
- --v-chip-height: 20px;
19735
- font-size: 0.625rem;
19736
- padding: 0 8px;
19690
+ .v-chip--variant-plain .v-chip__overlay {
19691
+ display: none;
19737
19692
  }
19738
- .v-chip.v-chip--size-x-small .v-avatar {
19739
- --v-avatar-height: 14px;
19693
+ .v-chip--variant-elevated, .v-chip--variant-flat {
19694
+ background: rgb(var(--v-theme-surface-variant));
19695
+ color: rgb(var(--v-theme-on-surface-variant));
19740
19696
  }
19741
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19742
- --v-avatar-height: 20px;
19697
+ .v-chip--variant-elevated {
19698
+ 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));
19743
19699
  }
19744
-
19745
- .v-chip.v-chip--size-x-small .v-avatar--start {
19746
- margin-inline-start: -5.6px;
19747
- margin-inline-end: 4px;
19700
+ .v-chip--variant-flat {
19701
+ 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));
19748
19702
  }
19749
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19750
- margin-inline-start: -8px;
19703
+ .v-chip--variant-outlined {
19704
+ border: thin solid currentColor;
19751
19705
  }
19752
-
19753
- .v-chip.v-chip--size-x-small .v-avatar--end {
19754
- margin-inline-start: 4px;
19755
- margin-inline-end: -5.6px;
19706
+ .v-chip--variant-text .v-chip__overlay {
19707
+ background: currentColor;
19756
19708
  }
19757
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19758
- margin-inline-end: -8px;
19709
+ .v-chip--variant-tonal .v-chip__underlay {
19710
+ background: currentColor;
19711
+ opacity: var(--v-activated-opacity);
19712
+ border-radius: inherit;
19713
+ top: 0;
19714
+ right: 0;
19715
+ bottom: 0;
19716
+ left: 0;
19717
+ pointer-events: none;
19759
19718
  }
19760
-
19761
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19762
- margin-inline-start: 12px;
19719
+ .v-chip .v-chip__underlay {
19720
+ position: absolute;
19763
19721
  }
19764
-
19765
- .v-chip.v-chip--size-x-small .v-icon--start,
19766
- .v-chip.v-chip--size-x-small .v-chip__filter {
19767
- margin-inline-start: -4px;
19768
- margin-inline-end: 4px;
19722
+ .v-chip--border {
19723
+ border-width: thin;
19769
19724
  }
19770
- .v-chip.v-chip--size-x-small .v-icon--end,
19771
- .v-chip.v-chip--size-x-small .v-chip__close {
19772
- margin-inline-start: 4px;
19773
- margin-inline-end: -4px;
19725
+ .v-chip--link {
19726
+ cursor: pointer;
19774
19727
  }
19775
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19776
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19777
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19778
- margin-inline-start: 8px;
19728
+ .v-chip--link, .v-chip--filter {
19729
+ -webkit-user-select: none;
19730
+ user-select: none;
19779
19731
  }
19780
-
19781
- .v-chip.v-chip--size-small {
19782
- --v-chip-size: 0.75rem;
19783
- --v-chip-height: 26px;
19784
- font-size: 0.75rem;
19785
- padding: 0 10px;
19732
+ .v-chip--label {
19733
+ border-radius: 4px;
19786
19734
  }
19787
- .v-chip.v-chip--size-small .v-avatar {
19788
- --v-avatar-height: 20px;
19735
+
19736
+ .v-chip__content {
19737
+ align-items: center;
19738
+ display: inline-flex;
19789
19739
  }
19790
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19791
- --v-avatar-height: 26px;
19740
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19741
+ overflow: hidden;
19792
19742
  }
19793
19743
 
19794
- .v-chip.v-chip--size-small .v-avatar--start {
19795
- margin-inline-start: -7px;
19796
- margin-inline-end: 5px;
19797
- }
19798
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19799
- margin-inline-start: -10px;
19744
+ .v-chip__filter,
19745
+ .v-chip__prepend,
19746
+ .v-chip__append,
19747
+ .v-chip__close {
19748
+ align-items: center;
19749
+ display: inline-flex;
19800
19750
  }
19801
19751
 
19802
- .v-chip.v-chip--size-small .v-avatar--end {
19803
- margin-inline-start: 5px;
19804
- margin-inline-end: -7px;
19752
+ .v-chip__close {
19753
+ cursor: pointer;
19754
+ flex: 0 1 auto;
19755
+ font-size: 18px;
19756
+ max-height: 18px;
19757
+ max-width: 18px;
19758
+ -webkit-user-select: none;
19759
+ user-select: none;
19805
19760
  }
19806
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19807
- margin-inline-end: -10px;
19761
+ .v-chip__close .v-icon {
19762
+ font-size: inherit;
19808
19763
  }
19809
19764
 
19810
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19811
- margin-inline-start: 15px;
19765
+ .v-chip__filter {
19766
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19812
19767
  }
19813
19768
 
19814
- .v-chip.v-chip--size-small .v-icon--start,
19815
- .v-chip.v-chip--size-small .v-chip__filter {
19816
- margin-inline-start: -5px;
19817
- margin-inline-end: 5px;
19769
+ .v-chip__overlay {
19770
+ background-color: currentColor;
19771
+ border-radius: inherit;
19772
+ pointer-events: none;
19773
+ opacity: 0;
19774
+ transition: opacity 0.2s ease-in-out;
19818
19775
  }
19819
- .v-chip.v-chip--size-small .v-icon--end,
19820
- .v-chip.v-chip--size-small .v-chip__close {
19821
- margin-inline-start: 5px;
19822
- margin-inline-end: -5px;
19776
+ .v-chip__overlay {
19777
+ position: absolute;
19778
+ top: 0;
19779
+ left: 0;
19780
+ width: 100%;
19781
+ height: 100%;
19823
19782
  }
19824
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19825
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19826
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19827
- margin-inline-start: 10px;
19783
+
19784
+ .v-chip--disabled {
19785
+ opacity: 0.3;
19786
+ pointer-events: none;
19787
+ -webkit-user-select: none;
19788
+ user-select: none;
19828
19789
  }
19829
19790
 
19830
- .v-chip.v-chip--size-default {
19831
- --v-chip-size: 0.875rem;
19832
- --v-chip-height: 32px;
19833
- font-size: 0.875rem;
19834
- padding: 0 12px;
19791
+ .v-chip--label {
19792
+ border-radius: 4px;
19793
+ }.v-chip-group {
19794
+ display: flex;
19795
+ max-width: 100%;
19796
+ min-width: 0;
19797
+ overflow-x: auto;
19798
+ padding: 4px 0;
19835
19799
  }
19836
- .v-chip.v-chip--size-default .v-avatar {
19837
- --v-avatar-height: 26px;
19800
+ .v-chip-group .v-chip {
19801
+ margin: 4px 8px 4px 0;
19838
19802
  }
19839
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19840
- --v-avatar-height: 32px;
19803
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19804
+ opacity: var(--v-activated-opacity);
19841
19805
  }
19842
19806
 
19843
- .v-chip.v-chip--size-default .v-avatar--start {
19844
- margin-inline-start: -8.4px;
19845
- margin-inline-end: 6px;
19807
+ .v-chip-group--column .v-slide-group__content {
19808
+ white-space: normal;
19809
+ flex-wrap: wrap;
19810
+ max-width: 100%;
19811
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19812
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19846
19813
  }
19847
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19848
- margin-inline-start: -12px;
19814
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19815
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19849
19816
  }
19850
-
19851
- .v-chip.v-chip--size-default .v-avatar--end {
19852
- margin-inline-start: 6px;
19853
- margin-inline-end: -8.4px;
19817
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19818
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19854
19819
  }
19855
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19856
- margin-inline-end: -12px;
19820
+ @supports not selector(:focus-visible) {
19821
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19822
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19823
+ }
19857
19824
  }
19858
-
19859
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19860
- margin-inline-start: 18px;
19825
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19826
+ opacity: 1;
19827
+ }.v-color-picker {
19828
+ align-self: flex-start;
19829
+ contain: content;
19830
+ width: 300px;
19861
19831
  }
19862
-
19863
- .v-chip.v-chip--size-default .v-icon--start,
19864
- .v-chip.v-chip--size-default .v-chip__filter {
19865
- margin-inline-start: -6px;
19866
- margin-inline-end: 6px;
19832
+ .v-color-picker.v-sheet.v-picker {
19833
+ 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));
19867
19834
  }
19868
- .v-chip.v-chip--size-default .v-icon--end,
19869
- .v-chip.v-chip--size-default .v-chip__close {
19870
- margin-inline-start: 6px;
19871
- margin-inline-end: -6px;
19835
+ .v-color-picker.v-sheet.v-picker {
19836
+ border-radius: 4px;
19872
19837
  }
19873
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19874
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19875
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19876
- margin-inline-start: 12px;
19838
+
19839
+ .v-color-picker__controls {
19840
+ display: flex;
19841
+ flex-direction: column;
19842
+ padding: 16px;
19877
19843
  }
19878
19844
 
19879
- .v-chip.v-chip--size-large {
19880
- --v-chip-size: 1rem;
19881
- --v-chip-height: 38px;
19882
- font-size: 1rem;
19883
- padding: 0 14px;
19845
+ .v-color-picker--flat {
19846
+ 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));
19884
19847
  }
19885
- .v-chip.v-chip--size-large .v-avatar {
19886
- --v-avatar-height: 32px;
19848
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19849
+ 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));
19850
+ }.v-combobox .v-field .v-text-field__prefix,
19851
+ .v-combobox .v-field .v-text-field__suffix,
19852
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19853
+ cursor: text;
19887
19854
  }
19888
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19889
- --v-avatar-height: 38px;
19855
+ .v-combobox .v-field .v-field__input > input {
19856
+ flex: 1 1;
19890
19857
  }
19891
-
19892
- .v-chip.v-chip--size-large .v-avatar--start {
19893
- margin-inline-start: -9.8px;
19894
- margin-inline-end: 7px;
19858
+ .v-combobox .v-field input {
19859
+ min-width: 64px;
19895
19860
  }
19896
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19897
- margin-inline-start: -14px;
19861
+ .v-combobox .v-field:not(.v-field--focused) input {
19862
+ min-width: 0;
19898
19863
  }
19899
-
19900
- .v-chip.v-chip--size-large .v-avatar--end {
19901
- margin-inline-start: 7px;
19902
- margin-inline-end: -9.8px;
19864
+ .v-combobox .v-field--dirty .v-combobox__selection {
19865
+ margin-inline-end: 2px;
19903
19866
  }
19904
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19905
- margin-inline-end: -14px;
19867
+ .v-combobox .v-combobox__selection-text {
19868
+ overflow: hidden;
19869
+ text-overflow: ellipsis;
19870
+ white-space: nowrap;
19906
19871
  }
19907
19872
 
19908
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19909
- margin-inline-start: 21px;
19873
+ .v-combobox__content {
19874
+ overflow: hidden;
19910
19875
  }
19911
-
19912
- .v-chip.v-chip--size-large .v-icon--start,
19913
- .v-chip.v-chip--size-large .v-chip__filter {
19914
- margin-inline-start: -7px;
19915
- margin-inline-end: 7px;
19876
+ .v-combobox__content {
19877
+ 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));
19916
19878
  }
19917
- .v-chip.v-chip--size-large .v-icon--end,
19918
- .v-chip.v-chip--size-large .v-chip__close {
19919
- margin-inline-start: 7px;
19920
- margin-inline-end: -7px;
19921
- }
19922
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19923
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19924
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19925
- margin-inline-start: 14px;
19926
- }
19927
-
19928
- .v-chip.v-chip--size-x-large {
19929
- --v-chip-size: 1.125rem;
19930
- --v-chip-height: 44px;
19931
- font-size: 1.125rem;
19932
- padding: 0 17px;
19879
+ .v-combobox__content {
19880
+ border-radius: 4px;
19933
19881
  }
19934
- .v-chip.v-chip--size-x-large .v-avatar {
19935
- --v-avatar-height: 38px;
19882
+ .v-combobox__mask {
19883
+ background: rgb(var(--v-theme-surface-light));
19936
19884
  }
19937
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19938
- --v-avatar-height: 44px;
19885
+ .v-combobox__selection {
19886
+ display: inline-flex;
19887
+ align-items: center;
19888
+ height: 1.5rem;
19889
+ letter-spacing: inherit;
19890
+ line-height: inherit;
19891
+ max-width: calc(100% - 2px - 2px);
19939
19892
  }
19940
-
19941
- .v-chip.v-chip--size-x-large .v-avatar--start {
19942
- margin-inline-start: -11.9px;
19943
- margin-inline-end: 8.5px;
19893
+ .v-combobox__selection:first-child {
19894
+ margin-inline-start: 0;
19944
19895
  }
19945
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19946
- margin-inline-start: -17px;
19896
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19897
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19898
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19899
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19900
+ top: 0px;
19947
19901
  }
19948
-
19949
- .v-chip.v-chip--size-x-large .v-avatar--end {
19950
- margin-inline-start: 8.5px;
19951
- margin-inline-end: -11.9px;
19902
+ .v-combobox--selecting-index .v-combobox__selection {
19903
+ opacity: var(--v-medium-emphasis-opacity);
19952
19904
  }
19953
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19954
- margin-inline-end: -17px;
19905
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19906
+ opacity: 1;
19955
19907
  }
19956
-
19957
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19958
- margin-inline-start: 25.5px;
19908
+ .v-combobox--selecting-index .v-field__input > input {
19909
+ caret-color: transparent;
19959
19910
  }
19960
-
19961
- .v-chip.v-chip--size-x-large .v-icon--start,
19962
- .v-chip.v-chip--size-x-large .v-chip__filter {
19963
- margin-inline-start: -8.5px;
19964
- margin-inline-end: 8.5px;
19911
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19912
+ flex: 1 1;
19913
+ position: absolute;
19914
+ left: 0;
19915
+ right: 0;
19916
+ width: 100%;
19917
+ padding-inline: inherit;
19965
19918
  }
19966
- .v-chip.v-chip--size-x-large .v-icon--end,
19967
- .v-chip.v-chip--size-x-large .v-chip__close {
19968
- margin-inline-start: 8.5px;
19969
- margin-inline-end: -8.5px;
19919
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19920
+ transition: none;
19970
19921
  }
19971
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19972
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19973
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19974
- margin-inline-start: 17px;
19922
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19923
+ opacity: 0;
19975
19924
  }
19976
-
19977
- .v-chip.v-chip--density-default {
19978
- height: calc(var(--v-chip-height) + 0px);
19925
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19926
+ opacity: 0;
19979
19927
  }
19980
-
19981
- .v-chip.v-chip--density-comfortable {
19982
- height: calc(var(--v-chip-height) + -4px);
19928
+ .v-combobox__menu-icon {
19929
+ margin-inline-start: 4px;
19930
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19983
19931
  }
19984
-
19985
- .v-chip.v-chip--density-compact {
19986
- height: calc(var(--v-chip-height) + -8px);
19932
+ .v-combobox--active-menu .v-combobox__menu-icon {
19933
+ transform: rotate(180deg);
19934
+ }.v-counter {
19935
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19936
+ flex: 0 1 auto;
19937
+ font-size: 12px;
19938
+ transition-duration: 150ms;
19939
+ }.v-card {
19940
+ display: block;
19941
+ overflow: hidden;
19942
+ overflow-wrap: break-word;
19943
+ position: relative;
19944
+ padding: 0;
19945
+ text-decoration: none;
19946
+ transition-duration: 0.28s;
19947
+ transition-property: box-shadow, opacity, background;
19948
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19949
+ z-index: 0;
19987
19950
  }
19988
-
19989
- .v-chip {
19951
+ .v-card {
19990
19952
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19991
19953
  border-style: solid;
19992
19954
  border-width: 0;
19993
19955
  }
19994
- .v-chip:hover > .v-chip__overlay {
19956
+ .v-card--border {
19957
+ border-width: thin;
19958
+ box-shadow: none;
19959
+ }
19960
+ .v-card--absolute {
19961
+ position: absolute;
19962
+ }
19963
+ .v-card--fixed {
19964
+ position: fixed;
19965
+ }
19966
+ .v-card {
19967
+ border-radius: 4px;
19968
+ }
19969
+ .v-card:hover > .v-card__overlay {
19995
19970
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19996
19971
  }
19997
- .v-chip:focus-visible > .v-chip__overlay {
19972
+ .v-card:focus-visible > .v-card__overlay {
19998
19973
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19999
19974
  }
20000
19975
  @supports not selector(:focus-visible) {
20001
- .v-chip:focus > .v-chip__overlay {
19976
+ .v-card:focus > .v-card__overlay {
20002
19977
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20003
19978
  }
20004
19979
  }
20005
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19980
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
20006
19981
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20007
19982
  }
20008
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19983
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
20009
19984
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20010
19985
  }
20011
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19986
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
20012
19987
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20013
19988
  }
20014
19989
  @supports not selector(:focus-visible) {
20015
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19990
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
20016
19991
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20017
19992
  }
20018
19993
  }
20019
- .v-chip {
20020
- border-radius: 9999px;
20021
- }
20022
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19994
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
20023
19995
  background: transparent;
20024
19996
  color: inherit;
20025
19997
  }
20026
- .v-chip--variant-plain {
20027
- opacity: 0.26;
19998
+ .v-card--variant-plain {
19999
+ opacity: 0.62;
20028
20000
  }
20029
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
20001
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
20030
20002
  opacity: 1;
20031
20003
  }
20032
- .v-chip--variant-plain .v-chip__overlay {
20004
+ .v-card--variant-plain .v-card__overlay {
20033
20005
  display: none;
20034
20006
  }
20035
- .v-chip--variant-elevated, .v-chip--variant-flat {
20036
- background: rgb(var(--v-theme-surface-variant));
20037
- color: rgb(var(--v-theme-on-surface-variant));
20007
+ .v-card--variant-elevated, .v-card--variant-flat {
20008
+ background: rgb(var(--v-theme-surface));
20009
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20038
20010
  }
20039
- .v-chip--variant-elevated {
20011
+ .v-card--variant-elevated {
20040
20012
  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));
20041
20013
  }
20042
- .v-chip--variant-flat {
20014
+ .v-card--variant-flat {
20043
20015
  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));
20044
20016
  }
20045
- .v-chip--variant-outlined {
20017
+ .v-card--variant-outlined {
20046
20018
  border: thin solid currentColor;
20047
20019
  }
20048
- .v-chip--variant-text .v-chip__overlay {
20020
+ .v-card--variant-text .v-card__overlay {
20049
20021
  background: currentColor;
20050
20022
  }
20051
- .v-chip--variant-tonal .v-chip__underlay {
20023
+ .v-card--variant-tonal .v-card__underlay {
20052
20024
  background: currentColor;
20053
20025
  opacity: var(--v-activated-opacity);
20054
20026
  border-radius: inherit;
@@ -20058,223 +20030,220 @@ html.overflow-y-hidden {
20058
20030
  left: 0;
20059
20031
  pointer-events: none;
20060
20032
  }
20061
- .v-chip .v-chip__underlay {
20033
+ .v-card .v-card__underlay {
20062
20034
  position: absolute;
20063
20035
  }
20064
- .v-chip--border {
20065
- border-width: thin;
20066
- }
20067
- .v-chip--link {
20068
- cursor: pointer;
20069
- }
20070
- .v-chip--link, .v-chip--filter {
20036
+ .v-card--disabled {
20037
+ pointer-events: none;
20071
20038
  -webkit-user-select: none;
20072
20039
  user-select: none;
20073
20040
  }
20074
- .v-chip--label {
20075
- border-radius: 4px;
20076
- }
20077
-
20078
- .v-chip__content {
20079
- align-items: center;
20080
- display: inline-flex;
20081
- }
20082
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
20083
- overflow: hidden;
20041
+ .v-card--disabled > :not(.v-card__loader) {
20042
+ opacity: 0.6;
20084
20043
  }
20085
-
20086
- .v-chip__filter,
20087
- .v-chip__prepend,
20088
- .v-chip__append,
20089
- .v-chip__close {
20090
- align-items: center;
20091
- display: inline-flex;
20044
+ .v-card--flat {
20045
+ box-shadow: none;
20092
20046
  }
20093
-
20094
- .v-chip__close {
20047
+ .v-card--hover {
20095
20048
  cursor: pointer;
20096
- flex: 0 1 auto;
20097
- font-size: 18px;
20098
- max-height: 18px;
20099
- max-width: 18px;
20100
- -webkit-user-select: none;
20101
- user-select: none;
20102
20049
  }
20103
- .v-chip__close .v-icon {
20104
- font-size: inherit;
20105
- }
20106
-
20107
- .v-chip__filter {
20108
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20109
- }
20110
-
20111
- .v-chip__overlay {
20112
- background-color: currentColor;
20050
+ .v-card--hover::before, .v-card--hover::after {
20113
20051
  border-radius: inherit;
20052
+ bottom: 0;
20053
+ content: "";
20054
+ display: block;
20055
+ left: 0;
20114
20056
  pointer-events: none;
20115
- opacity: 0;
20116
- transition: opacity 0.2s ease-in-out;
20117
- }
20118
- .v-chip__overlay {
20119
20057
  position: absolute;
20058
+ right: 0;
20120
20059
  top: 0;
20121
- left: 0;
20122
- width: 100%;
20123
- height: 100%;
20060
+ transition: inherit;
20124
20061
  }
20125
-
20126
- .v-chip--disabled {
20127
- opacity: 0.3;
20128
- pointer-events: none;
20129
- -webkit-user-select: none;
20130
- user-select: none;
20062
+ .v-card--hover::before {
20063
+ opacity: 1;
20064
+ z-index: -1;
20131
20065
  }
20132
-
20133
- .v-chip--label {
20134
- border-radius: 4px;
20135
- }.v-color-picker {
20136
- align-self: flex-start;
20137
- contain: content;
20138
- width: 300px;
20066
+ .v-card--hover::before {
20067
+ 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));
20139
20068
  }
20140
- .v-color-picker.v-sheet.v-picker {
20141
- 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));
20069
+ .v-card--hover::after {
20070
+ z-index: 1;
20071
+ opacity: 0;
20142
20072
  }
20143
- .v-color-picker.v-sheet.v-picker {
20144
- border-radius: 4px;
20073
+ .v-card--hover::after {
20074
+ 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));
20075
+ }
20076
+ .v-card--hover:hover::after {
20077
+ opacity: 1;
20078
+ }
20079
+ .v-card--hover:hover::before {
20080
+ opacity: 0;
20081
+ }
20082
+ .v-card--hover:hover {
20083
+ 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));
20084
+ }
20085
+ .v-card--link {
20086
+ cursor: pointer;
20145
20087
  }
20146
20088
 
20147
- .v-color-picker__controls {
20089
+ .v-card-actions {
20090
+ align-items: center;
20148
20091
  display: flex;
20149
- flex-direction: column;
20150
- padding: 16px;
20092
+ flex: none;
20093
+ min-height: 52px;
20094
+ padding: 0.5rem;
20095
+ gap: 0.5rem;
20151
20096
  }
20152
20097
 
20153
- .v-color-picker--flat {
20154
- 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));
20155
- }
20156
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20157
- 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));
20158
- }.v-combobox .v-field .v-text-field__prefix,
20159
- .v-combobox .v-field .v-text-field__suffix,
20160
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20161
- cursor: text;
20098
+ .v-card-item {
20099
+ align-items: center;
20100
+ display: grid;
20101
+ flex: none;
20102
+ grid-template-areas: "prepend content append";
20103
+ grid-template-columns: max-content auto max-content;
20104
+ padding: 0.625rem 1rem;
20162
20105
  }
20163
- .v-combobox .v-field .v-field__input > input {
20164
- flex: 1 1;
20106
+ .v-card-item + .v-card-text {
20107
+ padding-top: 0;
20165
20108
  }
20166
- .v-combobox .v-field input {
20167
- min-width: 64px;
20109
+ .v-card-item__prepend, .v-card-item__append {
20110
+ align-items: center;
20111
+ display: flex;
20168
20112
  }
20169
- .v-combobox .v-field:not(.v-field--focused) input {
20170
- min-width: 0;
20113
+ .v-card-item__prepend {
20114
+ grid-area: prepend;
20115
+ padding-inline-end: 0.5rem;
20171
20116
  }
20172
- .v-combobox .v-field--dirty .v-combobox__selection {
20173
- margin-inline-end: 2px;
20117
+ .v-card-item__append {
20118
+ grid-area: append;
20119
+ padding-inline-start: 0.5rem;
20174
20120
  }
20175
- .v-combobox .v-combobox__selection-text {
20121
+
20122
+ .v-card-item__content {
20123
+ align-self: center;
20124
+ grid-area: content;
20176
20125
  overflow: hidden;
20177
- text-overflow: ellipsis;
20178
- white-space: nowrap;
20179
20126
  }
20180
20127
 
20181
- .v-combobox__content {
20128
+ .v-card-title {
20129
+ display: block;
20130
+ flex: none;
20131
+ font-size: 1.25rem;
20132
+ font-weight: 500;
20133
+ -webkit-hyphens: auto;
20134
+ hyphens: auto;
20135
+ letter-spacing: 0.0125em;
20136
+ min-width: 0;
20137
+ overflow-wrap: normal;
20182
20138
  overflow: hidden;
20139
+ padding: 0.5rem 1rem;
20140
+ text-overflow: ellipsis;
20141
+ text-transform: none;
20142
+ white-space: nowrap;
20143
+ word-break: normal;
20144
+ word-wrap: break-word;
20183
20145
  }
20184
- .v-combobox__content {
20185
- 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));
20186
- }
20187
- .v-combobox__content {
20188
- border-radius: 4px;
20146
+ .v-card .v-card-title {
20147
+ line-height: 1.6;
20189
20148
  }
20190
- .v-combobox__mask {
20191
- background: rgb(var(--v-theme-surface-light));
20149
+ .v-card--density-comfortable .v-card-title {
20150
+ line-height: 1.75rem;
20192
20151
  }
20193
- .v-combobox__selection {
20194
- display: inline-flex;
20195
- align-items: center;
20196
- height: 1.5rem;
20197
- letter-spacing: inherit;
20198
- line-height: inherit;
20199
- max-width: calc(100% - 2px - 2px);
20152
+ .v-card--density-compact .v-card-title {
20153
+ line-height: 1.55rem;
20200
20154
  }
20201
- .v-combobox__selection:first-child {
20202
- margin-inline-start: 0;
20155
+ .v-card-item .v-card-title {
20156
+ padding: 0;
20203
20157
  }
20204
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20205
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20206
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20207
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20208
- top: 0px;
20158
+ .v-card-title + .v-card-text,
20159
+ .v-card-title + .v-card-actions {
20160
+ padding-top: 0;
20209
20161
  }
20210
- .v-combobox--selecting-index .v-combobox__selection {
20211
- opacity: var(--v-medium-emphasis-opacity);
20162
+
20163
+ .v-card-subtitle {
20164
+ display: block;
20165
+ flex: none;
20166
+ font-size: 0.875rem;
20167
+ font-weight: 400;
20168
+ letter-spacing: 0.0178571429em;
20169
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
20170
+ overflow: hidden;
20171
+ padding: 0 1rem;
20172
+ text-overflow: ellipsis;
20173
+ text-transform: none;
20174
+ white-space: nowrap;
20212
20175
  }
20213
- .v-combobox--selecting-index .v-combobox__selection--selected {
20214
- opacity: 1;
20176
+ .v-card .v-card-subtitle {
20177
+ line-height: 1.425;
20215
20178
  }
20216
- .v-combobox--selecting-index .v-field__input > input {
20217
- caret-color: transparent;
20179
+ .v-card--density-comfortable .v-card-subtitle {
20180
+ line-height: 1.125rem;
20218
20181
  }
20219
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20220
- flex: 1 1;
20221
- position: absolute;
20222
- left: 0;
20223
- right: 0;
20224
- width: 100%;
20225
- padding-inline: inherit;
20182
+ .v-card--density-compact .v-card-subtitle {
20183
+ line-height: 1rem;
20226
20184
  }
20227
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20228
- transition: none;
20185
+ .v-card-item .v-card-subtitle {
20186
+ padding: 0 0 0.25rem;
20229
20187
  }
20230
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20231
- opacity: 0;
20188
+
20189
+ .v-card-text {
20190
+ flex: 1 1 auto;
20191
+ font-size: 0.875rem;
20192
+ font-weight: 400;
20193
+ letter-spacing: 0.0178571429em;
20194
+ opacity: var(--v-card-text-opacity, 1);
20195
+ padding: 1rem;
20196
+ text-transform: none;
20232
20197
  }
20233
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20234
- opacity: 0;
20198
+ .v-card .v-card-text {
20199
+ line-height: 1.425;
20235
20200
  }
20236
- .v-combobox__menu-icon {
20237
- margin-inline-start: 4px;
20238
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20201
+ .v-card--density-comfortable .v-card-text {
20202
+ line-height: 1.2rem;
20239
20203
  }
20240
- .v-combobox--active-menu .v-combobox__menu-icon {
20241
- transform: rotate(180deg);
20242
- }.v-counter {
20243
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20244
- flex: 0 1 auto;
20245
- font-size: 12px;
20246
- transition-duration: 150ms;
20247
- }.v-data-table-footer {
20248
- align-items: center;
20249
- display: flex;
20250
- flex-wrap: wrap;
20251
- justify-content: flex-end;
20252
- padding: 8px 4px;
20204
+ .v-card--density-compact .v-card-text {
20205
+ line-height: 1.15rem;
20253
20206
  }
20254
- .v-data-table-footer__items-per-page {
20255
- align-items: center;
20207
+
20208
+ .v-card__image {
20256
20209
  display: flex;
20257
- justify-content: center;
20258
- }
20259
- .v-data-table-footer__items-per-page > span {
20260
- padding-inline-end: 8px;
20261
- }
20262
- .v-data-table-footer__items-per-page > .v-select {
20263
- width: 90px;
20210
+ height: 100%;
20211
+ flex: 1 1 auto;
20212
+ left: 0;
20213
+ overflow: hidden;
20214
+ position: absolute;
20215
+ top: 0;
20216
+ width: 100%;
20217
+ z-index: -1;
20264
20218
  }
20265
- .v-data-table-footer__info {
20266
- display: flex;
20267
- justify-content: flex-end;
20268
- min-width: 116px;
20269
- padding: 0 16px;
20219
+
20220
+ .v-card__content {
20221
+ border-radius: inherit;
20222
+ overflow: hidden;
20223
+ position: relative;
20270
20224
  }
20271
- .v-data-table-footer__paginationz {
20272
- align-items: center;
20273
- display: flex;
20274
- margin-inline-start: 16px;
20225
+
20226
+ .v-card__loader {
20227
+ bottom: auto;
20228
+ top: 0;
20229
+ left: 0;
20230
+ position: absolute;
20231
+ right: 0;
20232
+ width: 100%;
20233
+ z-index: 1;
20275
20234
  }
20276
- .v-data-table-footer__page {
20277
- padding: 0 8px;
20235
+
20236
+ .v-card__overlay {
20237
+ background-color: currentColor;
20238
+ border-radius: inherit;
20239
+ position: absolute;
20240
+ top: 0;
20241
+ right: 0;
20242
+ bottom: 0;
20243
+ left: 0;
20244
+ pointer-events: none;
20245
+ opacity: 0;
20246
+ transition: opacity 0.2s ease-in-out;
20278
20247
  }.v-data-table {
20279
20248
  width: 100%;
20280
20249
  }
@@ -20430,7 +20399,7 @@ html.overflow-y-hidden {
20430
20399
  }
20431
20400
 
20432
20401
  .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20433
- grid-template-columns: 0;
20402
+ grid-template-columns: auto;
20434
20403
  justify-content: center;
20435
20404
  }
20436
20405
  .v-data-table__tr--mobile > .v-data-table__td--select-row {
@@ -20462,72 +20431,37 @@ html.overflow-y-hidden {
20462
20431
  }
20463
20432
  .v-data-table__td-sort-icon-active {
20464
20433
  color: rgba(var(--v-theme-on-surface));
20465
- }.v-date-picker {
20466
- overflow: hidden;
20467
- width: 328px;
20468
- }
20469
- .v-date-picker--show-week {
20470
- width: 368px;
20471
- }.v-date-picker-header {
20472
- align-items: flex-end;
20473
- height: 70px;
20474
- display: grid;
20475
- grid-template-areas: "prepend content append";
20476
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20477
- overflow: hidden;
20478
- padding-inline: 24px 12px;
20479
- padding-bottom: 12px;
20480
- }
20481
-
20482
- .v-date-picker-header__append {
20483
- grid-area: append;
20484
- }
20485
-
20486
- .v-date-picker-header__prepend {
20487
- grid-area: prepend;
20488
- padding-inline-start: 8px;
20489
- }
20490
-
20491
- .v-date-picker-header__content {
20434
+ }.v-data-table-footer {
20492
20435
  align-items: center;
20493
- display: inline-flex;
20494
- font-size: 32px;
20495
- line-height: 40px;
20496
- grid-area: content;
20497
- justify-content: space-between;
20498
- }
20499
- .v-date-picker-header--clickable .v-date-picker-header__content {
20500
- cursor: pointer;
20501
- }
20502
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20503
- opacity: 0.7;
20436
+ display: flex;
20437
+ flex-wrap: wrap;
20438
+ justify-content: flex-end;
20439
+ padding: 8px 4px;
20504
20440
  }
20505
-
20506
- .date-picker-header-transition-enter-active,
20507
- .date-picker-header-reverse-transition-enter-active {
20508
- transition-duration: 0.3s;
20509
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20441
+ .v-data-table-footer__items-per-page {
20442
+ align-items: center;
20443
+ display: flex;
20444
+ justify-content: center;
20510
20445
  }
20511
- .date-picker-header-transition-leave-active,
20512
- .date-picker-header-reverse-transition-leave-active {
20513
- transition-duration: 0.3s;
20514
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20446
+ .v-data-table-footer__items-per-page > span {
20447
+ padding-inline-end: 8px;
20515
20448
  }
20516
-
20517
- .date-picker-header-transition-enter-from {
20518
- transform: translate(0, 100%);
20449
+ .v-data-table-footer__items-per-page > .v-select {
20450
+ width: 90px;
20519
20451
  }
20520
- .date-picker-header-transition-leave-to {
20521
- opacity: 0;
20522
- transform: translate(0, -100%);
20452
+ .v-data-table-footer__info {
20453
+ display: flex;
20454
+ justify-content: flex-end;
20455
+ min-width: 116px;
20456
+ padding: 0 16px;
20523
20457
  }
20524
-
20525
- .date-picker-header-reverse-transition-enter-from {
20526
- transform: translate(0, -100%);
20458
+ .v-data-table-footer__paginationz {
20459
+ align-items: center;
20460
+ display: flex;
20461
+ margin-inline-start: 16px;
20527
20462
  }
20528
- .date-picker-header-reverse-transition-leave-to {
20529
- opacity: 0;
20530
- transform: translate(0, 100%);
20463
+ .v-data-table-footer__page {
20464
+ padding: 0 8px;
20531
20465
  }.v-date-picker-controls {
20532
20466
  display: flex;
20533
20467
  align-items: center;
@@ -20585,21 +20519,72 @@ html.overflow-y-hidden {
20585
20519
 
20586
20520
  .v-date-picker__title {
20587
20521
  display: inline-block;
20588
- }.v-date-picker-years {
20589
- height: 288px;
20590
- overflow-y: scroll;
20522
+ }.v-date-picker-header {
20523
+ align-items: flex-end;
20524
+ height: 70px;
20525
+ display: grid;
20526
+ grid-template-areas: "prepend content append";
20527
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20528
+ overflow: hidden;
20529
+ padding-inline: 24px 12px;
20530
+ padding-bottom: 12px;
20591
20531
  }
20592
20532
 
20593
- .v-date-picker-years__content {
20594
- display: grid;
20595
- flex: 1 1;
20596
- justify-content: space-around;
20597
- grid-template-columns: repeat(3, 1fr);
20598
- gap: 8px 24px;
20599
- padding-inline: 32px;
20533
+ .v-date-picker-header__append {
20534
+ grid-area: append;
20600
20535
  }
20601
- .v-date-picker-years__content .v-btn {
20602
- padding-inline: 8px;
20536
+
20537
+ .v-date-picker-header__prepend {
20538
+ grid-area: prepend;
20539
+ padding-inline-start: 8px;
20540
+ }
20541
+
20542
+ .v-date-picker-header__content {
20543
+ align-items: center;
20544
+ display: inline-flex;
20545
+ font-size: 32px;
20546
+ line-height: 40px;
20547
+ grid-area: content;
20548
+ justify-content: space-between;
20549
+ }
20550
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20551
+ cursor: pointer;
20552
+ }
20553
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20554
+ opacity: 0.7;
20555
+ }
20556
+
20557
+ .date-picker-header-transition-enter-active,
20558
+ .date-picker-header-reverse-transition-enter-active {
20559
+ transition-duration: 0.3s;
20560
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20561
+ }
20562
+ .date-picker-header-transition-leave-active,
20563
+ .date-picker-header-reverse-transition-leave-active {
20564
+ transition-duration: 0.3s;
20565
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20566
+ }
20567
+
20568
+ .date-picker-header-transition-enter-from {
20569
+ transform: translate(0, 100%);
20570
+ }
20571
+ .date-picker-header-transition-leave-to {
20572
+ opacity: 0;
20573
+ transform: translate(0, -100%);
20574
+ }
20575
+
20576
+ .date-picker-header-reverse-transition-enter-from {
20577
+ transform: translate(0, -100%);
20578
+ }
20579
+ .date-picker-header-reverse-transition-leave-to {
20580
+ opacity: 0;
20581
+ transform: translate(0, 100%);
20582
+ }.v-date-picker {
20583
+ overflow: hidden;
20584
+ width: 328px;
20585
+ }
20586
+ .v-date-picker--show-week {
20587
+ width: 368px;
20603
20588
  }.v-date-picker-month {
20604
20589
  display: flex;
20605
20590
  justify-content: center;
@@ -20655,6 +20640,21 @@ html.overflow-y-hidden {
20655
20640
 
20656
20641
  .v-date-picker-month__day--hide-adjacent {
20657
20642
  opacity: 0;
20643
+ }.v-date-picker-years {
20644
+ height: 288px;
20645
+ overflow-y: scroll;
20646
+ }
20647
+
20648
+ .v-date-picker-years__content {
20649
+ display: grid;
20650
+ flex: 1 1;
20651
+ justify-content: space-around;
20652
+ grid-template-columns: repeat(3, 1fr);
20653
+ gap: 8px 24px;
20654
+ padding-inline: 32px;
20655
+ }
20656
+ .v-date-picker-years__content .v-btn {
20657
+ padding-inline: 8px;
20658
20658
  }.v-date-picker-months {
20659
20659
  height: 288px;
20660
20660
  }
@@ -20746,33 +20746,100 @@ html.overflow-y-hidden {
20746
20746
  top: 0;
20747
20747
  left: 0;
20748
20748
  }
20749
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20750
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20751
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20752
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20753
- min-height: 100%;
20754
- min-width: 100%;
20755
- border-radius: 0;
20749
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20750
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20751
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20752
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20753
+ min-height: 100%;
20754
+ min-width: 100%;
20755
+ border-radius: 0;
20756
+ }
20757
+
20758
+ .v-dialog--scrollable > .v-overlay__content > form,
20759
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20760
+ max-height: 100%;
20761
+ max-width: 100%;
20762
+ }
20763
+ .v-dialog--scrollable > .v-overlay__content,
20764
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20765
+ .v-dialog--scrollable > .v-overlay__content > form,
20766
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20767
+ display: flex;
20768
+ flex: 1 1 100%;
20769
+ flex-direction: column;
20770
+ }
20771
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20772
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20773
+ -webkit-backface-visibility: hidden;
20774
+ backface-visibility: hidden;
20775
+ overflow-y: auto;
20776
+ }.v-empty-state {
20777
+ align-items: center;
20778
+ display: flex;
20779
+ flex-direction: column;
20780
+ justify-content: center;
20781
+ min-height: 100%;
20782
+ padding: 16px;
20783
+ }
20784
+ .v-empty-state--start {
20785
+ align-items: flex-start;
20786
+ }
20787
+ .v-empty-state--center {
20788
+ align-items: center;
20789
+ }
20790
+ .v-empty-state--end {
20791
+ align-items: flex-end;
20792
+ }
20793
+
20794
+ .v-empty-state__media {
20795
+ text-align: center;
20796
+ width: 100%;
20797
+ }
20798
+ .v-empty-state__media .v-icon {
20799
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20800
+ }
20801
+
20802
+ .v-empty-state__headline {
20803
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20804
+ font-size: 3.75rem;
20805
+ font-weight: 300;
20806
+ line-height: 1;
20807
+ text-align: center;
20808
+ margin-bottom: 8px;
20809
+ }
20810
+ .v-empty-state--mobile .v-empty-state__headline {
20811
+ font-size: 2.125rem;
20812
+ }
20813
+
20814
+ .v-empty-state__title {
20815
+ font-size: 1.25rem;
20816
+ font-weight: 500;
20817
+ line-height: 1.6;
20818
+ margin-bottom: 4px;
20819
+ text-align: center;
20820
+ }
20821
+
20822
+ .v-empty-state__text {
20823
+ font-size: 0.875rem;
20824
+ font-weight: 400;
20825
+ line-height: 1.425;
20826
+ padding: 0 16px;
20827
+ text-align: center;
20756
20828
  }
20757
20829
 
20758
- .v-dialog--scrollable > .v-overlay__content > form,
20759
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20760
- max-height: 100%;
20761
- max-width: 100%;
20830
+ .v-empty-state__content {
20831
+ padding: 24px 0;
20762
20832
  }
20763
- .v-dialog--scrollable > .v-overlay__content,
20764
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20765
- .v-dialog--scrollable > .v-overlay__content > form,
20766
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20833
+
20834
+ .v-empty-state__actions {
20767
20835
  display: flex;
20768
- flex: 1 1 100%;
20769
- flex-direction: column;
20836
+ gap: 8px;
20837
+ padding: 16px;
20770
20838
  }
20771
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20772
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20773
- -webkit-backface-visibility: hidden;
20774
- backface-visibility: hidden;
20775
- overflow-y: auto;
20839
+
20840
+ .v-empty-state__action-btn.v-btn {
20841
+ background-color: initial;
20842
+ color: initial;
20776
20843
  }.v-divider {
20777
20844
  display: block;
20778
20845
  flex: 1 1 100%;
@@ -21041,73 +21108,6 @@ html.overflow-y-hidden {
21041
21108
  }
21042
21109
  .v-expansion-panels--tile > .v-expansion-panel {
21043
21110
  border-radius: 0;
21044
- }.v-empty-state {
21045
- align-items: center;
21046
- display: flex;
21047
- flex-direction: column;
21048
- justify-content: center;
21049
- min-height: 100%;
21050
- padding: 16px;
21051
- }
21052
- .v-empty-state--start {
21053
- align-items: flex-start;
21054
- }
21055
- .v-empty-state--center {
21056
- align-items: center;
21057
- }
21058
- .v-empty-state--end {
21059
- align-items: flex-end;
21060
- }
21061
-
21062
- .v-empty-state__media {
21063
- text-align: center;
21064
- width: 100%;
21065
- }
21066
- .v-empty-state__media .v-icon {
21067
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21068
- }
21069
-
21070
- .v-empty-state__headline {
21071
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21072
- font-size: 3.75rem;
21073
- font-weight: 300;
21074
- line-height: 1;
21075
- text-align: center;
21076
- margin-bottom: 8px;
21077
- }
21078
- .v-empty-state--mobile .v-empty-state__headline {
21079
- font-size: 2.125rem;
21080
- }
21081
-
21082
- .v-empty-state__title {
21083
- font-size: 1.25rem;
21084
- font-weight: 500;
21085
- line-height: 1.6;
21086
- margin-bottom: 4px;
21087
- text-align: center;
21088
- }
21089
-
21090
- .v-empty-state__text {
21091
- font-size: 0.875rem;
21092
- font-weight: 400;
21093
- line-height: 1.425;
21094
- padding: 0 16px;
21095
- text-align: center;
21096
- }
21097
-
21098
- .v-empty-state__content {
21099
- padding: 24px 0;
21100
- }
21101
-
21102
- .v-empty-state__actions {
21103
- display: flex;
21104
- gap: 8px;
21105
- padding: 16px;
21106
- }
21107
-
21108
- .v-empty-state__action-btn.v-btn {
21109
- background-color: initial;
21110
- color: initial;
21111
21111
  }.v-fab {
21112
21112
  align-items: center;
21113
21113
  display: inline-flex;
@@ -22564,6 +22564,43 @@ textarea.v-field__input::placeholder {
22564
22564
 
22565
22565
  .v-icon--end {
22566
22566
  margin-inline-start: 8px;
22567
+ }.v-infinite-scroll--horizontal {
22568
+ display: flex;
22569
+ flex-direction: row;
22570
+ overflow-x: auto;
22571
+ }
22572
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22573
+ height: 100%;
22574
+ width: var(--v-infinite-margin-size, 1px);
22575
+ }
22576
+
22577
+ .v-infinite-scroll--vertical {
22578
+ display: flex;
22579
+ flex-direction: column;
22580
+ overflow-y: auto;
22581
+ }
22582
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22583
+ height: 1px;
22584
+ width: 100%;
22585
+ }
22586
+
22587
+ .v-infinite-scroll-intersect {
22588
+ pointer-events: none;
22589
+ margin-top: var(--v-infinite-margin);
22590
+ margin-bottom: calc(var(--v-infinite-margin) * -1);
22591
+ }
22592
+ .v-infinite-scroll-intersect:nth-child(2) {
22593
+ --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22594
+ }
22595
+ .v-infinite-scroll-intersect:nth-last-child(2) {
22596
+ --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22597
+ }
22598
+
22599
+ .v-infinite-scroll__side {
22600
+ align-items: center;
22601
+ display: flex;
22602
+ justify-content: center;
22603
+ padding: 8px;
22567
22604
  }.v-img {
22568
22605
  --v-theme-overlay-multiplier: 3;
22569
22606
  z-index: 0;
@@ -22615,43 +22652,11 @@ textarea.v-field__input::placeholder {
22615
22652
 
22616
22653
  .v-img__gradient {
22617
22654
  background-repeat: no-repeat;
22618
- }.v-infinite-scroll--horizontal {
22619
- display: flex;
22620
- flex-direction: row;
22621
- overflow-x: auto;
22622
- }
22623
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22624
- height: 100%;
22625
- width: var(--v-infinite-margin-size, 1px);
22626
- }
22627
-
22628
- .v-infinite-scroll--vertical {
22629
- display: flex;
22630
- flex-direction: column;
22631
- overflow-y: auto;
22632
- }
22633
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22634
- height: 1px;
22635
- width: 100%;
22636
- }
22637
-
22638
- .v-infinite-scroll-intersect {
22639
- pointer-events: none;
22640
- margin-top: var(--v-infinite-margin);
22641
- margin-bottom: calc(var(--v-infinite-margin) * -1);
22642
- }
22643
- .v-infinite-scroll-intersect:nth-child(2) {
22644
- --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22645
- }
22646
- .v-infinite-scroll-intersect:nth-last-child(2) {
22647
- --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22648
- }
22649
-
22650
- .v-infinite-scroll__side {
22651
- align-items: center;
22652
- display: flex;
22653
- justify-content: center;
22654
- padding: 8px;
22655
+ }.v-item-group {
22656
+ flex: 0 1 auto;
22657
+ max-width: 100%;
22658
+ position: relative;
22659
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22655
22660
  }.v-input {
22656
22661
  display: grid;
22657
22662
  flex: 1 1 auto;
@@ -22799,11 +22804,6 @@ textarea.v-field__input::placeholder {
22799
22804
 
22800
22805
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22801
22806
  padding-top: calc(var(--v-input-padding-top) + 0px);
22802
- }.v-item-group {
22803
- flex: 0 1 auto;
22804
- max-width: 100%;
22805
- position: relative;
22806
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22807
22807
  }.v-label {
22808
22808
  align-items: center;
22809
22809
  color: inherit;
@@ -22819,6 +22819,13 @@ textarea.v-field__input::placeholder {
22819
22819
 
22820
22820
  .v-label--clickable {
22821
22821
  cursor: pointer;
22822
+ }.v-layout-item {
22823
+ position: absolute;
22824
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22825
+ }
22826
+
22827
+ .v-layout-item--absolute {
22828
+ position: absolute;
22822
22829
  }.v-layout {
22823
22830
  --v-scrollbar-offset: 0px;
22824
22831
  display: flex;
@@ -22827,13 +22834,6 @@ textarea.v-field__input::placeholder {
22827
22834
  .v-layout--full-height {
22828
22835
  --v-scrollbar-offset: inherit;
22829
22836
  height: 100%;
22830
- }.v-layout-item {
22831
- position: absolute;
22832
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22833
- }
22834
-
22835
- .v-layout-item--absolute {
22836
- position: absolute;
22837
22837
  }.v-list {
22838
22838
  overflow: auto;
22839
22839
  padding: 8px 0;
@@ -23412,52 +23412,6 @@ textarea.v-field__input::placeholder {
23412
23412
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23413
23413
  }.v-locale-provider {
23414
23414
  display: contents;
23415
- }.v-main {
23416
- flex: 1 0 auto;
23417
- max-width: 100%;
23418
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23419
- padding-left: var(--v-layout-left);
23420
- padding-right: var(--v-layout-right);
23421
- padding-top: var(--v-layout-top);
23422
- padding-bottom: var(--v-layout-bottom);
23423
- }
23424
- .v-main__scroller {
23425
- max-width: 100%;
23426
- position: relative;
23427
- }
23428
- .v-main--scrollable {
23429
- display: flex;
23430
- }
23431
- .v-main--scrollable {
23432
- position: absolute;
23433
- top: 0;
23434
- left: 0;
23435
- width: 100%;
23436
- height: 100%;
23437
- }
23438
- .v-main--scrollable > .v-main__scroller {
23439
- flex: 1 1 auto;
23440
- overflow-y: auto;
23441
- --v-layout-left: 0px;
23442
- --v-layout-right: 0px;
23443
- --v-layout-top: 0px;
23444
- --v-layout-bottom: 0px;
23445
- }.v-messages {
23446
- flex: 1 1 auto;
23447
- font-size: 12px;
23448
- min-height: 14px;
23449
- min-width: 1px;
23450
- opacity: var(--v-medium-emphasis-opacity);
23451
- position: relative;
23452
- }
23453
- .v-messages__message {
23454
- line-height: 12px;
23455
- word-break: break-word;
23456
- overflow-wrap: break-word;
23457
- word-wrap: break-word;
23458
- -webkit-hyphens: auto;
23459
- hyphens: auto;
23460
- transition-duration: 150ms;
23461
23415
  }.v-menu > .v-overlay__content {
23462
23416
  display: flex;
23463
23417
  flex-direction: column;
@@ -23477,6 +23431,36 @@ textarea.v-field__input::placeholder {
23477
23431
  .v-menu > .v-overlay__content > .v-sheet,
23478
23432
  .v-menu > .v-overlay__content > .v-list {
23479
23433
  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));
23434
+ }.v-main {
23435
+ flex: 1 0 auto;
23436
+ max-width: 100%;
23437
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23438
+ padding-left: var(--v-layout-left);
23439
+ padding-right: var(--v-layout-right);
23440
+ padding-top: var(--v-layout-top);
23441
+ padding-bottom: var(--v-layout-bottom);
23442
+ }
23443
+ .v-main__scroller {
23444
+ max-width: 100%;
23445
+ position: relative;
23446
+ }
23447
+ .v-main--scrollable {
23448
+ display: flex;
23449
+ }
23450
+ .v-main--scrollable {
23451
+ position: absolute;
23452
+ top: 0;
23453
+ left: 0;
23454
+ width: 100%;
23455
+ height: 100%;
23456
+ }
23457
+ .v-main--scrollable > .v-main__scroller {
23458
+ flex: 1 1 auto;
23459
+ overflow-y: auto;
23460
+ --v-layout-left: 0px;
23461
+ --v-layout-right: 0px;
23462
+ --v-layout-top: 0px;
23463
+ --v-layout-bottom: 0px;
23480
23464
  }.v-navigation-drawer {
23481
23465
  -webkit-overflow-scrolling: touch;
23482
23466
  background: rgb(var(--v-theme-surface));
@@ -23755,14 +23739,124 @@ html.v-overlay-scroll-blocked {
23755
23739
  }
23756
23740
  .v-parallax--active > .v-img__img {
23757
23741
  will-change: transform;
23758
- }.v-pagination__list {
23742
+ }.v-messages {
23743
+ flex: 1 1 auto;
23744
+ font-size: 12px;
23745
+ min-height: 14px;
23746
+ min-width: 1px;
23747
+ opacity: var(--v-medium-emphasis-opacity);
23748
+ position: relative;
23749
+ }
23750
+ .v-messages__message {
23751
+ line-height: 12px;
23752
+ word-break: break-word;
23753
+ overflow-wrap: break-word;
23754
+ word-wrap: break-word;
23755
+ -webkit-hyphens: auto;
23756
+ hyphens: auto;
23757
+ transition-duration: 150ms;
23758
+ }.v-progress-circular {
23759
+ align-items: center;
23759
23760
  display: inline-flex;
23760
- list-style-type: none;
23761
23761
  justify-content: center;
23762
+ position: relative;
23763
+ vertical-align: middle;
23764
+ }
23765
+ .v-progress-circular > svg {
23762
23766
  width: 100%;
23767
+ height: 100%;
23768
+ margin: auto;
23769
+ position: absolute;
23770
+ top: 0;
23771
+ bottom: 0;
23772
+ left: 0;
23773
+ right: 0;
23774
+ z-index: 0;
23763
23775
  }
23764
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23765
- margin: 0.3rem;
23776
+
23777
+ .v-progress-circular__content {
23778
+ align-items: center;
23779
+ display: flex;
23780
+ justify-content: center;
23781
+ }
23782
+
23783
+ .v-progress-circular__underlay {
23784
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23785
+ stroke: currentColor;
23786
+ z-index: 1;
23787
+ }
23788
+
23789
+ .v-progress-circular__overlay {
23790
+ stroke: currentColor;
23791
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23792
+ z-index: 2;
23793
+ }
23794
+
23795
+ .v-progress-circular--size-x-small {
23796
+ height: 16px;
23797
+ width: 16px;
23798
+ }
23799
+ .v-progress-circular--size-small {
23800
+ height: 24px;
23801
+ width: 24px;
23802
+ }
23803
+ .v-progress-circular--size-default {
23804
+ height: 32px;
23805
+ width: 32px;
23806
+ }
23807
+ .v-progress-circular--size-large {
23808
+ height: 48px;
23809
+ width: 48px;
23810
+ }
23811
+ .v-progress-circular--size-x-large {
23812
+ height: 64px;
23813
+ width: 64px;
23814
+ }
23815
+
23816
+ .v-progress-circular--indeterminate > svg {
23817
+ animation: progress-circular-rotate 1.4s linear infinite;
23818
+ transform-origin: center center;
23819
+ transition: all 0.2s ease-in-out;
23820
+ }
23821
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23822
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23823
+ stroke-dasharray: 25, 200;
23824
+ stroke-dashoffset: 0;
23825
+ stroke-linecap: round;
23826
+ transform-origin: center center;
23827
+ transform: rotate(-90deg);
23828
+ }
23829
+
23830
+ .v-progress-circular--disable-shrink > svg {
23831
+ animation-duration: 0.7s;
23832
+ }
23833
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23834
+ animation: none;
23835
+ }
23836
+
23837
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23838
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23839
+ animation-play-state: paused !important;
23840
+ }
23841
+
23842
+ @keyframes progress-circular-dash {
23843
+ 0% {
23844
+ stroke-dasharray: 1, 200;
23845
+ stroke-dashoffset: 0px;
23846
+ }
23847
+ 50% {
23848
+ stroke-dasharray: 100, 200;
23849
+ stroke-dashoffset: -15px;
23850
+ }
23851
+ 100% {
23852
+ stroke-dasharray: 100, 200;
23853
+ stroke-dashoffset: -124px;
23854
+ }
23855
+ }
23856
+ @keyframes progress-circular-rotate {
23857
+ 100% {
23858
+ transform: rotate(270deg);
23859
+ }
23766
23860
  }.v-progress-linear {
23767
23861
  background: transparent;
23768
23862
  overflow: hidden;
@@ -23991,108 +24085,79 @@ html.v-overlay-scroll-blocked {
23991
24085
  0% {
23992
24086
  background-position-x: var(--v-progress-linear-height);
23993
24087
  }
23994
- }.v-progress-circular {
23995
- align-items: center;
24088
+ }.v-pagination__list {
23996
24089
  display: inline-flex;
24090
+ list-style-type: none;
23997
24091
  justify-content: center;
23998
- position: relative;
23999
- vertical-align: middle;
24000
- }
24001
- .v-progress-circular > svg {
24002
24092
  width: 100%;
24003
- height: 100%;
24004
- margin: auto;
24005
- position: absolute;
24006
- top: 0;
24007
- bottom: 0;
24008
- left: 0;
24009
- right: 0;
24010
- z-index: 0;
24011
24093
  }
24012
-
24013
- .v-progress-circular__content {
24014
- align-items: center;
24015
- display: flex;
24016
- justify-content: center;
24094
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
24095
+ margin: 0.3rem;
24096
+ }.v-radio-group > .v-input__control {
24097
+ flex-direction: column;
24017
24098
  }
24018
-
24019
- .v-progress-circular__underlay {
24020
- color: rgba(var(--v-border-color), var(--v-border-opacity));
24021
- stroke: currentColor;
24022
- z-index: 1;
24099
+ .v-radio-group > .v-input__control > .v-label {
24100
+ margin-inline-start: 16px;
24023
24101
  }
24024
-
24025
- .v-progress-circular__overlay {
24026
- stroke: currentColor;
24027
- transition: all 0.2s ease-in-out, stroke-width 0s;
24028
- z-index: 2;
24102
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24103
+ padding-inline-start: 6px;
24104
+ margin-top: 8px;
24105
+ }
24106
+ .v-radio-group .v-input__details {
24107
+ padding-inline: 16px;
24108
+ }.v-rating {
24109
+ max-width: 100%;
24110
+ display: inline-flex;
24111
+ white-space: nowrap;
24112
+ }
24113
+ .v-rating--readonly {
24114
+ pointer-events: none;
24029
24115
  }
24030
24116
 
24031
- .v-progress-circular--size-x-small {
24032
- height: 16px;
24033
- width: 16px;
24117
+ .v-rating__wrapper {
24118
+ align-items: center;
24119
+ display: inline-flex;
24120
+ flex-direction: column;
24034
24121
  }
24035
- .v-progress-circular--size-small {
24036
- height: 24px;
24037
- width: 24px;
24122
+ .v-rating__wrapper--bottom {
24123
+ flex-direction: column-reverse;
24038
24124
  }
24039
- .v-progress-circular--size-default {
24040
- height: 32px;
24041
- width: 32px;
24125
+
24126
+ .v-rating__item {
24127
+ display: inline-flex;
24128
+ position: relative;
24042
24129
  }
24043
- .v-progress-circular--size-large {
24044
- height: 48px;
24045
- width: 48px;
24130
+ .v-rating__item label {
24131
+ cursor: pointer;
24046
24132
  }
24047
- .v-progress-circular--size-x-large {
24048
- height: 64px;
24049
- width: 64px;
24133
+ .v-rating__item .v-btn--variant-plain {
24134
+ opacity: 1;
24050
24135
  }
24051
-
24052
- .v-progress-circular--indeterminate > svg {
24053
- animation: progress-circular-rotate 1.4s linear infinite;
24054
- transform-origin: center center;
24055
- transition: all 0.2s ease-in-out;
24136
+ .v-rating__item .v-btn {
24137
+ transition-property: transform;
24056
24138
  }
24057
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
24058
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
24059
- stroke-dasharray: 25, 200;
24060
- stroke-dashoffset: 0;
24061
- stroke-linecap: round;
24062
- transform-origin: center center;
24063
- transform: rotate(-90deg);
24139
+ .v-rating__item .v-btn .v-icon {
24140
+ transition: inherit;
24141
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24064
24142
  }
24065
-
24066
- .v-progress-circular--disable-shrink > svg {
24067
- animation-duration: 0.7s;
24143
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24144
+ transform: scale(1.25);
24068
24145
  }
24069
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
24070
- animation: none;
24146
+ .v-rating__item--half {
24147
+ overflow: hidden;
24148
+ position: absolute;
24149
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24150
+ z-index: 1;
24071
24151
  }
24072
-
24073
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
24074
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
24075
- animation-play-state: paused !important;
24152
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24153
+ opacity: 0;
24076
24154
  }
24077
24155
 
24078
- @keyframes progress-circular-dash {
24079
- 0% {
24080
- stroke-dasharray: 1, 200;
24081
- stroke-dashoffset: 0px;
24082
- }
24083
- 50% {
24084
- stroke-dasharray: 100, 200;
24085
- stroke-dashoffset: -15px;
24086
- }
24087
- 100% {
24088
- stroke-dasharray: 100, 200;
24089
- stroke-dashoffset: -124px;
24090
- }
24091
- }
24092
- @keyframes progress-circular-rotate {
24093
- 100% {
24094
- transform: rotate(270deg);
24095
- }
24156
+ .v-rating__hidden {
24157
+ height: 0;
24158
+ opacity: 0;
24159
+ position: absolute;
24160
+ width: 0;
24096
24161
  }.v-slider .v-slider__container input {
24097
24162
  cursor: default;
24098
24163
  padding: 0;
@@ -24150,44 +24215,6 @@ html.v-overlay-scroll-blocked {
24150
24215
 
24151
24216
  .v-slider__label {
24152
24217
  margin-inline-end: 12px;
24153
- }.v-responsive {
24154
- display: flex;
24155
- flex: 1 0 auto;
24156
- max-height: 100%;
24157
- max-width: 100%;
24158
- overflow: hidden;
24159
- position: relative;
24160
- }
24161
- .v-responsive--inline {
24162
- display: inline-flex;
24163
- flex: 0 0 auto;
24164
- }
24165
-
24166
- .v-responsive__content {
24167
- flex: 1 0 0px;
24168
- max-width: 100%;
24169
- }
24170
-
24171
- .v-responsive__sizer ~ .v-responsive__content {
24172
- margin-inline-start: -100%;
24173
- }
24174
-
24175
- .v-responsive__sizer {
24176
- flex: 1 0 0px;
24177
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24178
- pointer-events: none;
24179
- }.v-radio-group > .v-input__control {
24180
- flex-direction: column;
24181
- }
24182
- .v-radio-group > .v-input__control > .v-label {
24183
- margin-inline-start: 16px;
24184
- }
24185
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24186
- padding-inline-start: 6px;
24187
- margin-top: 8px;
24188
- }
24189
- .v-radio-group .v-input__details {
24190
- padding-inline: 16px;
24191
24218
  }.v-select .v-field .v-text-field__prefix,
24192
24219
  .v-select .v-field .v-text-field__suffix,
24193
24220
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24239,67 +24266,232 @@ html.v-overlay-scroll-blocked {
24239
24266
  }
24240
24267
  .v-select--active-menu .v-select__menu-icon {
24241
24268
  transform: rotate(180deg);
24242
- }.v-rating {
24269
+ }.v-responsive {
24270
+ display: flex;
24271
+ flex: 1 0 auto;
24272
+ max-height: 100%;
24243
24273
  max-width: 100%;
24274
+ overflow: hidden;
24275
+ position: relative;
24276
+ }
24277
+ .v-responsive--inline {
24244
24278
  display: inline-flex;
24245
- white-space: nowrap;
24279
+ flex: 0 0 auto;
24246
24280
  }
24247
- .v-rating--readonly {
24248
- pointer-events: none;
24281
+
24282
+ .v-responsive__content {
24283
+ flex: 1 0 0px;
24284
+ max-width: 100%;
24249
24285
  }
24250
24286
 
24251
- .v-rating__wrapper {
24287
+ .v-responsive__sizer ~ .v-responsive__content {
24288
+ margin-inline-start: -100%;
24289
+ }
24290
+
24291
+ .v-responsive__sizer {
24292
+ flex: 1 0 0px;
24293
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24294
+ pointer-events: none;
24295
+ }.v-selection-control-group {
24296
+ grid-area: control;
24297
+ display: flex;
24298
+ flex-direction: column;
24299
+ }
24300
+ .v-selection-control-group--inline {
24301
+ flex-direction: row;
24302
+ flex-wrap: wrap;
24303
+ }.v-selection-control {
24252
24304
  align-items: center;
24305
+ contain: layout;
24306
+ display: flex;
24307
+ flex: 1 0;
24308
+ grid-area: control;
24309
+ position: relative;
24310
+ -webkit-user-select: none;
24311
+ user-select: none;
24312
+ }
24313
+ .v-selection-control .v-label {
24314
+ white-space: normal;
24315
+ word-break: break-word;
24316
+ height: 100%;
24317
+ opacity: 1;
24318
+ }
24319
+ .v-selection-control--disabled {
24320
+ opacity: var(--v-disabled-opacity);
24321
+ pointer-events: none;
24322
+ }
24323
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
24324
+ color: rgb(var(--v-theme-error));
24325
+ }
24326
+ .v-selection-control--inline {
24327
+ display: inline-flex;
24328
+ flex: 0 0 auto;
24329
+ min-width: 0;
24330
+ max-width: 100%;
24331
+ }
24332
+ .v-selection-control--inline .v-label {
24333
+ width: auto;
24334
+ }
24335
+ .v-selection-control--density-default {
24336
+ --v-selection-control-size: 40px;
24337
+ }
24338
+
24339
+ .v-selection-control--density-comfortable {
24340
+ --v-selection-control-size: 36px;
24341
+ }
24342
+
24343
+ .v-selection-control--density-compact {
24344
+ --v-selection-control-size: 28px;
24345
+ }
24346
+
24347
+ .v-selection-control__wrapper {
24348
+ width: var(--v-selection-control-size);
24349
+ height: var(--v-selection-control-size);
24253
24350
  display: inline-flex;
24351
+ align-items: center;
24352
+ position: relative;
24353
+ justify-content: center;
24354
+ flex: none;
24355
+ }
24356
+
24357
+ .v-selection-control__input {
24358
+ width: var(--v-selection-control-size);
24359
+ height: var(--v-selection-control-size);
24360
+ align-items: center;
24361
+ display: flex;
24362
+ flex: none;
24363
+ justify-content: center;
24364
+ position: relative;
24365
+ border-radius: 50%;
24366
+ }
24367
+ .v-selection-control__input input {
24368
+ cursor: pointer;
24369
+ position: absolute;
24370
+ left: 0;
24371
+ top: 0;
24372
+ width: 100%;
24373
+ height: 100%;
24374
+ opacity: 0;
24375
+ }
24376
+ .v-selection-control__input::before {
24377
+ border-radius: 100%;
24378
+ background-color: currentColor;
24379
+ opacity: 0;
24380
+ pointer-events: none;
24381
+ }
24382
+ .v-selection-control__input::before {
24383
+ content: "";
24384
+ position: absolute;
24385
+ top: 0;
24386
+ left: 0;
24387
+ width: 100%;
24388
+ height: 100%;
24389
+ }
24390
+ .v-selection-control__input:hover::before {
24391
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24392
+ }
24393
+ .v-selection-control__input > .v-icon {
24394
+ opacity: var(--v-medium-emphasis-opacity);
24395
+ }
24396
+ .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 {
24397
+ opacity: 1;
24398
+ }
24399
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24400
+ color: rgb(var(--v-theme-error));
24401
+ }
24402
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24403
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24404
+ }.v-slide-group {
24405
+ display: flex;
24406
+ overflow: hidden;
24407
+ }
24408
+
24409
+ .v-slide-group__next,
24410
+ .v-slide-group__prev {
24411
+ align-items: center;
24412
+ display: flex;
24413
+ flex: 0 1 52px;
24414
+ justify-content: center;
24415
+ min-width: 52px;
24416
+ cursor: pointer;
24417
+ }
24418
+ .v-slide-group__next--disabled,
24419
+ .v-slide-group__prev--disabled {
24420
+ pointer-events: none;
24421
+ opacity: var(--v-disabled-opacity);
24422
+ }
24423
+
24424
+ .v-slide-group__content {
24425
+ display: flex;
24426
+ flex: 1 0 auto;
24427
+ position: relative;
24428
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24429
+ white-space: nowrap;
24430
+ }
24431
+ .v-slide-group__content > * {
24432
+ white-space: initial;
24433
+ }
24434
+
24435
+ .v-slide-group__container {
24436
+ contain: content;
24437
+ display: flex;
24438
+ flex: 1 1 auto;
24439
+ overflow-x: auto;
24440
+ overflow-y: hidden;
24441
+ scrollbar-width: none;
24442
+ scrollbar-color: rgba(0, 0, 0, 0);
24443
+ }
24444
+ .v-slide-group__container::-webkit-scrollbar {
24445
+ display: none;
24446
+ }
24447
+
24448
+ .v-slide-group--vertical {
24449
+ max-height: inherit;
24450
+ }
24451
+ .v-slide-group--vertical,
24452
+ .v-slide-group--vertical .v-slide-group__container,
24453
+ .v-slide-group--vertical .v-slide-group__content {
24254
24454
  flex-direction: column;
24255
24455
  }
24256
- .v-rating__wrapper--bottom {
24257
- flex-direction: column-reverse;
24456
+ .v-slide-group--vertical .v-slide-group__container {
24457
+ overflow-x: hidden;
24458
+ overflow-y: auto;
24459
+ }.v-sheet {
24460
+ display: block;
24258
24461
  }
24259
-
24260
- .v-rating__item {
24261
- display: inline-flex;
24262
- position: relative;
24462
+ .v-sheet {
24463
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24464
+ border-style: solid;
24465
+ border-width: 0;
24263
24466
  }
24264
- .v-rating__item label {
24265
- cursor: pointer;
24467
+ .v-sheet--border {
24468
+ border-width: thin;
24469
+ box-shadow: none;
24266
24470
  }
24267
- .v-rating__item .v-btn--variant-plain {
24268
- opacity: 1;
24471
+ .v-sheet {
24472
+ 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));
24269
24473
  }
24270
- .v-rating__item .v-btn {
24271
- transition-property: transform;
24474
+ .v-sheet--absolute {
24475
+ position: absolute;
24272
24476
  }
24273
- .v-rating__item .v-btn .v-icon {
24274
- transition: inherit;
24275
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24477
+ .v-sheet--fixed {
24478
+ position: fixed;
24276
24479
  }
24277
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24278
- transform: scale(1.25);
24480
+ .v-sheet--relative {
24481
+ position: relative;
24279
24482
  }
24280
- .v-rating__item--half {
24281
- overflow: hidden;
24282
- position: absolute;
24283
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24284
- z-index: 1;
24483
+ .v-sheet--sticky {
24484
+ position: sticky;
24285
24485
  }
24286
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24287
- opacity: 0;
24486
+ .v-sheet {
24487
+ border-radius: 0;
24288
24488
  }
24289
-
24290
- .v-rating__hidden {
24291
- height: 0;
24292
- opacity: 0;
24293
- position: absolute;
24294
- width: 0;
24295
- }.v-selection-control-group {
24296
- grid-area: control;
24297
- display: flex;
24298
- flex-direction: column;
24489
+ .v-sheet {
24490
+ background: rgb(var(--v-theme-surface));
24491
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24299
24492
  }
24300
- .v-selection-control-group--inline {
24301
- flex-direction: row;
24302
- flex-wrap: wrap;
24493
+ .v-sheet--rounded {
24494
+ border-radius: 4px;
24303
24495
  }.v-skeleton-loader {
24304
24496
  align-items: center;
24305
24497
  background: rgb(var(--v-theme-surface));
@@ -24525,42 +24717,6 @@ html.v-overlay-scroll-blocked {
24525
24717
  100% {
24526
24718
  transform: translateX(100%);
24527
24719
  }
24528
- }.v-sheet {
24529
- display: block;
24530
- }
24531
- .v-sheet {
24532
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24533
- border-style: solid;
24534
- border-width: 0;
24535
- }
24536
- .v-sheet--border {
24537
- border-width: thin;
24538
- box-shadow: none;
24539
- }
24540
- .v-sheet {
24541
- 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));
24542
- }
24543
- .v-sheet--absolute {
24544
- position: absolute;
24545
- }
24546
- .v-sheet--fixed {
24547
- position: fixed;
24548
- }
24549
- .v-sheet--relative {
24550
- position: relative;
24551
- }
24552
- .v-sheet--sticky {
24553
- position: sticky;
24554
- }
24555
- .v-sheet {
24556
- border-radius: 0;
24557
- }
24558
- .v-sheet {
24559
- background: rgb(var(--v-theme-surface));
24560
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24561
- }
24562
- .v-sheet--rounded {
24563
- border-radius: 4px;
24564
24720
  }.v-snackbar {
24565
24721
  justify-content: center;
24566
24722
  z-index: 10000;
@@ -24675,188 +24831,32 @@ html.v-overlay-scroll-blocked {
24675
24831
  .v-snackbar--top {
24676
24832
  align-items: flex-start;
24677
24833
  }
24678
- .v-snackbar--bottom {
24679
- align-items: flex-end;
24680
- }
24681
- .v-snackbar--left, .v-snackbar--start {
24682
- justify-content: flex-start;
24683
- }
24684
- .v-snackbar--right, .v-snackbar--end {
24685
- justify-content: flex-end;
24686
- }
24687
-
24688
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24689
- transition-duration: 0.15s;
24690
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24691
- }
24692
- .v-snackbar-transition-enter-active {
24693
- transition-property: opacity, transform;
24694
- }
24695
- .v-snackbar-transition-enter-from {
24696
- opacity: 0;
24697
- transform: scale(0.8);
24698
- }
24699
- .v-snackbar-transition-leave-active {
24700
- transition-property: opacity;
24701
- }
24702
- .v-snackbar-transition-leave-to {
24703
- opacity: 0;
24704
- }.v-slide-group {
24705
- display: flex;
24706
- overflow: hidden;
24707
- }
24708
-
24709
- .v-slide-group__next,
24710
- .v-slide-group__prev {
24711
- align-items: center;
24712
- display: flex;
24713
- flex: 0 1 52px;
24714
- justify-content: center;
24715
- min-width: 52px;
24716
- cursor: pointer;
24717
- }
24718
- .v-slide-group__next--disabled,
24719
- .v-slide-group__prev--disabled {
24720
- pointer-events: none;
24721
- opacity: var(--v-disabled-opacity);
24722
- }
24723
-
24724
- .v-slide-group__content {
24725
- display: flex;
24726
- flex: 1 0 auto;
24727
- position: relative;
24728
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24729
- white-space: nowrap;
24730
- }
24731
- .v-slide-group__content > * {
24732
- white-space: initial;
24733
- }
24734
-
24735
- .v-slide-group__container {
24736
- contain: content;
24737
- display: flex;
24738
- flex: 1 1 auto;
24739
- overflow-x: auto;
24740
- overflow-y: hidden;
24741
- scrollbar-width: none;
24742
- scrollbar-color: rgba(0, 0, 0, 0);
24743
- }
24744
- .v-slide-group__container::-webkit-scrollbar {
24745
- display: none;
24746
- }
24747
-
24748
- .v-slide-group--vertical {
24749
- max-height: inherit;
24750
- }
24751
- .v-slide-group--vertical,
24752
- .v-slide-group--vertical .v-slide-group__container,
24753
- .v-slide-group--vertical .v-slide-group__content {
24754
- flex-direction: column;
24755
- }
24756
- .v-slide-group--vertical .v-slide-group__container {
24757
- overflow-x: hidden;
24758
- overflow-y: auto;
24759
- }.v-selection-control {
24760
- align-items: center;
24761
- contain: layout;
24762
- display: flex;
24763
- flex: 1 0;
24764
- grid-area: control;
24765
- position: relative;
24766
- -webkit-user-select: none;
24767
- user-select: none;
24768
- }
24769
- .v-selection-control .v-label {
24770
- white-space: normal;
24771
- word-break: break-word;
24772
- height: 100%;
24773
- opacity: 1;
24774
- }
24775
- .v-selection-control--disabled {
24776
- opacity: var(--v-disabled-opacity);
24777
- pointer-events: none;
24778
- }
24779
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
24780
- color: rgb(var(--v-theme-error));
24781
- }
24782
- .v-selection-control--inline {
24783
- display: inline-flex;
24784
- flex: 0 0 auto;
24785
- min-width: 0;
24786
- max-width: 100%;
24787
- }
24788
- .v-selection-control--inline .v-label {
24789
- width: auto;
24790
- }
24791
- .v-selection-control--density-default {
24792
- --v-selection-control-size: 40px;
24793
- }
24794
-
24795
- .v-selection-control--density-comfortable {
24796
- --v-selection-control-size: 36px;
24797
- }
24798
-
24799
- .v-selection-control--density-compact {
24800
- --v-selection-control-size: 28px;
24801
- }
24802
-
24803
- .v-selection-control__wrapper {
24804
- width: var(--v-selection-control-size);
24805
- height: var(--v-selection-control-size);
24806
- display: inline-flex;
24807
- align-items: center;
24808
- position: relative;
24809
- justify-content: center;
24810
- flex: none;
24811
- }
24812
-
24813
- .v-selection-control__input {
24814
- width: var(--v-selection-control-size);
24815
- height: var(--v-selection-control-size);
24816
- align-items: center;
24817
- display: flex;
24818
- flex: none;
24819
- justify-content: center;
24820
- position: relative;
24821
- border-radius: 50%;
24822
- }
24823
- .v-selection-control__input input {
24824
- cursor: pointer;
24825
- position: absolute;
24826
- left: 0;
24827
- top: 0;
24828
- width: 100%;
24829
- height: 100%;
24830
- opacity: 0;
24831
- }
24832
- .v-selection-control__input::before {
24833
- border-radius: 100%;
24834
- background-color: currentColor;
24835
- opacity: 0;
24836
- pointer-events: none;
24837
- }
24838
- .v-selection-control__input::before {
24839
- content: "";
24840
- position: absolute;
24841
- top: 0;
24842
- left: 0;
24843
- width: 100%;
24844
- height: 100%;
24834
+ .v-snackbar--bottom {
24835
+ align-items: flex-end;
24845
24836
  }
24846
- .v-selection-control__input:hover::before {
24847
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24837
+ .v-snackbar--left, .v-snackbar--start {
24838
+ justify-content: flex-start;
24848
24839
  }
24849
- .v-selection-control__input > .v-icon {
24850
- opacity: var(--v-medium-emphasis-opacity);
24840
+ .v-snackbar--right, .v-snackbar--end {
24841
+ justify-content: flex-end;
24851
24842
  }
24852
- .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 {
24853
- opacity: 1;
24843
+
24844
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24845
+ transition-duration: 0.15s;
24846
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24854
24847
  }
24855
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24856
- color: rgb(var(--v-theme-error));
24848
+ .v-snackbar-transition-enter-active {
24849
+ transition-property: opacity, transform;
24857
24850
  }
24858
- .v-selection-control--focus-visible .v-selection-control__input::before {
24859
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24851
+ .v-snackbar-transition-enter-from {
24852
+ opacity: 0;
24853
+ transform: scale(0.8);
24854
+ }
24855
+ .v-snackbar-transition-leave-active {
24856
+ transition-property: opacity;
24857
+ }
24858
+ .v-snackbar-transition-leave-to {
24859
+ opacity: 0;
24860
24860
  }.v-speed-dial__content {
24861
24861
  gap: 8px;
24862
24862
  }
@@ -24898,168 +24898,6 @@ html.v-overlay-scroll-blocked {
24898
24898
  }
24899
24899
  .v-speed-dial__content > *:nth-child(10) {
24900
24900
  transition-delay: 0.45s;
24901
- }.v-system-bar {
24902
- align-items: center;
24903
- display: flex;
24904
- flex: 1 1 auto;
24905
- height: 24px;
24906
- justify-content: flex-end;
24907
- max-width: 100%;
24908
- padding-inline: 8px;
24909
- position: relative;
24910
- text-align: end;
24911
- width: 100%;
24912
- }
24913
- .v-system-bar .v-icon {
24914
- opacity: var(--v-medium-emphasis-opacity);
24915
- }
24916
- .v-system-bar {
24917
- 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));
24918
- }
24919
- .v-system-bar--absolute {
24920
- position: absolute;
24921
- }
24922
- .v-system-bar--fixed {
24923
- position: fixed;
24924
- }
24925
- .v-system-bar {
24926
- background: rgba(var(--v-theme-surface-light));
24927
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24928
- }
24929
- .v-system-bar {
24930
- font-size: 0.75rem;
24931
- font-weight: 400;
24932
- letter-spacing: 0.0333333333em;
24933
- line-height: 1.667;
24934
- text-transform: none;
24935
- }
24936
- .v-system-bar--rounded {
24937
- border-radius: 0;
24938
- }
24939
- .v-system-bar--window {
24940
- height: 32px;
24941
- }
24942
- .v-system-bar:not(.v-system-bar--absolute) {
24943
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24944
- }.v-stepper-item {
24945
- align-items: center;
24946
- align-self: stretch;
24947
- display: inline-flex;
24948
- flex: none;
24949
- outline: none;
24950
- opacity: var(--v-medium-emphasis-opacity);
24951
- padding: 1.5rem;
24952
- position: relative;
24953
- transition-duration: 0.2s;
24954
- transition-property: opacity;
24955
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24956
- }
24957
- .v-stepper-item:hover > .v-stepper-item__overlay {
24958
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24959
- }
24960
- .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24961
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24962
- }
24963
- @supports not selector(:focus-visible) {
24964
- .v-stepper-item:focus > .v-stepper-item__overlay {
24965
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24966
- }
24967
- }
24968
- .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24969
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24970
- }
24971
- .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24972
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24973
- }
24974
- .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24975
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24976
- }
24977
- @supports not selector(:focus-visible) {
24978
- .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24979
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24980
- }
24981
- }
24982
- .v-stepper--non-linear .v-stepper-item {
24983
- opacity: var(--v-high-emphasis-opacity);
24984
- }
24985
- .v-stepper-item--selected {
24986
- opacity: 1;
24987
- }
24988
- .v-stepper-item--error {
24989
- color: rgb(var(--v-theme-error));
24990
- }
24991
- .v-stepper-item--disabled {
24992
- opacity: var(--v-medium-emphasis-opacity);
24993
- pointer-events: none;
24994
- }
24995
- .v-stepper--alt-labels .v-stepper-item {
24996
- flex-direction: column;
24997
- justify-content: flex-start;
24998
- align-items: center;
24999
- flex-basis: 175px;
25000
- }
25001
-
25002
- .v-stepper-item__avatar.v-avatar {
25003
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
25004
- color: rgb(var(--v-theme-on-surface-variant));
25005
- font-size: 0.75rem;
25006
- margin-inline-end: 8px;
25007
- }
25008
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
25009
- margin-inline-end: 0;
25010
- }
25011
- .v-stepper-item__avatar.v-avatar .v-icon {
25012
- font-size: 0.875rem;
25013
- }
25014
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
25015
- background: rgb(var(--v-theme-surface-variant));
25016
- }
25017
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
25018
- background: rgb(var(--v-theme-error));
25019
- }
25020
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
25021
- margin-bottom: 16px;
25022
- margin-inline-end: 0;
25023
- }
25024
-
25025
- .v-stepper-item__title {
25026
- line-height: 1;
25027
- }
25028
- .v-stepper--mobile .v-stepper-item__title {
25029
- display: none;
25030
- }
25031
-
25032
- .v-stepper-item__subtitle {
25033
- font-size: 0.75rem;
25034
- text-align: left;
25035
- line-height: 1;
25036
- opacity: var(--v-medium-emphasis-opacity);
25037
- }
25038
- .v-stepper--alt-labels .v-stepper-item__subtitle {
25039
- text-align: center;
25040
- }
25041
- .v-stepper--mobile .v-stepper-item__subtitle {
25042
- display: none;
25043
- }
25044
-
25045
- .v-stepper-item__overlay {
25046
- background-color: currentColor;
25047
- border-radius: inherit;
25048
- opacity: 0;
25049
- transition: opacity 0.2s ease-in-out;
25050
- }
25051
-
25052
- .v-stepper-item__overlay,
25053
- .v-stepper-item__underlay {
25054
- pointer-events: none;
25055
- }
25056
- .v-stepper-item__overlay,
25057
- .v-stepper-item__underlay {
25058
- position: absolute;
25059
- top: 0;
25060
- left: 0;
25061
- width: 100%;
25062
- height: 100%;
25063
24901
  }.v-switch .v-label {
25064
24902
  padding-inline-start: 10px;
25065
24903
  }
@@ -25242,101 +25080,49 @@ html.v-overlay-scroll-blocked {
25242
25080
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25243
25081
  border-width: 0;
25244
25082
  }
25245
- }.v-tab.v-tab.v-btn {
25246
- height: var(--v-tabs-height);
25247
- border-radius: 0;
25248
- min-width: 90px;
25249
- }
25250
- .v-slide-group--horizontal .v-tab {
25251
- max-width: 360px;
25252
- }
25253
- .v-slide-group--vertical .v-tab {
25254
- justify-content: start;
25255
- }
25256
-
25257
- .v-tab__slider {
25258
- position: absolute;
25259
- bottom: 0;
25260
- left: 0;
25261
- height: 2px;
25262
- width: 100%;
25263
- background: currentColor;
25264
- pointer-events: none;
25265
- opacity: 0;
25266
- }
25267
- .v-tab--selected .v-tab__slider {
25268
- opacity: 1;
25269
- }
25270
- .v-slide-group--vertical .v-tab__slider {
25271
- top: 0;
25272
- height: 100%;
25273
- width: 2px;
25274
- }.v-tabs {
25083
+ }.v-system-bar {
25084
+ align-items: center;
25275
25085
  display: flex;
25276
- height: var(--v-tabs-height);
25277
- }
25278
- .v-tabs--density-default {
25279
- --v-tabs-height: 48px;
25280
- }
25281
- .v-tabs--density-default.v-tabs--stacked {
25282
- --v-tabs-height: 72px;
25283
- }
25284
-
25285
- .v-tabs--density-comfortable {
25286
- --v-tabs-height: 44px;
25287
- }
25288
- .v-tabs--density-comfortable.v-tabs--stacked {
25289
- --v-tabs-height: 68px;
25290
- }
25291
-
25292
- .v-tabs--density-compact {
25293
- --v-tabs-height: 36px;
25294
- }
25295
- .v-tabs--density-compact.v-tabs--stacked {
25296
- --v-tabs-height: 60px;
25086
+ flex: 1 1 auto;
25087
+ height: 24px;
25088
+ justify-content: flex-end;
25089
+ max-width: 100%;
25090
+ padding-inline: 8px;
25091
+ position: relative;
25092
+ text-align: end;
25093
+ width: 100%;
25297
25094
  }
25298
-
25299
- .v-tabs.v-slide-group--vertical {
25300
- height: auto;
25301
- flex: none;
25302
- --v-tabs-height: 48px;
25095
+ .v-system-bar .v-icon {
25096
+ opacity: var(--v-medium-emphasis-opacity);
25303
25097
  }
25304
-
25305
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25306
- margin-inline-start: 42px;
25098
+ .v-system-bar {
25099
+ 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));
25307
25100
  }
25308
-
25309
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25310
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25311
- margin-inline-end: auto;
25101
+ .v-system-bar--absolute {
25102
+ position: absolute;
25312
25103
  }
25313
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25314
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25315
- margin-inline-start: auto;
25104
+ .v-system-bar--fixed {
25105
+ position: fixed;
25316
25106
  }
25317
-
25318
- .v-tabs--grow {
25319
- flex-grow: 1;
25107
+ .v-system-bar {
25108
+ background: rgba(var(--v-theme-surface-light));
25109
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25320
25110
  }
25321
- .v-tabs--grow .v-tab {
25322
- flex: 1 0 auto;
25323
- max-width: none;
25111
+ .v-system-bar {
25112
+ font-size: 0.75rem;
25113
+ font-weight: 400;
25114
+ letter-spacing: 0.0333333333em;
25115
+ line-height: 1.667;
25116
+ text-transform: none;
25324
25117
  }
25325
-
25326
- .v-tabs--align-tabs-end .v-tab:first-child {
25327
- margin-inline-start: auto;
25118
+ .v-system-bar--rounded {
25119
+ border-radius: 0;
25328
25120
  }
25329
- .v-tabs--align-tabs-end .v-tab:last-child {
25330
- margin-inline-end: 0;
25121
+ .v-system-bar--window {
25122
+ height: 32px;
25331
25123
  }
25332
-
25333
- @media (max-width: 1279.98px) {
25334
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25335
- margin-inline-start: 52px;
25336
- }
25337
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25338
- margin-inline-end: 52px;
25339
- }
25124
+ .v-system-bar:not(.v-system-bar--absolute) {
25125
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25340
25126
  }.v-stepper.v-sheet {
25341
25127
  overflow: hidden;
25342
25128
  }
@@ -25393,130 +25179,220 @@ html.v-overlay-scroll-blocked {
25393
25179
  }
25394
25180
  .v-stepper-window-item .v-stepper-actions {
25395
25181
  padding: 1.5rem 0 0;
25396
- }/* region BLOCK */
25397
- .v-text-field input {
25398
- color: inherit;
25399
- opacity: 0;
25400
- flex: 1;
25401
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25402
- min-width: 0;
25403
- }
25404
- .v-text-field input:focus, .v-text-field input:active {
25182
+ }.v-stepper-item {
25183
+ align-items: center;
25184
+ align-self: stretch;
25185
+ display: inline-flex;
25186
+ flex: none;
25405
25187
  outline: none;
25188
+ opacity: var(--v-medium-emphasis-opacity);
25189
+ padding: 1.5rem;
25190
+ position: relative;
25191
+ transition-duration: 0.2s;
25192
+ transition-property: opacity;
25193
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25406
25194
  }
25407
- .v-text-field input:invalid {
25408
- box-shadow: none;
25195
+ .v-stepper-item:hover > .v-stepper-item__overlay {
25196
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25409
25197
  }
25410
- .v-text-field .v-field {
25411
- cursor: text;
25198
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
25199
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25412
25200
  }
25413
- .v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25414
- --v-field-padding-start: 6px;
25201
+ @supports not selector(:focus-visible) {
25202
+ .v-stepper-item:focus > .v-stepper-item__overlay {
25203
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25204
+ }
25205
+ }
25206
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
25207
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25208
+ }
25209
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
25210
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25211
+ }
25212
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
25213
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25214
+ }
25215
+ @supports not selector(:focus-visible) {
25216
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
25217
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25218
+ }
25219
+ }
25220
+ .v-stepper--non-linear .v-stepper-item {
25221
+ opacity: var(--v-high-emphasis-opacity);
25222
+ }
25223
+ .v-stepper-item--selected {
25224
+ opacity: 1;
25225
+ }
25226
+ .v-stepper-item--error {
25227
+ color: rgb(var(--v-theme-error));
25228
+ }
25229
+ .v-stepper-item--disabled {
25230
+ opacity: var(--v-medium-emphasis-opacity);
25231
+ pointer-events: none;
25232
+ }
25233
+ .v-stepper--alt-labels .v-stepper-item {
25234
+ flex-direction: column;
25235
+ justify-content: flex-start;
25236
+ align-items: center;
25237
+ flex-basis: 175px;
25415
25238
  }
25416
25239
 
25417
- .v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25418
- --v-field-padding-end: 0;
25240
+ .v-stepper-item__avatar.v-avatar {
25241
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
25242
+ color: rgb(var(--v-theme-on-surface-variant));
25243
+ font-size: 0.75rem;
25244
+ margin-inline-end: 8px;
25245
+ }
25246
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
25247
+ margin-inline-end: 0;
25248
+ }
25249
+ .v-stepper-item__avatar.v-avatar .v-icon {
25250
+ font-size: 0.875rem;
25251
+ }
25252
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
25253
+ background: rgb(var(--v-theme-surface-variant));
25254
+ }
25255
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
25256
+ background: rgb(var(--v-theme-error));
25257
+ }
25258
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
25259
+ margin-bottom: 16px;
25260
+ margin-inline-end: 0;
25419
25261
  }
25420
25262
 
25421
- .v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
25422
- --v-field-padding-end: 6px;
25263
+ .v-stepper-item__title {
25264
+ line-height: 1;
25265
+ }
25266
+ .v-stepper--mobile .v-stepper-item__title {
25267
+ display: none;
25423
25268
  }
25424
25269
 
25425
- .v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
25426
- --v-field-padding-start: 0;
25270
+ .v-stepper-item__subtitle {
25271
+ font-size: 0.75rem;
25272
+ text-align: left;
25273
+ line-height: 1;
25274
+ opacity: var(--v-medium-emphasis-opacity);
25275
+ }
25276
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
25277
+ text-align: center;
25278
+ }
25279
+ .v-stepper--mobile .v-stepper-item__subtitle {
25280
+ display: none;
25427
25281
  }
25428
25282
 
25429
- .v-text-field .v-input__details {
25430
- padding-inline: 16px;
25283
+ .v-stepper-item__overlay {
25284
+ background-color: currentColor;
25285
+ border-radius: inherit;
25286
+ opacity: 0;
25287
+ transition: opacity 0.2s ease-in-out;
25431
25288
  }
25432
- .v-input--plain-underlined.v-text-field .v-input__details {
25433
- padding-inline: 0;
25289
+
25290
+ .v-stepper-item__overlay,
25291
+ .v-stepper-item__underlay {
25292
+ pointer-events: none;
25293
+ }
25294
+ .v-stepper-item__overlay,
25295
+ .v-stepper-item__underlay {
25296
+ position: absolute;
25297
+ top: 0;
25298
+ left: 0;
25299
+ width: 100%;
25300
+ height: 100%;
25301
+ }.v-tabs {
25302
+ display: flex;
25303
+ height: var(--v-tabs-height);
25304
+ }
25305
+ .v-tabs--density-default {
25306
+ --v-tabs-height: 48px;
25307
+ }
25308
+ .v-tabs--density-default.v-tabs--stacked {
25309
+ --v-tabs-height: 72px;
25434
25310
  }
25435
25311
 
25436
- .v-text-field .v-field--no-label input,
25437
- .v-text-field .v-field--active input {
25438
- opacity: 1;
25312
+ .v-tabs--density-comfortable {
25313
+ --v-tabs-height: 44px;
25439
25314
  }
25440
- .v-text-field .v-field--single-line input {
25441
- transition: none;
25315
+ .v-tabs--density-comfortable.v-tabs--stacked {
25316
+ --v-tabs-height: 68px;
25442
25317
  }
25443
25318
 
25444
- /* endregion */
25445
- /* region ELEMENTS */
25446
- .v-text-field__prefix, .v-text-field__suffix {
25447
- align-items: center;
25448
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25449
- cursor: default;
25450
- display: flex;
25451
- opacity: 0;
25452
- transition: inherit;
25453
- white-space: nowrap;
25454
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25455
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25456
- padding-bottom: var(--v-field-padding-bottom, 6px);
25319
+ .v-tabs--density-compact {
25320
+ --v-tabs-height: 36px;
25457
25321
  }
25458
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25459
- opacity: 1;
25322
+ .v-tabs--density-compact.v-tabs--stacked {
25323
+ --v-tabs-height: 60px;
25460
25324
  }
25461
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25462
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25325
+
25326
+ .v-tabs.v-slide-group--vertical {
25327
+ height: auto;
25328
+ flex: none;
25329
+ --v-tabs-height: 48px;
25463
25330
  }
25464
- .v-field:not(.v-field--reverse) .v-text-field__prefix {
25465
- padding-inline-start: var(--v-field-padding-start);
25331
+
25332
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25333
+ margin-inline-start: 42px;
25466
25334
  }
25467
25335
 
25468
- .v-field.v-field--reverse .v-text-field__prefix {
25469
- padding-inline-end: var(--v-field-padding-end);
25336
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25337
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25338
+ margin-inline-end: auto;
25339
+ }
25340
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25341
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25342
+ margin-inline-start: auto;
25343
+ }
25344
+
25345
+ .v-tabs--grow {
25346
+ flex-grow: 1;
25347
+ }
25348
+ .v-tabs--grow .v-tab {
25349
+ flex: 1 0 auto;
25350
+ max-width: none;
25470
25351
  }
25471
25352
 
25472
- .v-field:not(.v-field--reverse) .v-text-field__suffix {
25473
- padding-inline-end: var(--v-field-padding-end);
25353
+ .v-tabs--align-tabs-end .v-tab:first-child {
25354
+ margin-inline-start: auto;
25474
25355
  }
25475
-
25476
- .v-field.v-field--reverse .v-text-field__suffix {
25477
- padding-inline-start: var(--v-field-padding-start);
25356
+ .v-tabs--align-tabs-end .v-tab:last-child {
25357
+ margin-inline-end: 0;
25478
25358
  }
25479
25359
 
25480
- /* endregion */.v-textarea .v-field {
25481
- --v-textarea-control-height: var(--v-input-control-height);
25360
+ @media (max-width: 1279.98px) {
25361
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25362
+ margin-inline-start: 52px;
25363
+ }
25364
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25365
+ margin-inline-end: 52px;
25366
+ }
25367
+ }.v-tab.v-tab.v-btn {
25368
+ height: var(--v-tabs-height);
25369
+ border-radius: 0;
25370
+ min-width: 90px;
25482
25371
  }
25483
- .v-textarea .v-field__field {
25484
- --v-input-control-height: var(--v-textarea-control-height);
25372
+ .v-slide-group--horizontal .v-tab {
25373
+ max-width: 360px;
25485
25374
  }
25486
- .v-textarea .v-field__input {
25487
- flex: 1 1 auto;
25488
- outline: none;
25489
- -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));
25490
- 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));
25375
+ .v-slide-group--vertical .v-tab {
25376
+ justify-content: start;
25491
25377
  }
25492
- .v-textarea .v-field__input.v-textarea__sizer {
25493
- visibility: hidden;
25378
+
25379
+ .v-tab__slider {
25494
25380
  position: absolute;
25495
- top: 0;
25381
+ bottom: 0;
25496
25382
  left: 0;
25497
- height: 0 !important;
25498
- min-height: 0 !important;
25383
+ height: 2px;
25384
+ width: 100%;
25385
+ background: currentColor;
25499
25386
  pointer-events: none;
25387
+ opacity: 0;
25500
25388
  }
25501
- .v-textarea--no-resize .v-field__input {
25502
- resize: none;
25503
- }
25504
- .v-textarea .v-field--no-label textarea,
25505
- .v-textarea .v-field--active textarea {
25389
+ .v-tab--selected .v-tab__slider {
25506
25390
  opacity: 1;
25507
25391
  }
25508
- .v-textarea textarea {
25509
- opacity: 0;
25510
- flex: 1;
25511
- min-width: 0;
25392
+ .v-slide-group--vertical .v-tab__slider {
25393
+ top: 0;
25512
25394
  height: 100%;
25513
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25514
- }
25515
- .v-textarea textarea:focus, .v-textarea textarea:active {
25516
- outline: none;
25517
- }
25518
- .v-textarea textarea:invalid {
25519
- box-shadow: none;
25395
+ width: 2px;
25520
25396
  }.v-table {
25521
25397
  font-size: 0.875rem;
25522
25398
  transition-duration: 0.28s;
@@ -25659,7 +25535,131 @@ html.v-overlay-scroll-blocked {
25659
25535
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25660
25536
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25661
25537
  border-top: 0px !important;
25662
- }.v-theme-provider {
25538
+ }.v-textarea .v-field {
25539
+ --v-textarea-control-height: var(--v-input-control-height);
25540
+ }
25541
+ .v-textarea .v-field__field {
25542
+ --v-input-control-height: var(--v-textarea-control-height);
25543
+ }
25544
+ .v-textarea .v-field__input {
25545
+ flex: 1 1 auto;
25546
+ outline: none;
25547
+ -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));
25548
+ 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));
25549
+ }
25550
+ .v-textarea .v-field__input.v-textarea__sizer {
25551
+ visibility: hidden;
25552
+ position: absolute;
25553
+ top: 0;
25554
+ left: 0;
25555
+ height: 0 !important;
25556
+ min-height: 0 !important;
25557
+ pointer-events: none;
25558
+ }
25559
+ .v-textarea--no-resize .v-field__input {
25560
+ resize: none;
25561
+ }
25562
+ .v-textarea .v-field--no-label textarea,
25563
+ .v-textarea .v-field--active textarea {
25564
+ opacity: 1;
25565
+ }
25566
+ .v-textarea textarea {
25567
+ opacity: 0;
25568
+ flex: 1;
25569
+ min-width: 0;
25570
+ height: 100%;
25571
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25572
+ }
25573
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25574
+ outline: none;
25575
+ }
25576
+ .v-textarea textarea:invalid {
25577
+ box-shadow: none;
25578
+ }/* region BLOCK */
25579
+ .v-text-field input {
25580
+ color: inherit;
25581
+ opacity: 0;
25582
+ flex: 1;
25583
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25584
+ min-width: 0;
25585
+ }
25586
+ .v-text-field input:focus, .v-text-field input:active {
25587
+ outline: none;
25588
+ }
25589
+ .v-text-field input:invalid {
25590
+ box-shadow: none;
25591
+ }
25592
+ .v-text-field .v-field {
25593
+ cursor: text;
25594
+ }
25595
+ .v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25596
+ --v-field-padding-start: 6px;
25597
+ }
25598
+
25599
+ .v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
25600
+ --v-field-padding-end: 0;
25601
+ }
25602
+
25603
+ .v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
25604
+ --v-field-padding-end: 6px;
25605
+ }
25606
+
25607
+ .v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
25608
+ --v-field-padding-start: 0;
25609
+ }
25610
+
25611
+ .v-text-field .v-input__details {
25612
+ padding-inline: 16px;
25613
+ }
25614
+ .v-input--plain-underlined.v-text-field .v-input__details {
25615
+ padding-inline: 0;
25616
+ }
25617
+
25618
+ .v-text-field .v-field--no-label input,
25619
+ .v-text-field .v-field--active input {
25620
+ opacity: 1;
25621
+ }
25622
+ .v-text-field .v-field--single-line input {
25623
+ transition: none;
25624
+ }
25625
+
25626
+ /* endregion */
25627
+ /* region ELEMENTS */
25628
+ .v-text-field__prefix, .v-text-field__suffix {
25629
+ align-items: center;
25630
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25631
+ cursor: default;
25632
+ display: flex;
25633
+ opacity: 0;
25634
+ transition: inherit;
25635
+ white-space: nowrap;
25636
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25637
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25638
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25639
+ }
25640
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25641
+ opacity: 1;
25642
+ }
25643
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25644
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25645
+ }
25646
+ .v-field:not(.v-field--reverse) .v-text-field__prefix {
25647
+ padding-inline-start: var(--v-field-padding-start);
25648
+ }
25649
+
25650
+ .v-field.v-field--reverse .v-text-field__prefix {
25651
+ padding-inline-end: var(--v-field-padding-end);
25652
+ }
25653
+
25654
+ .v-field:not(.v-field--reverse) .v-text-field__suffix {
25655
+ padding-inline-end: var(--v-field-padding-end);
25656
+ }
25657
+
25658
+ .v-field.v-field--reverse .v-text-field__suffix {
25659
+ padding-inline-start: var(--v-field-padding-start);
25660
+ }
25661
+
25662
+ /* endregion */.v-theme-provider {
25663
25663
  background: rgb(var(--v-theme-background));
25664
25664
  color: rgb(var(--v-theme-on-background));
25665
25665
  }.v-timeline .v-timeline-divider__dot {
@@ -26089,6 +26089,30 @@ html.v-overlay-scroll-blocked {
26089
26089
 
26090
26090
  .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 {
26091
26091
  padding-inline-end: 0;
26092
+ }.v-tooltip > .v-overlay__content {
26093
+ background: rgb(var(--v-theme-surface-variant));
26094
+ color: rgb(var(--v-theme-on-surface-variant));
26095
+ border-radius: 4px;
26096
+ font-size: 0.875rem;
26097
+ line-height: 1.6;
26098
+ display: inline-block;
26099
+ padding: 5px 16px;
26100
+ text-transform: initial;
26101
+ width: auto;
26102
+ opacity: 1;
26103
+ transition-property: opacity, transform;
26104
+ overflow-wrap: break-word;
26105
+ }
26106
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26107
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26108
+ transition-duration: 150ms;
26109
+ }
26110
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26111
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26112
+ transition-duration: 75ms;
26113
+ }
26114
+ .v-tooltip:not(.v-tooltip--interactive) > .v-overlay__content {
26115
+ pointer-events: none;
26092
26116
  }.v-toolbar {
26093
26117
  align-items: flex-start;
26094
26118
  display: flex;
@@ -26221,51 +26245,18 @@ html.v-overlay-scroll-blocked {
26221
26245
  }
26222
26246
 
26223
26247
  .v-toolbar-title__placeholder {
26224
- overflow: hidden;
26225
- text-overflow: ellipsis;
26226
- white-space: nowrap;
26227
- }
26228
-
26229
- .v-toolbar-items {
26230
- display: flex;
26231
- height: inherit;
26232
- align-self: stretch;
26233
- }
26234
- .v-toolbar-items > .v-btn {
26235
- border-radius: 0;
26236
- }.v-tooltip > .v-overlay__content {
26237
- background: rgb(var(--v-theme-surface-variant));
26238
- color: rgb(var(--v-theme-on-surface-variant));
26239
- border-radius: 4px;
26240
- font-size: 0.875rem;
26241
- line-height: 1.6;
26242
- display: inline-block;
26243
- padding: 5px 16px;
26244
- text-transform: initial;
26245
- width: auto;
26246
- opacity: 1;
26247
- transition-property: opacity, transform;
26248
- overflow-wrap: break-word;
26249
- }
26250
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26251
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26252
- transition-duration: 150ms;
26253
- }
26254
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26255
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26256
- transition-duration: 75ms;
26257
- }
26258
- .v-tooltip:not(.v-tooltip--interactive) > .v-overlay__content {
26259
- pointer-events: none;
26260
- }.v-virtual-scroll {
26261
- display: block;
26262
- flex: 1 1 auto;
26263
- max-width: 100%;
26264
- overflow: auto;
26265
- position: relative;
26248
+ overflow: hidden;
26249
+ text-overflow: ellipsis;
26250
+ white-space: nowrap;
26266
26251
  }
26267
- .v-virtual-scroll__container {
26268
- display: block;
26252
+
26253
+ .v-toolbar-items {
26254
+ display: flex;
26255
+ height: inherit;
26256
+ align-self: stretch;
26257
+ }
26258
+ .v-toolbar-items > .v-btn {
26259
+ border-radius: 0;
26269
26260
  }.v-window {
26270
26261
  overflow: hidden;
26271
26262
  }
@@ -26336,28 +26327,43 @@ html.v-overlay-scroll-blocked {
26336
26327
  }
26337
26328
  .v-window-y-reverse-transition-leave-to {
26338
26329
  transform: translateY(100%);
26339
- }.v-color-picker-canvas {
26340
- display: flex;
26330
+ }.v-virtual-scroll {
26331
+ display: block;
26332
+ flex: 1 1 auto;
26333
+ max-width: 100%;
26334
+ overflow: auto;
26341
26335
  position: relative;
26342
- overflow: hidden;
26343
- contain: content;
26344
- touch-action: none;
26345
26336
  }
26346
- .v-color-picker-canvas__dot {
26347
- position: absolute;
26348
- top: 0;
26349
- left: 0;
26350
- width: 15px;
26351
- height: 15px;
26352
- background: transparent;
26353
- border-radius: 50%;
26354
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26337
+ .v-virtual-scroll__container {
26338
+ display: block;
26339
+ }.v-color-picker-edit {
26340
+ display: flex;
26341
+ margin-top: 24px;
26355
26342
  }
26356
- .v-color-picker-canvas__dot--disabled {
26357
- 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);
26343
+
26344
+ .v-color-picker-edit__input {
26345
+ width: 100%;
26346
+ display: flex;
26347
+ flex-wrap: wrap;
26348
+ justify-content: center;
26349
+ text-align: center;
26358
26350
  }
26359
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26360
- will-change: transform;
26351
+ .v-color-picker-edit__input:not(:last-child) {
26352
+ margin-inline-end: 8px;
26353
+ }
26354
+ .v-color-picker-edit__input input {
26355
+ border-radius: 4px;
26356
+ margin-bottom: 8px;
26357
+ min-width: 0;
26358
+ outline: none;
26359
+ text-align: center;
26360
+ width: 100%;
26361
+ height: 32px;
26362
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26363
+ color: rgba(var(--v-theme-on-surface));
26364
+ }
26365
+ .v-color-picker-edit__input span {
26366
+ font-size: 0.75rem;
26361
26367
  }.v-color-picker-preview__alpha .v-slider-track__background {
26362
26368
  background-color: transparent !important;
26363
26369
  }
@@ -26428,34 +26434,6 @@ html.v-overlay-scroll-blocked {
26428
26434
  .v-color-picker-preview__eye-dropper {
26429
26435
  position: relative;
26430
26436
  margin-right: 12px;
26431
- }.v-color-picker-edit {
26432
- display: flex;
26433
- margin-top: 24px;
26434
- }
26435
-
26436
- .v-color-picker-edit__input {
26437
- width: 100%;
26438
- display: flex;
26439
- flex-wrap: wrap;
26440
- justify-content: center;
26441
- text-align: center;
26442
- }
26443
- .v-color-picker-edit__input:not(:last-child) {
26444
- margin-inline-end: 8px;
26445
- }
26446
- .v-color-picker-edit__input input {
26447
- border-radius: 4px;
26448
- margin-bottom: 8px;
26449
- min-width: 0;
26450
- outline: none;
26451
- text-align: center;
26452
- width: 100%;
26453
- height: 32px;
26454
- background: rgba(var(--v-theme-surface-variant), 0.2);
26455
- color: rgba(var(--v-theme-on-surface));
26456
- }
26457
- .v-color-picker-edit__input span {
26458
- font-size: 0.75rem;
26459
26437
  }.v-color-picker-swatches {
26460
26438
  overflow-y: auto;
26461
26439
  }
@@ -26491,69 +26469,250 @@ html.v-overlay-scroll-blocked {
26491
26469
  justify-content: center;
26492
26470
  width: 100%;
26493
26471
  height: 100%;
26472
+ }.v-color-picker-canvas {
26473
+ display: flex;
26474
+ position: relative;
26475
+ overflow: hidden;
26476
+ contain: content;
26477
+ touch-action: none;
26478
+ }
26479
+ .v-color-picker-canvas__dot {
26480
+ position: absolute;
26481
+ top: 0;
26482
+ left: 0;
26483
+ width: 15px;
26484
+ height: 15px;
26485
+ background: transparent;
26486
+ border-radius: 50%;
26487
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26488
+ }
26489
+ .v-color-picker-canvas__dot--disabled {
26490
+ 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);
26491
+ }
26492
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26493
+ will-change: transform;
26494
26494
  }.v-picker.v-sheet {
26495
26495
  display: grid;
26496
26496
  grid-auto-rows: min-content;
26497
26497
  grid-template-areas: "title" "header" "body";
26498
26498
  overflow: hidden;
26499
26499
  }
26500
- .v-picker.v-sheet {
26501
- 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));
26500
+ .v-picker.v-sheet {
26501
+ 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));
26502
+ }
26503
+ .v-picker.v-sheet {
26504
+ border-radius: 4px;
26505
+ }
26506
+ .v-picker.v-sheet.v-picker--with-actions {
26507
+ grid-template-areas: "title" "header" "body" "actions";
26508
+ }
26509
+
26510
+ .v-picker__body {
26511
+ grid-area: body;
26512
+ overflow: hidden;
26513
+ position: relative;
26514
+ }
26515
+
26516
+ .v-picker__header {
26517
+ grid-area: header;
26518
+ }
26519
+
26520
+ .v-picker__actions {
26521
+ grid-area: actions;
26522
+ padding: 0 12px 12px;
26523
+ display: flex;
26524
+ align-items: center;
26525
+ justify-content: flex-end;
26526
+ }
26527
+ .v-picker__actions .v-btn {
26528
+ min-width: 48px;
26529
+ }
26530
+ .v-picker__actions .v-btn:not(:last-child) {
26531
+ margin-inline-end: 8px;
26532
+ }
26533
+
26534
+ .v-picker--divided .v-picker__header {
26535
+ border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
26536
+ border-bottom-style: solid;
26537
+ border-bottom-width: thin;
26538
+ }
26539
+
26540
+ .v-picker--landscape {
26541
+ grid-template-areas: "title" "header body" "header body";
26542
+ }
26543
+
26544
+ .v-picker--landscape.v-picker--with-actions {
26545
+ grid-template-areas: "title" "header body" "header actions";
26546
+ }
26547
+
26548
+ .v-picker-title {
26549
+ text-transform: uppercase;
26550
+ font-size: 0.75rem;
26551
+ grid-area: title;
26552
+ padding-inline: 24px 12px;
26553
+ padding-top: 16px;
26554
+ padding-bottom: 16px;
26555
+ font-weight: 400;
26556
+ letter-spacing: 0.1666666667em;
26557
+ }.v-slider-thumb {
26558
+ touch-action: none;
26559
+ color: rgb(var(--v-theme-surface-variant));
26560
+ }
26561
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26562
+ color: inherit;
26563
+ }
26564
+
26565
+ .v-slider-thumb__label {
26566
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26567
+ color: rgb(var(--v-theme-on-surface-variant));
26568
+ }
26569
+ .v-slider-thumb__label::before {
26570
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26571
+ }
26572
+
26573
+ .v-slider-thumb {
26574
+ outline: none;
26575
+ position: absolute;
26576
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26577
+ }
26578
+
26579
+ .v-slider-thumb__surface {
26580
+ cursor: pointer;
26581
+ width: var(--v-slider-thumb-size);
26582
+ height: var(--v-slider-thumb-size);
26583
+ border-radius: 50%;
26584
+ -webkit-user-select: none;
26585
+ user-select: none;
26586
+ background-color: currentColor;
26587
+ }
26588
+ @media (forced-colors: active) {
26589
+ .v-slider-thumb__surface {
26590
+ background-color: highlight;
26591
+ }
26592
+ }
26593
+ .v-slider-thumb__surface::before {
26594
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26595
+ content: "";
26596
+ color: inherit;
26597
+ top: 0;
26598
+ left: 0;
26599
+ width: 100%;
26600
+ height: 100%;
26601
+ border-radius: 50%;
26602
+ background: currentColor;
26603
+ position: absolute;
26604
+ pointer-events: none;
26605
+ opacity: 0;
26606
+ }
26607
+ .v-slider-thumb__surface::after {
26608
+ content: "";
26609
+ width: 42px;
26610
+ height: 42px;
26611
+ position: absolute;
26612
+ top: 50%;
26613
+ left: 50%;
26614
+ transform: translate(-50%, -50%);
26615
+ }
26616
+
26617
+ .v-slider-thumb__label-container {
26618
+ position: absolute;
26619
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26620
+ }
26621
+
26622
+ .v-slider-thumb__label {
26623
+ display: flex;
26624
+ align-items: center;
26625
+ justify-content: center;
26626
+ font-size: 0.75rem;
26627
+ min-width: 35px;
26628
+ height: 25px;
26629
+ border-radius: 4px;
26630
+ padding: 6px;
26631
+ position: absolute;
26632
+ -webkit-user-select: none;
26633
+ user-select: none;
26634
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26635
+ }
26636
+ .v-slider-thumb__label::before {
26637
+ content: "";
26638
+ width: 0;
26639
+ height: 0;
26640
+ position: absolute;
26641
+ }
26642
+
26643
+ .v-slider-thumb__ripple {
26644
+ position: absolute;
26645
+ left: calc(var(--v-slider-thumb-size) / -2);
26646
+ top: calc(var(--v-slider-thumb-size) / -2);
26647
+ width: calc(var(--v-slider-thumb-size) * 2);
26648
+ height: calc(var(--v-slider-thumb-size) * 2);
26649
+ background: inherit;
26502
26650
  }
26503
- .v-picker.v-sheet {
26504
- border-radius: 4px;
26651
+
26652
+ .v-slider.v-input--horizontal .v-slider-thumb {
26653
+ top: 50%;
26654
+ transform: translateY(-50%);
26655
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26505
26656
  }
26506
- .v-picker.v-sheet.v-picker--with-actions {
26507
- grid-template-areas: "title" "header" "body" "actions";
26657
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26658
+ left: calc(var(--v-slider-thumb-size) / 2);
26659
+ top: 0;
26660
+ }
26661
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26662
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26663
+ }
26664
+ .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 {
26665
+ transform: translateX(-50%);
26508
26666
  }
26509
26667
 
26510
- .v-picker__body {
26511
- grid-area: body;
26512
- overflow: hidden;
26513
- position: relative;
26668
+ .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 {
26669
+ transform: translateX(50%);
26514
26670
  }
26515
26671
 
26516
- .v-picker__header {
26517
- grid-area: header;
26672
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26673
+ border-left: 6px solid transparent;
26674
+ border-right: 6px solid transparent;
26675
+ border-top: 6px solid currentColor;
26676
+ bottom: -6px;
26518
26677
  }
26519
26678
 
26520
- .v-picker__actions {
26521
- grid-area: actions;
26522
- padding: 0 12px 12px;
26523
- display: flex;
26524
- align-items: center;
26525
- justify-content: flex-end;
26679
+ .v-slider.v-input--vertical .v-slider-thumb {
26680
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26526
26681
  }
26527
- .v-picker__actions .v-btn {
26528
- min-width: 48px;
26682
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26683
+ top: calc(var(--v-slider-thumb-size) / 2);
26684
+ right: 0;
26529
26685
  }
26530
- .v-picker__actions .v-btn:not(:last-child) {
26531
- margin-inline-end: 8px;
26686
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26687
+ top: -12.5px;
26688
+ left: calc(var(--v-slider-thumb-size) / 2);
26532
26689
  }
26533
-
26534
- .v-picker--divided .v-picker__header {
26535
- border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
26536
- border-bottom-style: solid;
26537
- border-bottom-width: thin;
26690
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26691
+ border-right: 6px solid currentColor;
26692
+ border-top: 6px solid transparent;
26693
+ border-bottom: 6px solid transparent;
26694
+ left: -6px;
26538
26695
  }
26539
26696
 
26540
- .v-picker--landscape {
26541
- grid-template-areas: "title" "header body" "header body";
26697
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26698
+ transform: scale(2);
26699
+ opacity: var(--v-focus-opacity);
26542
26700
  }
26543
26701
 
26544
- .v-picker--landscape.v-picker--with-actions {
26545
- grid-template-areas: "title" "header body" "header actions";
26702
+ .v-slider-thumb--pressed {
26703
+ transition: none;
26704
+ }
26705
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26706
+ opacity: var(--v-pressed-opacity);
26546
26707
  }
26547
26708
 
26548
- .v-picker-title {
26549
- text-transform: uppercase;
26550
- font-size: 0.75rem;
26551
- grid-area: title;
26552
- padding-inline: 24px 12px;
26553
- padding-top: 16px;
26554
- padding-bottom: 16px;
26555
- font-weight: 400;
26556
- letter-spacing: 0.1666666667em;
26709
+ @media (hover: hover) {
26710
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26711
+ transform: scale(2);
26712
+ }
26713
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26714
+ opacity: var(--v-hover-opacity);
26715
+ }
26557
26716
  }.v-slider-track__background {
26558
26717
  background-color: rgb(var(--v-theme-surface-variant));
26559
26718
  }
@@ -26732,163 +26891,4 @@ html.v-overlay-scroll-blocked {
26732
26891
 
26733
26892
  .v-slider-track__background--opacity {
26734
26893
  opacity: 0.38;
26735
- }.v-slider-thumb {
26736
- touch-action: none;
26737
- color: rgb(var(--v-theme-surface-variant));
26738
- }
26739
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26740
- color: inherit;
26741
- }
26742
-
26743
- .v-slider-thumb__label {
26744
- background: rgba(var(--v-theme-surface-variant), 0.7);
26745
- color: rgb(var(--v-theme-on-surface-variant));
26746
- }
26747
- .v-slider-thumb__label::before {
26748
- color: rgba(var(--v-theme-surface-variant), 0.7);
26749
- }
26750
-
26751
- .v-slider-thumb {
26752
- outline: none;
26753
- position: absolute;
26754
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26755
- }
26756
-
26757
- .v-slider-thumb__surface {
26758
- cursor: pointer;
26759
- width: var(--v-slider-thumb-size);
26760
- height: var(--v-slider-thumb-size);
26761
- border-radius: 50%;
26762
- -webkit-user-select: none;
26763
- user-select: none;
26764
- background-color: currentColor;
26765
- }
26766
- @media (forced-colors: active) {
26767
- .v-slider-thumb__surface {
26768
- background-color: highlight;
26769
- }
26770
- }
26771
- .v-slider-thumb__surface::before {
26772
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26773
- content: "";
26774
- color: inherit;
26775
- top: 0;
26776
- left: 0;
26777
- width: 100%;
26778
- height: 100%;
26779
- border-radius: 50%;
26780
- background: currentColor;
26781
- position: absolute;
26782
- pointer-events: none;
26783
- opacity: 0;
26784
- }
26785
- .v-slider-thumb__surface::after {
26786
- content: "";
26787
- width: 42px;
26788
- height: 42px;
26789
- position: absolute;
26790
- top: 50%;
26791
- left: 50%;
26792
- transform: translate(-50%, -50%);
26793
- }
26794
-
26795
- .v-slider-thumb__label-container {
26796
- position: absolute;
26797
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26798
- }
26799
-
26800
- .v-slider-thumb__label {
26801
- display: flex;
26802
- align-items: center;
26803
- justify-content: center;
26804
- font-size: 0.75rem;
26805
- min-width: 35px;
26806
- height: 25px;
26807
- border-radius: 4px;
26808
- padding: 6px;
26809
- position: absolute;
26810
- -webkit-user-select: none;
26811
- user-select: none;
26812
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26813
- }
26814
- .v-slider-thumb__label::before {
26815
- content: "";
26816
- width: 0;
26817
- height: 0;
26818
- position: absolute;
26819
- }
26820
-
26821
- .v-slider-thumb__ripple {
26822
- position: absolute;
26823
- left: calc(var(--v-slider-thumb-size) / -2);
26824
- top: calc(var(--v-slider-thumb-size) / -2);
26825
- width: calc(var(--v-slider-thumb-size) * 2);
26826
- height: calc(var(--v-slider-thumb-size) * 2);
26827
- background: inherit;
26828
- }
26829
-
26830
- .v-slider.v-input--horizontal .v-slider-thumb {
26831
- top: 50%;
26832
- transform: translateY(-50%);
26833
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26834
- }
26835
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26836
- left: calc(var(--v-slider-thumb-size) / 2);
26837
- top: 0;
26838
- }
26839
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26840
- bottom: calc(var(--v-slider-thumb-size) / 2);
26841
- }
26842
- .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 {
26843
- transform: translateX(-50%);
26844
- }
26845
-
26846
- .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 {
26847
- transform: translateX(50%);
26848
- }
26849
-
26850
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26851
- border-left: 6px solid transparent;
26852
- border-right: 6px solid transparent;
26853
- border-top: 6px solid currentColor;
26854
- bottom: -6px;
26855
- }
26856
-
26857
- .v-slider.v-input--vertical .v-slider-thumb {
26858
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26859
- }
26860
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26861
- top: calc(var(--v-slider-thumb-size) / 2);
26862
- right: 0;
26863
- }
26864
- .v-slider.v-input--vertical .v-slider-thumb__label {
26865
- top: -12.5px;
26866
- left: calc(var(--v-slider-thumb-size) / 2);
26867
- }
26868
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26869
- border-right: 6px solid currentColor;
26870
- border-top: 6px solid transparent;
26871
- border-bottom: 6px solid transparent;
26872
- left: -6px;
26873
- }
26874
-
26875
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26876
- transform: scale(2);
26877
- opacity: var(--v-focus-opacity);
26878
- }
26879
-
26880
- .v-slider-thumb--pressed {
26881
- transition: none;
26882
- }
26883
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26884
- opacity: var(--v-pressed-opacity);
26885
- }
26886
-
26887
- @media (hover: hover) {
26888
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26889
- transform: scale(2);
26890
- }
26891
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26892
- opacity: var(--v-hover-opacity);
26893
- }
26894
26894
  }