@vuetify/nightly 3.5.3-dev.2024-02-08 → 3.5.3-dev.2024-02-25

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 (52) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/dist/json/attributes.json +5 -5
  3. package/dist/json/importMap-labs.json +8 -8
  4. package/dist/json/importMap.json +126 -126
  5. package/dist/json/web-types.json +6 -6
  6. package/dist/vuetify-labs.css +2131 -2131
  7. package/dist/vuetify-labs.d.ts +22 -21
  8. package/dist/vuetify-labs.esm.js +58 -62
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +57 -61
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1360 -1360
  13. package/dist/vuetify.d.ts +62 -61
  14. package/dist/vuetify.esm.js +58 -62
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +57 -61
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +909 -914
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VApp/VApp.mjs +5 -2
  22. package/lib/components/VApp/VApp.mjs.map +1 -1
  23. package/lib/components/VApp/index.d.mts +6 -6
  24. package/lib/components/VAppBar/VAppBar.mjs +5 -5
  25. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  26. package/lib/components/VAppBar/index.d.mts +2 -2
  27. package/lib/components/VBottomNavigation/VBottomNavigation.mjs +5 -3
  28. package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
  29. package/lib/components/VBottomNavigation/index.d.mts +2 -2
  30. package/lib/components/VFooter/VFooter.mjs +3 -2
  31. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  32. package/lib/components/VLabel/VLabel.sass +1 -1
  33. package/lib/components/VLabel/_variables.scss +1 -0
  34. package/lib/components/VLayout/VLayout.mjs +5 -2
  35. package/lib/components/VLayout/VLayout.mjs.map +1 -1
  36. package/lib/components/VLayout/VLayoutItem.mjs +6 -4
  37. package/lib/components/VLayout/VLayoutItem.mjs.map +1 -1
  38. package/lib/components/VLayout/index.d.mts +9 -9
  39. package/lib/components/VMain/VMain.mjs +3 -2
  40. package/lib/components/VMain/VMain.mjs.map +1 -1
  41. package/lib/components/VMain/index.d.mts +2 -2
  42. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +7 -7
  43. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  44. package/lib/components/index.d.mts +21 -21
  45. package/lib/composables/layout.mjs +14 -37
  46. package/lib/composables/layout.mjs.map +1 -1
  47. package/lib/entry-bundler.mjs +1 -1
  48. package/lib/framework.mjs +1 -1
  49. package/lib/index.d.mts +41 -40
  50. package/lib/util/helpers.mjs +11 -1
  51. package/lib/util/helpers.mjs.map +1 -1
  52. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3-dev.2024-02-08
2
+ * Vuetify v3.5.3-dev.2024-02-25
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17451,6 +17451,77 @@ html.overflow-y-hidden {
17451
17451
  .v-avatar .v-img {
17452
17452
  height: 100%;
17453
17453
  width: 100%;
17454
+ }.v-badge {
17455
+ display: inline-block;
17456
+ line-height: 1;
17457
+ }
17458
+
17459
+ .v-badge__badge {
17460
+ align-items: center;
17461
+ display: inline-flex;
17462
+ border-radius: 10px;
17463
+ font-size: 0.75rem;
17464
+ font-weight: 500;
17465
+ height: 1.25rem;
17466
+ justify-content: center;
17467
+ min-width: 20px;
17468
+ padding: 4px 6px;
17469
+ pointer-events: auto;
17470
+ position: absolute;
17471
+ text-align: center;
17472
+ text-indent: 0;
17473
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17474
+ white-space: nowrap;
17475
+ background: rgb(var(--v-theme-surface-variant));
17476
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17477
+ }
17478
+ .v-badge--bordered .v-badge__badge::after {
17479
+ border-radius: inherit;
17480
+ border-style: solid;
17481
+ border-width: 2px;
17482
+ bottom: 0;
17483
+ color: rgb(var(--v-theme-background));
17484
+ content: "";
17485
+ left: 0;
17486
+ position: absolute;
17487
+ right: 0;
17488
+ top: 0;
17489
+ transform: scale(1.05);
17490
+ }
17491
+ .v-badge--dot .v-badge__badge {
17492
+ border-radius: 4.5px;
17493
+ height: 9px;
17494
+ min-width: 0;
17495
+ padding: 0;
17496
+ width: 9px;
17497
+ }
17498
+ .v-badge--dot .v-badge__badge::after {
17499
+ border-width: 1.5px;
17500
+ }
17501
+ .v-badge--inline .v-badge__badge {
17502
+ position: relative;
17503
+ vertical-align: middle;
17504
+ }
17505
+ .v-badge__badge .v-icon {
17506
+ color: inherit;
17507
+ font-size: 0.75rem;
17508
+ margin: 0 -2px;
17509
+ }
17510
+ .v-badge__badge img,
17511
+ .v-badge__badge .v-img {
17512
+ height: 100%;
17513
+ width: 100%;
17514
+ }
17515
+
17516
+ .v-badge__wrapper {
17517
+ display: flex;
17518
+ position: relative;
17519
+ }
17520
+ .v-badge--inline .v-badge__wrapper {
17521
+ align-items: center;
17522
+ display: inline-flex;
17523
+ justify-content: center;
17524
+ margin: 0 4px;
17454
17525
  }.v-banner {
17455
17526
  display: grid;
17456
17527
  flex: 1 1;
@@ -17608,109 +17679,6 @@ html.overflow-y-hidden {
17608
17679
  }
17609
17680
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17610
17681
  align-self: flex-start;
17611
- }.v-badge {
17612
- display: inline-block;
17613
- line-height: 1;
17614
- }
17615
-
17616
- .v-badge__badge {
17617
- align-items: center;
17618
- display: inline-flex;
17619
- border-radius: 10px;
17620
- font-size: 0.75rem;
17621
- font-weight: 500;
17622
- height: 1.25rem;
17623
- justify-content: center;
17624
- min-width: 20px;
17625
- padding: 4px 6px;
17626
- pointer-events: auto;
17627
- position: absolute;
17628
- text-align: center;
17629
- text-indent: 0;
17630
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17631
- white-space: nowrap;
17632
- background: rgb(var(--v-theme-surface-variant));
17633
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17634
- }
17635
- .v-badge--bordered .v-badge__badge::after {
17636
- border-radius: inherit;
17637
- border-style: solid;
17638
- border-width: 2px;
17639
- bottom: 0;
17640
- color: rgb(var(--v-theme-background));
17641
- content: "";
17642
- left: 0;
17643
- position: absolute;
17644
- right: 0;
17645
- top: 0;
17646
- transform: scale(1.05);
17647
- }
17648
- .v-badge--dot .v-badge__badge {
17649
- border-radius: 4.5px;
17650
- height: 9px;
17651
- min-width: 0;
17652
- padding: 0;
17653
- width: 9px;
17654
- }
17655
- .v-badge--dot .v-badge__badge::after {
17656
- border-width: 1.5px;
17657
- }
17658
- .v-badge--inline .v-badge__badge {
17659
- position: relative;
17660
- vertical-align: middle;
17661
- }
17662
- .v-badge__badge .v-icon {
17663
- color: inherit;
17664
- font-size: 0.75rem;
17665
- margin: 0 -2px;
17666
- }
17667
- .v-badge__badge img,
17668
- .v-badge__badge .v-img {
17669
- height: 100%;
17670
- width: 100%;
17671
- }
17672
-
17673
- .v-badge__wrapper {
17674
- display: flex;
17675
- position: relative;
17676
- }
17677
- .v-badge--inline .v-badge__wrapper {
17678
- align-items: center;
17679
- display: inline-flex;
17680
- justify-content: center;
17681
- margin: 0 4px;
17682
- }.bottom-sheet-transition-enter-from {
17683
- transform: translateY(100%);
17684
- }
17685
- .bottom-sheet-transition-leave-to {
17686
- transform: translateY(100%);
17687
- }
17688
-
17689
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17690
- align-self: flex-end;
17691
- border-radius: 0;
17692
- flex: 0 1 auto;
17693
- left: 0;
17694
- right: 0;
17695
- margin-inline: 0;
17696
- margin-bottom: 0;
17697
- transition-duration: 0.2s;
17698
- width: 100%;
17699
- max-width: 100%;
17700
- overflow: visible;
17701
- 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));
17702
- }
17703
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17704
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17705
- border-radius: 0;
17706
- }
17707
- .v-bottom-sheet.v-bottom-sheet--inset {
17708
- max-width: none;
17709
- }
17710
- @media (min-width: 600px) {
17711
- .v-bottom-sheet.v-bottom-sheet--inset {
17712
- max-width: 70%;
17713
- }
17714
17682
  }.v-bottom-navigation {
17715
17683
  display: flex;
17716
17684
  max-width: 100%;
@@ -17766,6 +17734,38 @@ html.overflow-y-hidden {
17766
17734
  }
17767
17735
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17768
17736
  transform: translateY(0.5rem);
17737
+ }.bottom-sheet-transition-enter-from {
17738
+ transform: translateY(100%);
17739
+ }
17740
+ .bottom-sheet-transition-leave-to {
17741
+ transform: translateY(100%);
17742
+ }
17743
+
17744
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17745
+ align-self: flex-end;
17746
+ border-radius: 0;
17747
+ flex: 0 1 auto;
17748
+ left: 0;
17749
+ right: 0;
17750
+ margin-inline: 0;
17751
+ margin-bottom: 0;
17752
+ transition-duration: 0.2s;
17753
+ width: 100%;
17754
+ max-width: 100%;
17755
+ overflow: visible;
17756
+ 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));
17757
+ }
17758
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17759
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17760
+ border-radius: 0;
17761
+ }
17762
+ .v-bottom-sheet.v-bottom-sheet--inset {
17763
+ max-width: none;
17764
+ }
17765
+ @media (min-width: 600px) {
17766
+ .v-bottom-sheet.v-bottom-sheet--inset {
17767
+ max-width: 70%;
17768
+ }
17769
17769
  }.v-breadcrumbs {
17770
17770
  display: flex;
17771
17771
  align-items: center;
@@ -18226,103 +18226,47 @@ html.overflow-y-hidden {
18226
18226
  }
18227
18227
  .v-pagination__item--is-active .v-btn__overlay {
18228
18228
  opacity: var(--v-border-opacity);
18229
- }.v-btn-group {
18230
- display: inline-flex;
18231
- flex-wrap: nowrap;
18232
- max-width: 100%;
18233
- min-width: 0;
18229
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18230
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18231
+ }
18232
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18233
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18234
+ }
18235
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18236
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18237
+ }
18238
+ @supports not selector(:focus-visible) {
18239
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18240
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18241
+ }
18242
+ }.v-card {
18243
+ display: block;
18234
18244
  overflow: hidden;
18235
- vertical-align: middle;
18245
+ overflow-wrap: break-word;
18246
+ position: relative;
18247
+ padding: 0;
18248
+ text-decoration: none;
18249
+ transition-duration: 0.28s;
18250
+ transition-property: box-shadow, opacity, background;
18251
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18252
+ z-index: 0;
18236
18253
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18237
18254
  border-style: solid;
18238
18255
  border-width: 0;
18239
- 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));
18240
18256
  border-radius: 4px;
18241
- background: transparent;
18242
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18243
18257
  }
18244
- .v-btn-group--border {
18258
+ .v-card--border {
18245
18259
  border-width: thin;
18246
18260
  box-shadow: none;
18247
18261
  }
18248
- .v-btn-group--density-default.v-btn-group {
18249
- height: 48px;
18262
+ .v-card--absolute {
18263
+ position: absolute;
18250
18264
  }
18251
-
18252
- .v-btn-group--density-comfortable.v-btn-group {
18253
- height: 40px;
18265
+ .v-card--fixed {
18266
+ position: fixed;
18254
18267
  }
18255
-
18256
- .v-btn-group--density-compact.v-btn-group {
18257
- height: 36px;
18258
- }
18259
-
18260
- .v-btn-group .v-btn {
18261
- border-radius: 0;
18262
- border-color: inherit;
18263
- }
18264
- .v-btn-group .v-btn:not(:last-child) {
18265
- border-inline-end: none;
18266
- }
18267
- .v-btn-group .v-btn:not(:first-child) {
18268
- border-inline-start: none;
18269
- }
18270
- .v-btn-group .v-btn:first-child {
18271
- border-start-start-radius: inherit;
18272
- border-end-start-radius: inherit;
18273
- }
18274
- .v-btn-group .v-btn:last-child {
18275
- border-start-end-radius: inherit;
18276
- border-end-end-radius: inherit;
18277
- }
18278
- .v-btn-group--divided .v-btn:not(:last-child) {
18279
- border-inline-end-width: thin;
18280
- border-inline-end-style: solid;
18281
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18282
- }
18283
- .v-btn-group--tile {
18284
- border-radius: 0;
18285
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18286
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18287
- }
18288
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18289
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18290
- }
18291
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18292
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18293
- }
18294
- @supports not selector(:focus-visible) {
18295
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18296
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18297
- }
18298
- }.v-card {
18299
- display: block;
18300
- overflow: hidden;
18301
- overflow-wrap: break-word;
18302
- position: relative;
18303
- padding: 0;
18304
- text-decoration: none;
18305
- transition-duration: 0.28s;
18306
- transition-property: box-shadow, opacity, background;
18307
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18308
- z-index: 0;
18309
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18310
- border-style: solid;
18311
- border-width: 0;
18312
- border-radius: 4px;
18313
- }
18314
- .v-card--border {
18315
- border-width: thin;
18316
- box-shadow: none;
18317
- }
18318
- .v-card--absolute {
18319
- position: absolute;
18320
- }
18321
- .v-card--fixed {
18322
- position: fixed;
18323
- }
18324
- .v-card:hover > .v-card__overlay {
18325
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18268
+ .v-card:hover > .v-card__overlay {
18269
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18326
18270
  }
18327
18271
  .v-card:focus-visible > .v-card__overlay {
18328
18272
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
@@ -18654,6 +18598,62 @@ html.overflow-y-hidden {
18654
18598
  flex-direction: column;
18655
18599
  height: 100% !important;
18656
18600
  width: 50px;
18601
+ }.v-btn-group {
18602
+ display: inline-flex;
18603
+ flex-wrap: nowrap;
18604
+ max-width: 100%;
18605
+ min-width: 0;
18606
+ overflow: hidden;
18607
+ vertical-align: middle;
18608
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18609
+ border-style: solid;
18610
+ border-width: 0;
18611
+ 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));
18612
+ border-radius: 4px;
18613
+ background: transparent;
18614
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18615
+ }
18616
+ .v-btn-group--border {
18617
+ border-width: thin;
18618
+ box-shadow: none;
18619
+ }
18620
+ .v-btn-group--density-default.v-btn-group {
18621
+ height: 48px;
18622
+ }
18623
+
18624
+ .v-btn-group--density-comfortable.v-btn-group {
18625
+ height: 40px;
18626
+ }
18627
+
18628
+ .v-btn-group--density-compact.v-btn-group {
18629
+ height: 36px;
18630
+ }
18631
+
18632
+ .v-btn-group .v-btn {
18633
+ border-radius: 0;
18634
+ border-color: inherit;
18635
+ }
18636
+ .v-btn-group .v-btn:not(:last-child) {
18637
+ border-inline-end: none;
18638
+ }
18639
+ .v-btn-group .v-btn:not(:first-child) {
18640
+ border-inline-start: none;
18641
+ }
18642
+ .v-btn-group .v-btn:first-child {
18643
+ border-start-start-radius: inherit;
18644
+ border-end-start-radius: inherit;
18645
+ }
18646
+ .v-btn-group .v-btn:last-child {
18647
+ border-start-end-radius: inherit;
18648
+ border-end-end-radius: inherit;
18649
+ }
18650
+ .v-btn-group--divided .v-btn:not(:last-child) {
18651
+ border-inline-end-width: thin;
18652
+ border-inline-end-style: solid;
18653
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18654
+ }
18655
+ .v-btn-group--tile {
18656
+ border-radius: 0;
18657
18657
  }.v-checkbox.v-input {
18658
18658
  flex: 0 1 auto;
18659
18659
  }
@@ -19756,6 +19756,26 @@ html.overflow-y-hidden {
19756
19756
  .offset-xxl-11 {
19757
19757
  margin-inline-start: 91.6666666667%;
19758
19758
  }
19759
+ }.v-color-picker {
19760
+ align-self: flex-start;
19761
+ contain: content;
19762
+ }
19763
+ .v-color-picker.v-sheet {
19764
+ 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));
19765
+ border-radius: 4px;
19766
+ }
19767
+
19768
+ .v-color-picker__controls {
19769
+ display: flex;
19770
+ flex-direction: column;
19771
+ padding: 16px;
19772
+ }
19773
+
19774
+ .v-color-picker--flat {
19775
+ 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));
19776
+ }
19777
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19778
+ 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));
19759
19779
  }.v-combobox .v-field .v-text-field__prefix,
19760
19780
  .v-combobox .v-field .v-text-field__suffix,
19761
19781
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19837,26 +19857,6 @@ html.overflow-y-hidden {
19837
19857
  .v-combobox--active-menu .v-combobox__menu-icon {
19838
19858
  opacity: var(--v-high-emphasis-opacity);
19839
19859
  transform: rotate(180deg);
19840
- }.v-color-picker {
19841
- align-self: flex-start;
19842
- contain: content;
19843
- }
19844
- .v-color-picker.v-sheet {
19845
- 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));
19846
- border-radius: 4px;
19847
- }
19848
-
19849
- .v-color-picker__controls {
19850
- display: flex;
19851
- flex-direction: column;
19852
- padding: 16px;
19853
- }
19854
-
19855
- .v-color-picker--flat {
19856
- 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));
19857
- }
19858
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19859
- 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));
19860
19860
  }.v-counter {
19861
19861
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19862
19862
  flex: 0 1 auto;
@@ -20055,62 +20055,6 @@ html.overflow-y-hidden {
20055
20055
  .v-date-picker-month__day .v-btn {
20056
20056
  --v-btn-height: 28px;
20057
20057
  --v-btn-size: 0.85rem;
20058
- }.v-date-picker-controls {
20059
- display: flex;
20060
- align-items: center;
20061
- justify-content: space-between;
20062
- font-size: 0.875rem;
20063
- padding-top: 4px;
20064
- padding-bottom: 4px;
20065
- padding-inline-start: 6px;
20066
- padding-inline-end: 12px;
20067
- }
20068
- .v-date-picker-controls > .v-btn:first-child {
20069
- text-transform: none;
20070
- font-weight: 400;
20071
- line-height: initial;
20072
- letter-spacing: initial;
20073
- }
20074
- .v-date-picker-controls--variant-classic {
20075
- padding-inline-start: 12px;
20076
- }
20077
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20078
- opacity: 0.7;
20079
- }
20080
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20081
- cursor: pointer;
20082
- }
20083
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20084
- opacity: 1;
20085
- }
20086
- .v-date-picker-controls .v-btn:last-child {
20087
- margin-inline-start: 4px;
20088
- }
20089
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20090
- transform: rotate(180deg);
20091
- }
20092
-
20093
- .v-date-picker-controls__date {
20094
- margin-inline-end: 4px;
20095
- }
20096
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20097
- margin: auto;
20098
- text-align: center;
20099
- }
20100
-
20101
- .v-date-picker-controls__month {
20102
- display: flex;
20103
- }
20104
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20105
- flex-direction: row-reverse;
20106
- }
20107
-
20108
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20109
- flex: 1 0 auto;
20110
- }
20111
-
20112
- .v-date-picker__title {
20113
- display: inline-block;
20114
20058
  }.v-date-picker-header {
20115
20059
  display: grid;
20116
20060
  grid-template-areas: "prepend content append";
@@ -20218,41 +20162,97 @@ html.overflow-y-hidden {
20218
20162
 
20219
20163
  .v-date-picker-month__day--hide-adjacent {
20220
20164
  opacity: 0;
20221
- }.v-date-picker-months {
20222
- height: 320px;
20223
- overflow-y: scroll;
20224
- }
20225
-
20226
- .v-date-picker-months__content {
20165
+ }.v-date-picker-controls {
20166
+ display: flex;
20227
20167
  align-items: center;
20228
- display: grid;
20229
- flex: 1 1;
20230
- height: inherit;
20231
- justify-content: space-around;
20232
- grid-template-columns: repeat(2, 1fr);
20233
- grid-gap: 4px 24px;
20234
- padding-inline-start: 36px;
20235
- padding-inline-end: 36px;
20168
+ justify-content: space-between;
20169
+ font-size: 0.875rem;
20170
+ padding-top: 4px;
20171
+ padding-bottom: 4px;
20172
+ padding-inline-start: 6px;
20173
+ padding-inline-end: 12px;
20236
20174
  }
20237
- .v-date-picker-months__content .v-btn {
20175
+ .v-date-picker-controls > .v-btn:first-child {
20238
20176
  text-transform: none;
20239
- padding-inline-start: 8px;
20240
- padding-inline-end: 8px;
20241
- }.v-date-picker-years {
20242
- height: 320px;
20243
- overflow-y: scroll;
20177
+ font-weight: 400;
20178
+ line-height: initial;
20179
+ letter-spacing: initial;
20244
20180
  }
20245
-
20246
- .v-date-picker-years__content {
20247
- display: grid;
20248
- flex: 1 1;
20249
- justify-content: space-around;
20250
- grid-template-columns: repeat(3, 1fr);
20181
+ .v-date-picker-controls--variant-classic {
20182
+ padding-inline-start: 12px;
20183
+ }
20184
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20185
+ opacity: 0.7;
20186
+ }
20187
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20188
+ cursor: pointer;
20189
+ }
20190
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20191
+ opacity: 1;
20192
+ }
20193
+ .v-date-picker-controls .v-btn:last-child {
20194
+ margin-inline-start: 4px;
20195
+ }
20196
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20197
+ transform: rotate(180deg);
20198
+ }
20199
+
20200
+ .v-date-picker-controls__date {
20201
+ margin-inline-end: 4px;
20202
+ }
20203
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20204
+ margin: auto;
20205
+ text-align: center;
20206
+ }
20207
+
20208
+ .v-date-picker-controls__month {
20209
+ display: flex;
20210
+ }
20211
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20212
+ flex-direction: row-reverse;
20213
+ }
20214
+
20215
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20216
+ flex: 1 0 auto;
20217
+ }
20218
+
20219
+ .v-date-picker__title {
20220
+ display: inline-block;
20221
+ }.v-date-picker-years {
20222
+ height: 320px;
20223
+ overflow-y: scroll;
20224
+ }
20225
+
20226
+ .v-date-picker-years__content {
20227
+ display: grid;
20228
+ flex: 1 1;
20229
+ justify-content: space-around;
20230
+ grid-template-columns: repeat(3, 1fr);
20251
20231
  gap: 8px 24px;
20252
20232
  padding-inline: 36px;
20253
20233
  }
20254
20234
  .v-date-picker-years__content .v-btn {
20255
20235
  padding-inline: 8px;
20236
+ }.v-date-picker-months {
20237
+ height: 320px;
20238
+ overflow-y: scroll;
20239
+ }
20240
+
20241
+ .v-date-picker-months__content {
20242
+ align-items: center;
20243
+ display: grid;
20244
+ flex: 1 1;
20245
+ height: inherit;
20246
+ justify-content: space-around;
20247
+ grid-template-columns: repeat(2, 1fr);
20248
+ grid-gap: 4px 24px;
20249
+ padding-inline-start: 36px;
20250
+ padding-inline-end: 36px;
20251
+ }
20252
+ .v-date-picker-months__content .v-btn {
20253
+ text-transform: none;
20254
+ padding-inline-start: 8px;
20255
+ padding-inline-end: 8px;
20256
20256
  }.v-dialog {
20257
20257
  align-items: center;
20258
20258
  justify-content: center;
@@ -20341,6 +20341,35 @@ html.overflow-y-hidden {
20341
20341
  -webkit-backface-visibility: hidden;
20342
20342
  backface-visibility: hidden;
20343
20343
  overflow-y: auto;
20344
+ }.v-divider {
20345
+ display: block;
20346
+ flex: 1 1 100%;
20347
+ height: 0px;
20348
+ max-height: 0px;
20349
+ opacity: var(--v-border-opacity);
20350
+ transition: inherit;
20351
+ border-style: solid;
20352
+ border-width: thin 0 0 0;
20353
+ }
20354
+ .v-divider--vertical {
20355
+ align-self: stretch;
20356
+ border-width: 0 thin 0 0;
20357
+ display: inline-flex;
20358
+ height: inherit;
20359
+ margin-left: -1px;
20360
+ max-height: 100%;
20361
+ max-width: 0px;
20362
+ vertical-align: text-bottom;
20363
+ width: 0px;
20364
+ }
20365
+ .v-divider--inset:not(.v-divider--vertical) {
20366
+ max-width: calc(100% - 72px);
20367
+ margin-inline-start: 72px;
20368
+ }
20369
+ .v-divider--inset.v-divider--vertical {
20370
+ margin-bottom: 8px;
20371
+ margin-top: 8px;
20372
+ max-height: calc(100% - 16px);
20344
20373
  }.v-expansion-panel {
20345
20374
  background-color: rgb(var(--v-theme-surface));
20346
20375
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20540,35 +20569,6 @@ html.overflow-y-hidden {
20540
20569
  }
20541
20570
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20542
20571
  max-width: calc(100% - 32px);
20543
- }.v-divider {
20544
- display: block;
20545
- flex: 1 1 100%;
20546
- height: 0px;
20547
- max-height: 0px;
20548
- opacity: var(--v-border-opacity);
20549
- transition: inherit;
20550
- border-style: solid;
20551
- border-width: thin 0 0 0;
20552
- }
20553
- .v-divider--vertical {
20554
- align-self: stretch;
20555
- border-width: 0 thin 0 0;
20556
- display: inline-flex;
20557
- height: inherit;
20558
- margin-left: -1px;
20559
- max-height: 100%;
20560
- max-width: 0px;
20561
- vertical-align: text-bottom;
20562
- width: 0px;
20563
- }
20564
- .v-divider--inset:not(.v-divider--vertical) {
20565
- max-width: calc(100% - 72px);
20566
- margin-inline-start: 72px;
20567
- }
20568
- .v-divider--inset.v-divider--vertical {
20569
- margin-bottom: 8px;
20570
- margin-top: 8px;
20571
- max-height: calc(100% - 16px);
20572
20572
  }/* region INPUT */
20573
20573
  .v-field {
20574
20574
  display: grid;
@@ -21423,21 +21423,6 @@ textarea.v-field__input::placeholder {
21423
21423
  max-width: 100%;
21424
21424
  position: relative;
21425
21425
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21426
- }.v-layout {
21427
- --v-scrollbar-offset: 0px;
21428
- display: flex;
21429
- flex: 1 1 auto;
21430
- }
21431
- .v-layout--full-height {
21432
- --v-scrollbar-offset: inherit;
21433
- height: 100%;
21434
- }.v-layout-item {
21435
- position: absolute;
21436
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21437
- }
21438
-
21439
- .v-layout-item--absolute {
21440
- position: absolute;
21441
21426
  }.v-label {
21442
21427
  align-items: center;
21443
21428
  color: inherit;
@@ -21453,8 +21438,107 @@ textarea.v-field__input::placeholder {
21453
21438
 
21454
21439
  .v-label--clickable {
21455
21440
  cursor: pointer;
21456
- }.v-locale-provider {
21457
- display: contents;
21441
+ }.v-list {
21442
+ overflow: auto;
21443
+ padding: 8px 0;
21444
+ position: relative;
21445
+ outline: none;
21446
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21447
+ border-style: solid;
21448
+ border-width: 0;
21449
+ 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));
21450
+ border-radius: 0;
21451
+ background: rgba(var(--v-theme-surface));
21452
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21453
+ }
21454
+ .v-list--border {
21455
+ border-width: thin;
21456
+ box-shadow: none;
21457
+ }
21458
+ .v-list--disabled {
21459
+ pointer-events: none;
21460
+ -webkit-user-select: none;
21461
+ user-select: none;
21462
+ }
21463
+ .v-list--nav {
21464
+ padding-inline: 8px;
21465
+ }
21466
+ .v-list--rounded {
21467
+ border-radius: 4px;
21468
+ }
21469
+ .v-list--subheader {
21470
+ padding-top: 0;
21471
+ }
21472
+
21473
+ .v-list-img {
21474
+ border-radius: inherit;
21475
+ display: flex;
21476
+ height: 100%;
21477
+ left: 0;
21478
+ overflow: hidden;
21479
+ position: absolute;
21480
+ top: 0;
21481
+ width: 100%;
21482
+ z-index: -1;
21483
+ }
21484
+
21485
+ .v-list-subheader {
21486
+ align-items: center;
21487
+ background: inherit;
21488
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21489
+ display: flex;
21490
+ font-size: 0.875rem;
21491
+ font-weight: 400;
21492
+ line-height: 1.375rem;
21493
+ padding-inline-end: 16px;
21494
+ min-height: 40px;
21495
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21496
+ }
21497
+ .v-list-subheader__text {
21498
+ overflow: hidden;
21499
+ text-overflow: ellipsis;
21500
+ white-space: nowrap;
21501
+ }
21502
+ .v-list--density-default .v-list-subheader {
21503
+ min-height: 40px;
21504
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21505
+ }
21506
+
21507
+ .v-list--density-comfortable .v-list-subheader {
21508
+ min-height: 36px;
21509
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21510
+ }
21511
+
21512
+ .v-list--density-compact .v-list-subheader {
21513
+ min-height: 32px;
21514
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
21515
+ }
21516
+
21517
+ .v-list-subheader--inset {
21518
+ --indent-padding: 56px;
21519
+ }
21520
+ .v-list--nav .v-list-subheader {
21521
+ font-size: 0.75rem;
21522
+ }
21523
+ .v-list-subheader--sticky {
21524
+ background: inherit;
21525
+ left: 0;
21526
+ position: sticky;
21527
+ top: 0;
21528
+ z-index: 1;
21529
+ }
21530
+
21531
+ .v-list__overlay {
21532
+ background-color: currentColor;
21533
+ border-radius: inherit;
21534
+ bottom: 0;
21535
+ left: 0;
21536
+ opacity: 0;
21537
+ pointer-events: none;
21538
+ position: absolute;
21539
+ right: 0;
21540
+ top: 0;
21541
+ transition: opacity 0.2s ease-in-out;
21458
21542
  }.v-list-item {
21459
21543
  align-items: center;
21460
21544
  display: grid;
@@ -21905,107 +21989,23 @@ textarea.v-field__input::placeholder {
21905
21989
  }
21906
21990
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21907
21991
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21908
- }.v-list {
21909
- overflow: auto;
21910
- padding: 8px 0;
21911
- position: relative;
21912
- outline: none;
21913
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21914
- border-style: solid;
21915
- border-width: 0;
21916
- 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));
21917
- border-radius: 0;
21918
- background: rgba(var(--v-theme-surface));
21919
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21920
- }
21921
- .v-list--border {
21922
- border-width: thin;
21923
- box-shadow: none;
21924
- }
21925
- .v-list--disabled {
21926
- pointer-events: none;
21927
- -webkit-user-select: none;
21928
- user-select: none;
21929
- }
21930
- .v-list--nav {
21931
- padding-inline: 8px;
21932
- }
21933
- .v-list--rounded {
21934
- border-radius: 4px;
21935
- }
21936
- .v-list--subheader {
21937
- padding-top: 0;
21938
- }
21939
-
21940
- .v-list-img {
21941
- border-radius: inherit;
21942
- display: flex;
21943
- height: 100%;
21944
- left: 0;
21945
- overflow: hidden;
21992
+ }.v-layout-item {
21946
21993
  position: absolute;
21947
- top: 0;
21948
- width: 100%;
21949
- z-index: -1;
21994
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21950
21995
  }
21951
21996
 
21952
- .v-list-subheader {
21953
- align-items: center;
21954
- background: inherit;
21955
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21997
+ .v-layout-item--absolute {
21998
+ position: absolute;
21999
+ }.v-layout {
22000
+ --v-scrollbar-offset: 0px;
21956
22001
  display: flex;
21957
- font-size: 0.875rem;
21958
- font-weight: 400;
21959
- line-height: 1.375rem;
21960
- padding-inline-end: 16px;
21961
- min-height: 40px;
21962
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
21963
- }
21964
- .v-list-subheader__text {
21965
- overflow: hidden;
21966
- text-overflow: ellipsis;
21967
- white-space: nowrap;
21968
- }
21969
- .v-list--density-default .v-list-subheader {
21970
- min-height: 40px;
21971
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21972
- }
21973
-
21974
- .v-list--density-comfortable .v-list-subheader {
21975
- min-height: 36px;
21976
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21977
- }
21978
-
21979
- .v-list--density-compact .v-list-subheader {
21980
- min-height: 32px;
21981
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
21982
- }
21983
-
21984
- .v-list-subheader--inset {
21985
- --indent-padding: 56px;
21986
- }
21987
- .v-list--nav .v-list-subheader {
21988
- font-size: 0.75rem;
21989
- }
21990
- .v-list-subheader--sticky {
21991
- background: inherit;
21992
- left: 0;
21993
- position: sticky;
21994
- top: 0;
21995
- z-index: 1;
22002
+ flex: 1 1 auto;
21996
22003
  }
21997
-
21998
- .v-list__overlay {
21999
- background-color: currentColor;
22000
- border-radius: inherit;
22001
- bottom: 0;
22002
- left: 0;
22003
- opacity: 0;
22004
- pointer-events: none;
22005
- position: absolute;
22006
- right: 0;
22007
- top: 0;
22008
- transition: opacity 0.2s ease-in-out;
22004
+ .v-layout--full-height {
22005
+ --v-scrollbar-offset: inherit;
22006
+ height: 100%;
22007
+ }.v-locale-provider {
22008
+ display: contents;
22009
22009
  }.v-main {
22010
22010
  flex: 1 0 auto;
22011
22011
  max-width: 100%;
@@ -22034,6 +22034,19 @@ textarea.v-field__input::placeholder {
22034
22034
  --v-layout-right: 0px;
22035
22035
  --v-layout-top: 0px;
22036
22036
  --v-layout-bottom: 0px;
22037
+ }.v-menu > .v-overlay__content {
22038
+ display: flex;
22039
+ flex-direction: column;
22040
+ border-radius: 4px;
22041
+ }
22042
+ .v-menu > .v-overlay__content > .v-card,
22043
+ .v-menu > .v-overlay__content > .v-sheet,
22044
+ .v-menu > .v-overlay__content > .v-list {
22045
+ background: rgb(var(--v-theme-surface));
22046
+ border-radius: inherit;
22047
+ overflow: auto;
22048
+ height: 100%;
22049
+ 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));
22037
22050
  }.v-messages {
22038
22051
  flex: 1 1 auto;
22039
22052
  font-size: 12px;
@@ -22050,82 +22063,6 @@ textarea.v-field__input::placeholder {
22050
22063
  -webkit-hyphens: auto;
22051
22064
  hyphens: auto;
22052
22065
  transition-duration: 150ms;
22053
- }.v-menu > .v-overlay__content {
22054
- display: flex;
22055
- flex-direction: column;
22056
- border-radius: 4px;
22057
- }
22058
- .v-menu > .v-overlay__content > .v-card,
22059
- .v-menu > .v-overlay__content > .v-sheet,
22060
- .v-menu > .v-overlay__content > .v-list {
22061
- background: rgb(var(--v-theme-surface));
22062
- border-radius: inherit;
22063
- overflow: auto;
22064
- height: 100%;
22065
- 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));
22066
- }.v-overlay-container {
22067
- contain: layout;
22068
- left: 0;
22069
- pointer-events: none;
22070
- position: absolute;
22071
- top: 0;
22072
- display: contents;
22073
- }
22074
-
22075
- .v-overlay-scroll-blocked {
22076
- padding-inline-end: var(--v-scrollbar-offset);
22077
- }
22078
- .v-overlay-scroll-blocked:not(html) {
22079
- overflow-y: hidden !important;
22080
- }
22081
- html.v-overlay-scroll-blocked {
22082
- position: fixed;
22083
- top: var(--v-body-scroll-y);
22084
- left: var(--v-body-scroll-x);
22085
- width: 100%;
22086
- height: 100%;
22087
- }
22088
-
22089
- .v-overlay {
22090
- border-radius: inherit;
22091
- display: flex;
22092
- left: 0;
22093
- pointer-events: none;
22094
- position: fixed;
22095
- top: 0;
22096
- bottom: 0;
22097
- right: 0;
22098
- }
22099
-
22100
- .v-overlay__content {
22101
- outline: none;
22102
- position: absolute;
22103
- pointer-events: auto;
22104
- contain: layout;
22105
- }
22106
-
22107
- .v-overlay__scrim {
22108
- pointer-events: auto;
22109
- background: rgb(var(--v-theme-on-surface));
22110
- border-radius: inherit;
22111
- bottom: 0;
22112
- left: 0;
22113
- opacity: var(--v-overlay-opacity, 0.32);
22114
- position: fixed;
22115
- right: 0;
22116
- top: 0;
22117
- }
22118
-
22119
- .v-overlay--absolute {
22120
- position: absolute;
22121
- }
22122
-
22123
- .v-overlay--contained .v-overlay__scrim {
22124
- position: absolute;
22125
- }
22126
-
22127
- .v-overlay--scroll-blocked {
22128
- padding-inline-end: var(--v-scrollbar-offset);
22129
22066
  }.v-navigation-drawer {
22130
22067
  -webkit-overflow-scrolling: touch;
22131
22068
  background: rgb(var(--v-theme-surface));
@@ -22280,62 +22217,233 @@ html.v-overlay-scroll-blocked {
22280
22217
  }
22281
22218
  .v-otp-input__loader .v-progress-linear {
22282
22219
  position: absolute;
22283
- }.v-pagination__list {
22284
- display: inline-flex;
22285
- list-style-type: none;
22286
- justify-content: center;
22287
- width: 100%;
22288
- }
22289
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22290
- margin: 0.3rem;
22291
- }.v-progress-linear {
22292
- background: transparent;
22293
- overflow: hidden;
22294
- position: relative;
22295
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22296
- width: 100%;
22297
- }
22298
- .v-progress-linear--rounded {
22299
- border-radius: 9999px;
22300
- }
22301
-
22302
- .v-progress-linear__background {
22303
- background: currentColor;
22304
- bottom: 0;
22220
+ }.v-overlay-container {
22221
+ contain: layout;
22305
22222
  left: 0;
22306
- opacity: var(--v-border-opacity);
22223
+ pointer-events: none;
22307
22224
  position: absolute;
22308
22225
  top: 0;
22309
- transition-property: width, left, right;
22310
- transition: inherit;
22226
+ display: contents;
22311
22227
  }
22312
22228
 
22313
- .v-progress-linear__content {
22314
- align-items: center;
22315
- display: flex;
22229
+ .v-overlay-scroll-blocked {
22230
+ padding-inline-end: var(--v-scrollbar-offset);
22231
+ }
22232
+ .v-overlay-scroll-blocked:not(html) {
22233
+ overflow-y: hidden !important;
22234
+ }
22235
+ html.v-overlay-scroll-blocked {
22236
+ position: fixed;
22237
+ top: var(--v-body-scroll-y);
22238
+ left: var(--v-body-scroll-x);
22239
+ width: 100%;
22316
22240
  height: 100%;
22317
- justify-content: center;
22241
+ }
22242
+
22243
+ .v-overlay {
22244
+ border-radius: inherit;
22245
+ display: flex;
22318
22246
  left: 0;
22319
22247
  pointer-events: none;
22320
- position: absolute;
22248
+ position: fixed;
22321
22249
  top: 0;
22322
- width: 100%;
22323
- }
22324
-
22325
- .v-progress-linear__determinate,
22326
- .v-progress-linear__indeterminate {
22327
- background: currentColor;
22250
+ bottom: 0;
22251
+ right: 0;
22328
22252
  }
22329
22253
 
22330
- .v-progress-linear__determinate {
22331
- height: inherit;
22332
- left: 0;
22254
+ .v-overlay__content {
22255
+ outline: none;
22333
22256
  position: absolute;
22334
- transition: inherit;
22335
- transition-property: width, left, right;
22257
+ pointer-events: auto;
22258
+ contain: layout;
22336
22259
  }
22337
22260
 
22338
- .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
22261
+ .v-overlay__scrim {
22262
+ pointer-events: auto;
22263
+ background: rgb(var(--v-theme-on-surface));
22264
+ border-radius: inherit;
22265
+ bottom: 0;
22266
+ left: 0;
22267
+ opacity: var(--v-overlay-opacity, 0.32);
22268
+ position: fixed;
22269
+ right: 0;
22270
+ top: 0;
22271
+ }
22272
+
22273
+ .v-overlay--absolute {
22274
+ position: absolute;
22275
+ }
22276
+
22277
+ .v-overlay--contained .v-overlay__scrim {
22278
+ position: absolute;
22279
+ }
22280
+
22281
+ .v-overlay--scroll-blocked {
22282
+ padding-inline-end: var(--v-scrollbar-offset);
22283
+ }.v-pagination__list {
22284
+ display: inline-flex;
22285
+ list-style-type: none;
22286
+ justify-content: center;
22287
+ width: 100%;
22288
+ }
22289
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22290
+ margin: 0.3rem;
22291
+ }.v-parallax {
22292
+ position: relative;
22293
+ overflow: hidden;
22294
+ }
22295
+ .v-parallax--active > .v-img__img {
22296
+ will-change: transform;
22297
+ }.v-progress-circular {
22298
+ align-items: center;
22299
+ display: inline-flex;
22300
+ justify-content: center;
22301
+ position: relative;
22302
+ vertical-align: middle;
22303
+ }
22304
+ .v-progress-circular > svg {
22305
+ width: 100%;
22306
+ height: 100%;
22307
+ margin: auto;
22308
+ position: absolute;
22309
+ top: 0;
22310
+ bottom: 0;
22311
+ left: 0;
22312
+ right: 0;
22313
+ z-index: 0;
22314
+ }
22315
+
22316
+ .v-progress-circular__content {
22317
+ align-items: center;
22318
+ display: flex;
22319
+ justify-content: center;
22320
+ }
22321
+
22322
+ .v-progress-circular__underlay {
22323
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22324
+ stroke: currentColor;
22325
+ z-index: 1;
22326
+ }
22327
+
22328
+ .v-progress-circular__overlay {
22329
+ stroke: currentColor;
22330
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22331
+ z-index: 2;
22332
+ }
22333
+
22334
+ .v-progress-circular--size-x-small {
22335
+ height: 16px;
22336
+ width: 16px;
22337
+ }
22338
+ .v-progress-circular--size-small {
22339
+ height: 24px;
22340
+ width: 24px;
22341
+ }
22342
+ .v-progress-circular--size-default {
22343
+ height: 32px;
22344
+ width: 32px;
22345
+ }
22346
+ .v-progress-circular--size-large {
22347
+ height: 48px;
22348
+ width: 48px;
22349
+ }
22350
+ .v-progress-circular--size-x-large {
22351
+ height: 64px;
22352
+ width: 64px;
22353
+ }
22354
+
22355
+ .v-progress-circular--indeterminate > svg {
22356
+ animation: progress-circular-rotate 1.4s linear infinite;
22357
+ transform-origin: center center;
22358
+ transition: all 0.2s ease-in-out;
22359
+ }
22360
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22361
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22362
+ stroke-dasharray: 25, 200;
22363
+ stroke-dashoffset: 0;
22364
+ stroke-linecap: round;
22365
+ transform-origin: center center;
22366
+ transform: rotate(-90deg);
22367
+ }
22368
+
22369
+ .v-progress-circular--disable-shrink > svg {
22370
+ animation-duration: 0.7s;
22371
+ }
22372
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22373
+ animation: none;
22374
+ }
22375
+
22376
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22377
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22378
+ animation-play-state: paused !important;
22379
+ }
22380
+
22381
+ @keyframes progress-circular-dash {
22382
+ 0% {
22383
+ stroke-dasharray: 1, 200;
22384
+ stroke-dashoffset: 0px;
22385
+ }
22386
+ 50% {
22387
+ stroke-dasharray: 100, 200;
22388
+ stroke-dashoffset: -15px;
22389
+ }
22390
+ 100% {
22391
+ stroke-dasharray: 100, 200;
22392
+ stroke-dashoffset: -124px;
22393
+ }
22394
+ }
22395
+ @keyframes progress-circular-rotate {
22396
+ 100% {
22397
+ transform: rotate(270deg);
22398
+ }
22399
+ }.v-progress-linear {
22400
+ background: transparent;
22401
+ overflow: hidden;
22402
+ position: relative;
22403
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22404
+ width: 100%;
22405
+ }
22406
+ .v-progress-linear--rounded {
22407
+ border-radius: 9999px;
22408
+ }
22409
+
22410
+ .v-progress-linear__background {
22411
+ background: currentColor;
22412
+ bottom: 0;
22413
+ left: 0;
22414
+ opacity: var(--v-border-opacity);
22415
+ position: absolute;
22416
+ top: 0;
22417
+ transition-property: width, left, right;
22418
+ transition: inherit;
22419
+ }
22420
+
22421
+ .v-progress-linear__content {
22422
+ align-items: center;
22423
+ display: flex;
22424
+ height: 100%;
22425
+ justify-content: center;
22426
+ left: 0;
22427
+ pointer-events: none;
22428
+ position: absolute;
22429
+ top: 0;
22430
+ width: 100%;
22431
+ }
22432
+
22433
+ .v-progress-linear__determinate,
22434
+ .v-progress-linear__indeterminate {
22435
+ background: currentColor;
22436
+ }
22437
+
22438
+ .v-progress-linear__determinate {
22439
+ height: inherit;
22440
+ left: 0;
22441
+ position: absolute;
22442
+ transition: inherit;
22443
+ transition-property: width, left, right;
22444
+ }
22445
+
22446
+ .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
22339
22447
  animation-play-state: paused;
22340
22448
  animation-duration: 2.2s;
22341
22449
  animation-iteration-count: infinite;
@@ -22498,12 +22606,6 @@ html.v-overlay-scroll-blocked {
22498
22606
  0% {
22499
22607
  background-position-x: var(--v-progress-linear-height);
22500
22608
  }
22501
- }.v-parallax {
22502
- position: relative;
22503
- overflow: hidden;
22504
- }
22505
- .v-parallax--active > .v-img__img {
22506
- will-change: transform;
22507
22609
  }.v-radio-group > .v-input__control {
22508
22610
  flex-direction: column;
22509
22611
  }
@@ -22516,191 +22618,63 @@ html.v-overlay-scroll-blocked {
22516
22618
  }
22517
22619
  .v-radio-group .v-input__details {
22518
22620
  padding-inline: 16px;
22519
- }.v-progress-circular {
22520
- align-items: center;
22521
- display: inline-flex;
22522
- justify-content: center;
22523
- position: relative;
22524
- vertical-align: middle;
22621
+ }.v-slider .v-slider__container input {
22622
+ cursor: default;
22623
+ padding: 0;
22624
+ width: 100%;
22625
+ display: none;
22525
22626
  }
22526
- .v-progress-circular > svg {
22627
+ .v-slider > .v-input__append,
22628
+ .v-slider > .v-input__prepend {
22629
+ padding: 0;
22630
+ }
22631
+
22632
+ .v-slider__container {
22633
+ position: relative;
22634
+ min-height: inherit;
22527
22635
  width: 100%;
22528
22636
  height: 100%;
22529
- margin: auto;
22530
- position: absolute;
22531
- top: 0;
22532
- bottom: 0;
22533
- left: 0;
22534
- right: 0;
22535
- z-index: 0;
22637
+ display: flex;
22638
+ justify-content: center;
22639
+ align-items: center;
22640
+ cursor: pointer;
22641
+ }
22642
+ .v-input--disabled .v-slider__container {
22643
+ opacity: var(--v-disabled-opacity);
22644
+ }
22645
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
22646
+ color: rgb(var(--v-theme-error));
22536
22647
  }
22537
22648
 
22538
- .v-progress-circular__content {
22649
+ .v-slider.v-input--horizontal {
22539
22650
  align-items: center;
22651
+ margin-inline: 8px 8px;
22652
+ }
22653
+ .v-slider.v-input--horizontal > .v-input__control {
22654
+ min-height: 32px;
22540
22655
  display: flex;
22656
+ align-items: center;
22657
+ }
22658
+
22659
+ .v-slider.v-input--vertical {
22541
22660
  justify-content: center;
22661
+ margin-top: 12px;
22662
+ margin-bottom: 12px;
22663
+ }
22664
+ .v-slider.v-input--vertical > .v-input__control {
22665
+ min-height: 300px;
22542
22666
  }
22543
22667
 
22544
- .v-progress-circular__underlay {
22545
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22546
- stroke: currentColor;
22547
- z-index: 1;
22668
+ .v-slider.v-input--disabled {
22669
+ pointer-events: none;
22548
22670
  }
22549
22671
 
22550
- .v-progress-circular__overlay {
22551
- stroke: currentColor;
22552
- transition: all 0.2s ease-in-out, stroke-width 0s;
22553
- z-index: 2;
22554
- }
22555
-
22556
- .v-progress-circular--size-x-small {
22557
- height: 16px;
22558
- width: 16px;
22559
- }
22560
- .v-progress-circular--size-small {
22561
- height: 24px;
22562
- width: 24px;
22563
- }
22564
- .v-progress-circular--size-default {
22565
- height: 32px;
22566
- width: 32px;
22567
- }
22568
- .v-progress-circular--size-large {
22569
- height: 48px;
22570
- width: 48px;
22571
- }
22572
- .v-progress-circular--size-x-large {
22573
- height: 64px;
22574
- width: 64px;
22575
- }
22576
-
22577
- .v-progress-circular--indeterminate > svg {
22578
- animation: progress-circular-rotate 1.4s linear infinite;
22579
- transform-origin: center center;
22580
- transition: all 0.2s ease-in-out;
22581
- }
22582
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
22583
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22584
- stroke-dasharray: 25, 200;
22585
- stroke-dashoffset: 0;
22586
- stroke-linecap: round;
22587
- transform-origin: center center;
22588
- transform: rotate(-90deg);
22589
- }
22590
-
22591
- .v-progress-circular--disable-shrink > svg {
22592
- animation-duration: 0.7s;
22593
- }
22594
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22595
- animation: none;
22596
- }
22597
-
22598
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22599
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22600
- animation-play-state: paused !important;
22601
- }
22602
-
22603
- @keyframes progress-circular-dash {
22604
- 0% {
22605
- stroke-dasharray: 1, 200;
22606
- stroke-dashoffset: 0px;
22607
- }
22608
- 50% {
22609
- stroke-dasharray: 100, 200;
22610
- stroke-dashoffset: -15px;
22611
- }
22612
- 100% {
22613
- stroke-dasharray: 100, 200;
22614
- stroke-dashoffset: -124px;
22615
- }
22616
- }
22617
- @keyframes progress-circular-rotate {
22618
- 100% {
22619
- transform: rotate(270deg);
22620
- }
22621
- }.v-slider .v-slider__container input {
22622
- cursor: default;
22623
- padding: 0;
22624
- width: 100%;
22625
- display: none;
22626
- }
22627
- .v-slider > .v-input__append,
22628
- .v-slider > .v-input__prepend {
22629
- padding: 0;
22630
- }
22631
-
22632
- .v-slider__container {
22633
- position: relative;
22634
- min-height: inherit;
22635
- width: 100%;
22636
- height: 100%;
22637
- display: flex;
22638
- justify-content: center;
22639
- align-items: center;
22640
- cursor: pointer;
22641
- }
22642
- .v-input--disabled .v-slider__container {
22643
- opacity: var(--v-disabled-opacity);
22644
- }
22645
- .v-input--error:not(.v-input--disabled) .v-slider__container {
22646
- color: rgb(var(--v-theme-error));
22647
- }
22648
-
22649
- .v-slider.v-input--horizontal {
22650
- align-items: center;
22651
- margin-inline: 8px 8px;
22652
- }
22653
- .v-slider.v-input--horizontal > .v-input__control {
22654
- min-height: 32px;
22655
- display: flex;
22656
- align-items: center;
22657
- }
22658
-
22659
- .v-slider.v-input--vertical {
22660
- justify-content: center;
22661
- margin-top: 12px;
22662
- margin-bottom: 12px;
22663
- }
22664
- .v-slider.v-input--vertical > .v-input__control {
22665
- min-height: 300px;
22666
- }
22667
-
22668
- .v-slider.v-input--disabled {
22669
- pointer-events: none;
22670
- }
22671
-
22672
- .v-slider--has-labels > .v-input__control {
22673
- margin-bottom: 4px;
22672
+ .v-slider--has-labels > .v-input__control {
22673
+ margin-bottom: 4px;
22674
22674
  }
22675
22675
 
22676
22676
  .v-slider__label {
22677
22677
  margin-inline-end: 12px;
22678
- }.v-responsive {
22679
- display: flex;
22680
- flex: 1 0 auto;
22681
- max-height: 100%;
22682
- max-width: 100%;
22683
- overflow: hidden;
22684
- position: relative;
22685
- }
22686
- .v-responsive--inline {
22687
- display: inline-flex;
22688
- flex: 0 0 auto;
22689
- }
22690
-
22691
- .v-responsive__content {
22692
- flex: 1 0 0px;
22693
- max-width: 100%;
22694
- }
22695
-
22696
- .v-responsive__sizer ~ .v-responsive__content {
22697
- margin-inline-start: -100%;
22698
- }
22699
-
22700
- .v-responsive__sizer {
22701
- flex: 1 0 0px;
22702
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22703
- pointer-events: none;
22704
22678
  }.v-rating {
22705
22679
  max-width: 100%;
22706
22680
  display: inline-flex;
@@ -22755,6 +22729,32 @@ html.v-overlay-scroll-blocked {
22755
22729
  opacity: 0;
22756
22730
  position: absolute;
22757
22731
  width: 0;
22732
+ }.v-responsive {
22733
+ display: flex;
22734
+ flex: 1 0 auto;
22735
+ max-height: 100%;
22736
+ max-width: 100%;
22737
+ overflow: hidden;
22738
+ position: relative;
22739
+ }
22740
+ .v-responsive--inline {
22741
+ display: inline-flex;
22742
+ flex: 0 0 auto;
22743
+ }
22744
+
22745
+ .v-responsive__content {
22746
+ flex: 1 0 0px;
22747
+ max-width: 100%;
22748
+ }
22749
+
22750
+ .v-responsive__sizer ~ .v-responsive__content {
22751
+ margin-inline-start: -100%;
22752
+ }
22753
+
22754
+ .v-responsive__sizer {
22755
+ flex: 1 0 0px;
22756
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22757
+ pointer-events: none;
22758
22758
  }.v-select .v-field .v-text-field__prefix,
22759
22759
  .v-select .v-field .v-text-field__suffix,
22760
22760
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22940,6 +22940,48 @@ html.v-overlay-scroll-blocked {
22940
22940
  }
22941
22941
  .v-sheet--rounded {
22942
22942
  border-radius: 4px;
22943
+ }.v-slide-group {
22944
+ display: flex;
22945
+ overflow: hidden;
22946
+ }
22947
+
22948
+ .v-slide-group__next,
22949
+ .v-slide-group__prev {
22950
+ align-items: center;
22951
+ display: flex;
22952
+ flex: 0 1 52px;
22953
+ justify-content: center;
22954
+ min-width: 52px;
22955
+ cursor: pointer;
22956
+ }
22957
+ .v-slide-group__next--disabled,
22958
+ .v-slide-group__prev--disabled {
22959
+ pointer-events: none;
22960
+ opacity: var(--v-disabled-opacity);
22961
+ }
22962
+
22963
+ .v-slide-group__content {
22964
+ display: flex;
22965
+ flex: 1 0 auto;
22966
+ position: relative;
22967
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22968
+ white-space: nowrap;
22969
+ }
22970
+ .v-slide-group__content > * {
22971
+ white-space: initial;
22972
+ }
22973
+
22974
+ .v-slide-group__container {
22975
+ contain: content;
22976
+ display: flex;
22977
+ flex: 1 1 auto;
22978
+ overflow: hidden;
22979
+ }
22980
+
22981
+ .v-slide-group--vertical,
22982
+ .v-slide-group--vertical .v-slide-group__container,
22983
+ .v-slide-group--vertical .v-slide-group__content {
22984
+ flex-direction: column;
22943
22985
  }.v-skeleton-loader {
22944
22986
  align-items: center;
22945
22987
  background: rgb(var(--v-theme-surface));
@@ -23163,48 +23205,6 @@ html.v-overlay-scroll-blocked {
23163
23205
  100% {
23164
23206
  transform: translateX(100%);
23165
23207
  }
23166
- }.v-slide-group {
23167
- display: flex;
23168
- overflow: hidden;
23169
- }
23170
-
23171
- .v-slide-group__next,
23172
- .v-slide-group__prev {
23173
- align-items: center;
23174
- display: flex;
23175
- flex: 0 1 52px;
23176
- justify-content: center;
23177
- min-width: 52px;
23178
- cursor: pointer;
23179
- }
23180
- .v-slide-group__next--disabled,
23181
- .v-slide-group__prev--disabled {
23182
- pointer-events: none;
23183
- opacity: var(--v-disabled-opacity);
23184
- }
23185
-
23186
- .v-slide-group__content {
23187
- display: flex;
23188
- flex: 1 0 auto;
23189
- position: relative;
23190
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23191
- white-space: nowrap;
23192
- }
23193
- .v-slide-group__content > * {
23194
- white-space: initial;
23195
- }
23196
-
23197
- .v-slide-group__container {
23198
- contain: content;
23199
- display: flex;
23200
- flex: 1 1 auto;
23201
- overflow: hidden;
23202
- }
23203
-
23204
- .v-slide-group--vertical,
23205
- .v-slide-group--vertical .v-slide-group__container,
23206
- .v-slide-group--vertical .v-slide-group__content {
23207
- flex-direction: column;
23208
23208
  }.v-snackbar {
23209
23209
  justify-content: center;
23210
23210
  z-index: 10000;
@@ -23324,6 +23324,122 @@ html.v-overlay-scroll-blocked {
23324
23324
  }
23325
23325
  .v-snackbar-transition-leave-to {
23326
23326
  opacity: 0;
23327
+ }.v-stepper-item {
23328
+ align-items: center;
23329
+ align-self: stretch;
23330
+ display: inline-flex;
23331
+ flex: none;
23332
+ opacity: var(--v-medium-emphasis-opacity);
23333
+ padding: 1.5rem;
23334
+ transition-duration: 0.2s;
23335
+ transition-property: opacity;
23336
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23337
+ }
23338
+ .v-stepper-item--selected {
23339
+ opacity: 1;
23340
+ }
23341
+ .v-stepper-item--error {
23342
+ color: rgb(var(--v-theme-error));
23343
+ }
23344
+ .v-stepper-item--disabled {
23345
+ opacity: var(--v-medium-emphasis-opacity);
23346
+ pointer-events: none;
23347
+ }
23348
+ .v-stepper--alt-labels .v-stepper-item {
23349
+ flex-direction: column;
23350
+ justify-content: flex-start;
23351
+ align-items: center;
23352
+ flex-basis: 175px;
23353
+ }
23354
+
23355
+ .v-stepper-item__avatar.v-avatar {
23356
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23357
+ color: rgb(var(--v-theme-on-surface-variant));
23358
+ font-size: 0.75rem;
23359
+ margin-inline-end: 8px;
23360
+ }
23361
+ .v-stepper-item__avatar.v-avatar .v-icon {
23362
+ font-size: 0.875rem;
23363
+ }
23364
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23365
+ background: rgb(var(--v-theme-surface-variant));
23366
+ }
23367
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23368
+ background: rgb(var(--v-theme-error));
23369
+ }
23370
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23371
+ margin-bottom: 16px;
23372
+ margin-inline-end: 0;
23373
+ }
23374
+
23375
+ .v-stepper-item__title {
23376
+ line-height: 1;
23377
+ }
23378
+ .v-stepper--mobile .v-stepper-item__title {
23379
+ display: none;
23380
+ }
23381
+
23382
+ .v-stepper-item__subtitle {
23383
+ font-size: 0.75rem;
23384
+ text-align: left;
23385
+ line-height: 1;
23386
+ opacity: var(--v-medium-emphasis-opacity);
23387
+ }
23388
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23389
+ text-align: center;
23390
+ }
23391
+ .v-stepper--mobile .v-stepper-item__subtitle {
23392
+ display: none;
23393
+ }.v-stepper.v-sheet {
23394
+ 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));
23395
+ border-radius: 4px;
23396
+ overflow: hidden;
23397
+ }
23398
+ .v-stepper.v-sheet.v-stepper--flat {
23399
+ 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));
23400
+ }
23401
+
23402
+ .v-stepper-header {
23403
+ 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));
23404
+ align-items: center;
23405
+ display: flex;
23406
+ position: relative;
23407
+ overflow-x: auto;
23408
+ justify-content: space-between;
23409
+ z-index: 1;
23410
+ }
23411
+ .v-stepper-header .v-divider {
23412
+ margin: 0 -16px;
23413
+ }
23414
+ .v-stepper-header .v-divider:last-child {
23415
+ margin-inline-end: 0;
23416
+ }
23417
+ .v-stepper-header .v-divider:first-child {
23418
+ margin-inline-start: 0;
23419
+ }
23420
+ .v-stepper--alt-labels .v-stepper-header {
23421
+ height: auto;
23422
+ }
23423
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23424
+ align-self: flex-start;
23425
+ margin: 35px -67px 0;
23426
+ }
23427
+
23428
+ .v-stepper-window {
23429
+ margin: 1.5rem;
23430
+ }
23431
+
23432
+ .v-stepper-actions {
23433
+ display: flex;
23434
+ align-items: center;
23435
+ justify-content: space-between;
23436
+ padding: 1rem;
23437
+ }
23438
+ .v-stepper .v-stepper-actions {
23439
+ padding: 0 1.5rem 1rem;
23440
+ }
23441
+ .v-stepper-window-item .v-stepper-actions {
23442
+ padding: 1.5rem 0 0;
23327
23443
  }.v-switch .v-label {
23328
23444
  padding-inline-start: 10px;
23329
23445
  }
@@ -23438,122 +23554,43 @@ html.v-overlay-scroll-blocked {
23438
23554
  }
23439
23555
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23440
23556
  width: auto;
23441
- }.v-stepper.v-sheet {
23442
- 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));
23443
- border-radius: 4px;
23444
- overflow: hidden;
23445
- }
23446
- .v-stepper.v-sheet.v-stepper--flat {
23447
- 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));
23448
- }
23449
-
23450
- .v-stepper-header {
23451
- 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));
23557
+ }.v-system-bar {
23452
23558
  align-items: center;
23453
23559
  display: flex;
23560
+ flex: 1 1 auto;
23561
+ height: 24px;
23562
+ justify-content: flex-end;
23563
+ max-width: 100%;
23564
+ padding-inline: 8px;
23454
23565
  position: relative;
23455
- overflow-x: auto;
23456
- justify-content: space-between;
23457
- z-index: 1;
23458
- }
23459
- .v-stepper-header .v-divider {
23460
- margin: 0 -16px;
23461
- }
23462
- .v-stepper-header .v-divider:last-child {
23463
- margin-inline-end: 0;
23464
- }
23465
- .v-stepper-header .v-divider:first-child {
23466
- margin-inline-start: 0;
23467
- }
23468
- .v-stepper--alt-labels .v-stepper-header {
23469
- height: auto;
23470
- }
23471
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23472
- align-self: flex-start;
23473
- margin: 35px -67px 0;
23474
- }
23475
-
23476
- .v-stepper-window {
23477
- margin: 1.5rem;
23478
- }
23479
-
23480
- .v-stepper-actions {
23481
- display: flex;
23482
- align-items: center;
23483
- justify-content: space-between;
23484
- padding: 1rem;
23485
- }
23486
- .v-stepper .v-stepper-actions {
23487
- padding: 0 1.5rem 1rem;
23488
- }
23489
- .v-stepper-window-item .v-stepper-actions {
23490
- padding: 1.5rem 0 0;
23491
- }.v-stepper-item {
23492
- align-items: center;
23493
- align-self: stretch;
23494
- display: inline-flex;
23495
- flex: none;
23496
- opacity: var(--v-medium-emphasis-opacity);
23497
- padding: 1.5rem;
23498
- transition-duration: 0.2s;
23499
- transition-property: opacity;
23500
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23501
- }
23502
- .v-stepper-item--selected {
23503
- opacity: 1;
23504
- }
23505
- .v-stepper-item--error {
23506
- color: rgb(var(--v-theme-error));
23507
- }
23508
- .v-stepper-item--disabled {
23509
- opacity: var(--v-medium-emphasis-opacity);
23510
- pointer-events: none;
23511
- }
23512
- .v-stepper--alt-labels .v-stepper-item {
23513
- flex-direction: column;
23514
- justify-content: flex-start;
23515
- align-items: center;
23516
- flex-basis: 175px;
23517
- }
23518
-
23519
- .v-stepper-item__avatar.v-avatar {
23520
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23521
- color: rgb(var(--v-theme-on-surface-variant));
23566
+ text-align: end;
23567
+ width: 100%;
23568
+ 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));
23569
+ background: rgba(var(--v-theme-surface-light));
23570
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23522
23571
  font-size: 0.75rem;
23523
- margin-inline-end: 8px;
23524
- }
23525
- .v-stepper-item__avatar.v-avatar .v-icon {
23526
- font-size: 0.875rem;
23527
- }
23528
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23529
- background: rgb(var(--v-theme-surface-variant));
23530
- }
23531
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23532
- background: rgb(var(--v-theme-error));
23572
+ font-weight: 400;
23573
+ letter-spacing: 0.0333333333em;
23574
+ line-height: 1.25rem;
23575
+ text-transform: none;
23533
23576
  }
23534
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23535
- margin-bottom: 16px;
23536
- margin-inline-end: 0;
23577
+ .v-system-bar .v-icon {
23578
+ opacity: var(--v-medium-emphasis-opacity);
23537
23579
  }
23538
-
23539
- .v-stepper-item__title {
23540
- line-height: 1;
23580
+ .v-system-bar--absolute {
23581
+ position: absolute;
23541
23582
  }
23542
- .v-stepper--mobile .v-stepper-item__title {
23543
- display: none;
23583
+ .v-system-bar--fixed {
23584
+ position: fixed;
23544
23585
  }
23545
-
23546
- .v-stepper-item__subtitle {
23547
- font-size: 0.75rem;
23548
- text-align: left;
23549
- line-height: 1;
23550
- opacity: var(--v-medium-emphasis-opacity);
23586
+ .v-system-bar--rounded {
23587
+ border-radius: 0;
23551
23588
  }
23552
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23553
- text-align: center;
23589
+ .v-system-bar--window {
23590
+ height: 32px;
23554
23591
  }
23555
- .v-stepper--mobile .v-stepper-item__subtitle {
23556
- display: none;
23592
+ .v-system-bar:not(.v-system-bar--absolute) {
23593
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23557
23594
  }.v-tabs {
23558
23595
  display: flex;
23559
23596
  height: var(--v-tabs-height);
@@ -23649,43 +23686,6 @@ html.v-overlay-scroll-blocked {
23649
23686
  top: 0;
23650
23687
  height: 100%;
23651
23688
  width: 2px;
23652
- }.v-system-bar {
23653
- align-items: center;
23654
- display: flex;
23655
- flex: 1 1 auto;
23656
- height: 24px;
23657
- justify-content: flex-end;
23658
- max-width: 100%;
23659
- padding-inline: 8px;
23660
- position: relative;
23661
- text-align: end;
23662
- width: 100%;
23663
- 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));
23664
- background: rgba(var(--v-theme-surface-light));
23665
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23666
- font-size: 0.75rem;
23667
- font-weight: 400;
23668
- letter-spacing: 0.0333333333em;
23669
- line-height: 1.25rem;
23670
- text-transform: none;
23671
- }
23672
- .v-system-bar .v-icon {
23673
- opacity: var(--v-medium-emphasis-opacity);
23674
- }
23675
- .v-system-bar--absolute {
23676
- position: absolute;
23677
- }
23678
- .v-system-bar--fixed {
23679
- position: fixed;
23680
- }
23681
- .v-system-bar--rounded {
23682
- border-radius: 0;
23683
- }
23684
- .v-system-bar--window {
23685
- height: 32px;
23686
- }
23687
- .v-system-bar:not(.v-system-bar--absolute) {
23688
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23689
23689
  }.v-table {
23690
23690
  background: rgb(var(--v-theme-surface));
23691
23691
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -23824,45 +23824,6 @@ html.v-overlay-scroll-blocked {
23824
23824
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23825
23825
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23826
23826
  border-top: 0px !important;
23827
- }.v-textarea .v-field {
23828
- --v-textarea-control-height: var(--v-input-control-height);
23829
- }
23830
- .v-textarea .v-field__field {
23831
- --v-input-control-height: var(--v-textarea-control-height);
23832
- }
23833
- .v-textarea .v-field__input {
23834
- flex: 1 1 auto;
23835
- outline: none;
23836
- -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));
23837
- 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));
23838
- }
23839
- .v-textarea .v-field__input.v-textarea__sizer {
23840
- visibility: hidden;
23841
- position: absolute;
23842
- top: 0;
23843
- left: 0;
23844
- height: 0 !important;
23845
- min-height: 0 !important;
23846
- pointer-events: none;
23847
- }
23848
- .v-textarea--no-resize .v-field__input {
23849
- resize: none;
23850
- }
23851
- .v-textarea .v-field--no-label textarea,
23852
- .v-textarea .v-field--active textarea {
23853
- opacity: 1;
23854
- }
23855
- .v-textarea textarea {
23856
- opacity: 0;
23857
- flex: 1;
23858
- min-width: 0;
23859
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23860
- }
23861
- .v-textarea textarea:focus, .v-textarea textarea:active {
23862
- outline: none;
23863
- }
23864
- .v-textarea textarea:invalid {
23865
- box-shadow: none;
23866
23827
  }/* region BLOCK */
23867
23828
  .v-text-field input {
23868
23829
  color: inherit;
@@ -23930,136 +23891,45 @@ html.v-overlay-scroll-blocked {
23930
23891
  padding-inline-end: var(--v-field-padding-end);
23931
23892
  }
23932
23893
 
23933
- /* endregion */.v-theme-provider {
23934
- background: rgb(var(--v-theme-background));
23935
- color: rgb(var(--v-theme-on-background));
23936
- }.v-toolbar {
23937
- align-items: flex-start;
23938
- display: flex;
23939
- flex: none;
23940
- flex-direction: column;
23941
- justify-content: space-between;
23942
- max-width: 100%;
23943
- overflow: hidden;
23944
- position: relative;
23945
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23946
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
23947
- width: 100%;
23948
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23949
- border-style: solid;
23950
- border-width: 0;
23951
- 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));
23952
- border-radius: 0;
23953
- background: rgb(var(--v-theme-surface-light));
23954
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23955
- }
23956
- .v-toolbar--border {
23957
- border-width: thin;
23958
- box-shadow: none;
23959
- }
23960
- .v-toolbar--absolute {
23961
- position: absolute;
23962
- }
23963
- .v-toolbar--collapse {
23964
- max-width: 112px;
23965
- overflow: hidden;
23966
- border-end-end-radius: 24px;
23967
- }
23968
- .v-toolbar--collapse .v-toolbar-title {
23969
- display: none;
23970
- }
23971
- .v-toolbar--flat {
23972
- 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));
23973
- }
23974
- .v-toolbar--floating {
23975
- display: inline-flex;
23976
- }
23977
- .v-toolbar--rounded {
23978
- border-radius: 4px;
23979
- }
23980
-
23981
- .v-toolbar__content,
23982
- .v-toolbar__extension {
23983
- align-items: center;
23984
- display: flex;
23985
- flex: 0 0 auto;
23986
- position: relative;
23987
- transition: inherit;
23988
- width: 100%;
23989
- }
23990
-
23991
- .v-toolbar__content > .v-btn:first-child {
23992
- margin-inline-start: 10px;
23993
- }
23994
- .v-toolbar__content > .v-btn:last-child {
23995
- margin-inline-end: 10px;
23894
+ /* endregion */.v-textarea .v-field {
23895
+ --v-textarea-control-height: var(--v-input-control-height);
23996
23896
  }
23997
- .v-toolbar__content > .v-toolbar-title {
23998
- margin-inline-start: 16px;
23897
+ .v-textarea .v-field__field {
23898
+ --v-input-control-height: var(--v-textarea-control-height);
23999
23899
  }
24000
- .v-toolbar--density-prominent .v-toolbar__content {
24001
- align-items: flex-start;
23900
+ .v-textarea .v-field__input {
23901
+ flex: 1 1 auto;
23902
+ outline: none;
23903
+ -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));
23904
+ 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));
24002
23905
  }
24003
-
24004
- .v-toolbar__image {
23906
+ .v-textarea .v-field__input.v-textarea__sizer {
23907
+ visibility: hidden;
24005
23908
  position: absolute;
24006
23909
  top: 0;
24007
23910
  left: 0;
24008
- width: 100%;
24009
- height: 100%;
24010
- display: flex;
24011
- opacity: var(--v-toolbar-image-opacity, 1);
24012
- transition-property: opacity;
24013
- }
24014
-
24015
- .v-toolbar__prepend,
24016
- .v-toolbar__append {
24017
- align-items: center;
24018
- align-self: stretch;
24019
- display: flex;
23911
+ height: 0 !important;
23912
+ min-height: 0 !important;
23913
+ pointer-events: none;
24020
23914
  }
24021
-
24022
- .v-toolbar__prepend {
24023
- margin-inline: 10px auto;
23915
+ .v-textarea--no-resize .v-field__input {
23916
+ resize: none;
24024
23917
  }
24025
-
24026
- .v-toolbar__append {
24027
- margin-inline: auto 10px;
23918
+ .v-textarea .v-field--no-label textarea,
23919
+ .v-textarea .v-field--active textarea {
23920
+ opacity: 1;
24028
23921
  }
24029
-
24030
- .v-toolbar-title {
24031
- flex: 1 1;
24032
- font-size: 1.25rem;
23922
+ .v-textarea textarea {
23923
+ opacity: 0;
23924
+ flex: 1;
24033
23925
  min-width: 0;
24034
- font-size: 1.25rem;
24035
- font-weight: 400;
24036
- letter-spacing: 0;
24037
- line-height: 1.75rem;
24038
- text-transform: none;
24039
- }
24040
- .v-toolbar--density-prominent .v-toolbar-title {
24041
- align-self: flex-end;
24042
- padding-bottom: 6px;
24043
- font-size: 1.5rem;
24044
- font-weight: 400;
24045
- letter-spacing: 0;
24046
- line-height: 2.25rem;
24047
- text-transform: none;
24048
- }
24049
-
24050
- .v-toolbar-title__placeholder {
24051
- overflow: hidden;
24052
- text-overflow: ellipsis;
24053
- white-space: nowrap;
23926
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24054
23927
  }
24055
-
24056
- .v-toolbar-items {
24057
- display: flex;
24058
- height: inherit;
24059
- align-self: stretch;
23928
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23929
+ outline: none;
24060
23930
  }
24061
- .v-toolbar-items > .v-btn {
24062
- border-radius: 0;
23931
+ .v-textarea textarea:invalid {
23932
+ box-shadow: none;
24063
23933
  }.v-timeline .v-timeline-divider__dot {
24064
23934
  background: rgb(var(--v-theme-surface-light));
24065
23935
  }
@@ -24476,46 +24346,176 @@ html.v-overlay-scroll-blocked {
24476
24346
 
24477
24347
  .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 {
24478
24348
  padding-inline-end: 0;
24479
- }.v-tooltip > .v-overlay__content {
24480
- background: rgb(var(--v-theme-surface-variant));
24481
- color: rgb(var(--v-theme-on-surface-variant));
24482
- border-radius: 4px;
24483
- font-size: 0.875rem;
24484
- line-height: 1.6;
24485
- display: inline-block;
24486
- padding: 5px 16px;
24487
- text-transform: initial;
24488
- width: auto;
24489
- opacity: 1;
24490
- pointer-events: none;
24491
- transition-property: opacity, transform;
24492
- }
24493
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24494
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24495
- transition-duration: 150ms;
24496
- }
24497
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24498
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24499
- transition-duration: 75ms;
24500
- }.v-virtual-scroll {
24501
- display: block;
24502
- flex: 1 1 auto;
24503
- max-width: 100%;
24504
- overflow: auto;
24505
- position: relative;
24506
- }
24507
- .v-virtual-scroll__container {
24508
- display: block;
24509
- }.v-window {
24510
- overflow: hidden;
24511
- }
24512
- .v-window__container {
24349
+ }.v-theme-provider {
24350
+ background: rgb(var(--v-theme-background));
24351
+ color: rgb(var(--v-theme-on-background));
24352
+ }.v-toolbar {
24353
+ align-items: flex-start;
24513
24354
  display: flex;
24355
+ flex: none;
24514
24356
  flex-direction: column;
24515
- height: inherit;
24357
+ justify-content: space-between;
24358
+ max-width: 100%;
24359
+ overflow: hidden;
24516
24360
  position: relative;
24517
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24518
- }
24361
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24362
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24363
+ width: 100%;
24364
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24365
+ border-style: solid;
24366
+ border-width: 0;
24367
+ 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));
24368
+ border-radius: 0;
24369
+ background: rgb(var(--v-theme-surface-light));
24370
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24371
+ }
24372
+ .v-toolbar--border {
24373
+ border-width: thin;
24374
+ box-shadow: none;
24375
+ }
24376
+ .v-toolbar--absolute {
24377
+ position: absolute;
24378
+ }
24379
+ .v-toolbar--collapse {
24380
+ max-width: 112px;
24381
+ overflow: hidden;
24382
+ border-end-end-radius: 24px;
24383
+ }
24384
+ .v-toolbar--collapse .v-toolbar-title {
24385
+ display: none;
24386
+ }
24387
+ .v-toolbar--flat {
24388
+ 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));
24389
+ }
24390
+ .v-toolbar--floating {
24391
+ display: inline-flex;
24392
+ }
24393
+ .v-toolbar--rounded {
24394
+ border-radius: 4px;
24395
+ }
24396
+
24397
+ .v-toolbar__content,
24398
+ .v-toolbar__extension {
24399
+ align-items: center;
24400
+ display: flex;
24401
+ flex: 0 0 auto;
24402
+ position: relative;
24403
+ transition: inherit;
24404
+ width: 100%;
24405
+ }
24406
+
24407
+ .v-toolbar__content > .v-btn:first-child {
24408
+ margin-inline-start: 10px;
24409
+ }
24410
+ .v-toolbar__content > .v-btn:last-child {
24411
+ margin-inline-end: 10px;
24412
+ }
24413
+ .v-toolbar__content > .v-toolbar-title {
24414
+ margin-inline-start: 16px;
24415
+ }
24416
+ .v-toolbar--density-prominent .v-toolbar__content {
24417
+ align-items: flex-start;
24418
+ }
24419
+
24420
+ .v-toolbar__image {
24421
+ position: absolute;
24422
+ top: 0;
24423
+ left: 0;
24424
+ width: 100%;
24425
+ height: 100%;
24426
+ display: flex;
24427
+ opacity: var(--v-toolbar-image-opacity, 1);
24428
+ transition-property: opacity;
24429
+ }
24430
+
24431
+ .v-toolbar__prepend,
24432
+ .v-toolbar__append {
24433
+ align-items: center;
24434
+ align-self: stretch;
24435
+ display: flex;
24436
+ }
24437
+
24438
+ .v-toolbar__prepend {
24439
+ margin-inline: 10px auto;
24440
+ }
24441
+
24442
+ .v-toolbar__append {
24443
+ margin-inline: auto 10px;
24444
+ }
24445
+
24446
+ .v-toolbar-title {
24447
+ flex: 1 1;
24448
+ font-size: 1.25rem;
24449
+ min-width: 0;
24450
+ font-size: 1.25rem;
24451
+ font-weight: 400;
24452
+ letter-spacing: 0;
24453
+ line-height: 1.75rem;
24454
+ text-transform: none;
24455
+ }
24456
+ .v-toolbar--density-prominent .v-toolbar-title {
24457
+ align-self: flex-end;
24458
+ padding-bottom: 6px;
24459
+ font-size: 1.5rem;
24460
+ font-weight: 400;
24461
+ letter-spacing: 0;
24462
+ line-height: 2.25rem;
24463
+ text-transform: none;
24464
+ }
24465
+
24466
+ .v-toolbar-title__placeholder {
24467
+ overflow: hidden;
24468
+ text-overflow: ellipsis;
24469
+ white-space: nowrap;
24470
+ }
24471
+
24472
+ .v-toolbar-items {
24473
+ display: flex;
24474
+ height: inherit;
24475
+ align-self: stretch;
24476
+ }
24477
+ .v-toolbar-items > .v-btn {
24478
+ border-radius: 0;
24479
+ }.v-tooltip > .v-overlay__content {
24480
+ background: rgb(var(--v-theme-surface-variant));
24481
+ color: rgb(var(--v-theme-on-surface-variant));
24482
+ border-radius: 4px;
24483
+ font-size: 0.875rem;
24484
+ line-height: 1.6;
24485
+ display: inline-block;
24486
+ padding: 5px 16px;
24487
+ text-transform: initial;
24488
+ width: auto;
24489
+ opacity: 1;
24490
+ pointer-events: none;
24491
+ transition-property: opacity, transform;
24492
+ }
24493
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24494
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24495
+ transition-duration: 150ms;
24496
+ }
24497
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24498
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24499
+ transition-duration: 75ms;
24500
+ }.v-virtual-scroll {
24501
+ display: block;
24502
+ flex: 1 1 auto;
24503
+ max-width: 100%;
24504
+ overflow: auto;
24505
+ position: relative;
24506
+ }
24507
+ .v-virtual-scroll__container {
24508
+ display: block;
24509
+ }.v-window {
24510
+ overflow: hidden;
24511
+ }
24512
+ .v-window__container {
24513
+ display: flex;
24514
+ flex-direction: column;
24515
+ height: inherit;
24516
+ position: relative;
24517
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24518
+ }
24519
24519
  .v-window__controls {
24520
24520
  position: absolute;
24521
24521
  left: 0;
@@ -24575,6 +24575,91 @@ html.v-overlay-scroll-blocked {
24575
24575
  }
24576
24576
  .v-window-y-reverse-transition-leave-to {
24577
24577
  transform: translateY(100%);
24578
+ }.v-color-picker-edit {
24579
+ display: flex;
24580
+ margin-top: 24px;
24581
+ }
24582
+
24583
+ .v-color-picker-edit__input {
24584
+ width: 100%;
24585
+ display: flex;
24586
+ flex-wrap: wrap;
24587
+ justify-content: center;
24588
+ text-align: center;
24589
+ }
24590
+ .v-color-picker-edit__input:not(:last-child) {
24591
+ margin-inline-end: 8px;
24592
+ }
24593
+ .v-color-picker-edit__input input {
24594
+ border-radius: 4px;
24595
+ margin-bottom: 8px;
24596
+ min-width: 0;
24597
+ outline: none;
24598
+ text-align: center;
24599
+ width: 100%;
24600
+ height: 32px;
24601
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24602
+ color: rgba(var(--v-theme-on-surface));
24603
+ }
24604
+ .v-color-picker-edit__input span {
24605
+ font-size: 0.75rem;
24606
+ }.v-color-picker-swatches {
24607
+ overflow-y: auto;
24608
+ }
24609
+ .v-color-picker-swatches > div {
24610
+ display: flex;
24611
+ flex-wrap: wrap;
24612
+ justify-content: center;
24613
+ padding: 8px;
24614
+ }
24615
+
24616
+ .v-color-picker-swatches__swatch {
24617
+ display: flex;
24618
+ flex-direction: column;
24619
+ margin-bottom: 10px;
24620
+ }
24621
+
24622
+ .v-color-picker-swatches__color {
24623
+ position: relative;
24624
+ height: 18px;
24625
+ max-height: 18px;
24626
+ width: 45px;
24627
+ margin: 2px 4px;
24628
+ border-radius: 2px;
24629
+ -webkit-user-select: none;
24630
+ user-select: none;
24631
+ overflow: hidden;
24632
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24633
+ cursor: pointer;
24634
+ }
24635
+ .v-color-picker-swatches__color > div {
24636
+ display: flex;
24637
+ align-items: center;
24638
+ justify-content: center;
24639
+ width: 100%;
24640
+ height: 100%;
24641
+ }.v-color-picker-canvas {
24642
+ display: flex;
24643
+ position: relative;
24644
+ overflow: hidden;
24645
+ contain: content;
24646
+ touch-action: none;
24647
+ }
24648
+ .v-color-picker-canvas__dot {
24649
+ position: absolute;
24650
+ top: 0;
24651
+ left: 0;
24652
+ width: 15px;
24653
+ height: 15px;
24654
+ background: transparent;
24655
+ border-radius: 50%;
24656
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24657
+ }
24658
+ .v-color-picker-canvas__dot--disabled {
24659
+ 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);
24660
+ }
24661
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24662
+ will-change: transform;
24578
24663
  }.v-color-picker-preview__alpha .v-slider-track__background {
24579
24664
  background-color: transparent !important;
24580
24665
  }
@@ -24644,142 +24729,211 @@ html.v-overlay-scroll-blocked {
24644
24729
  .v-color-picker-preview__eye-dropper {
24645
24730
  position: relative;
24646
24731
  margin-right: 12px;
24647
- }.v-color-picker-swatches {
24648
- overflow-y: auto;
24732
+ }.v-picker.v-sheet {
24733
+ 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));
24734
+ border-radius: 4px;
24735
+ display: grid;
24736
+ grid-auto-rows: min-content;
24737
+ grid-template-areas: "title" "header" "body";
24738
+ overflow: hidden;
24649
24739
  }
24650
- .v-color-picker-swatches > div {
24651
- display: flex;
24652
- flex-wrap: wrap;
24653
- justify-content: center;
24654
- padding: 8px;
24740
+ .v-picker.v-sheet.v-picker--with-actions {
24741
+ grid-template-areas: "title" "header" "body" "actions";
24655
24742
  }
24656
24743
 
24657
- .v-color-picker-swatches__swatch {
24744
+ .v-picker__body {
24745
+ grid-area: body;
24746
+ }
24747
+
24748
+ .v-picker__header {
24749
+ grid-area: header;
24750
+ }
24751
+
24752
+ .v-picker__actions {
24753
+ grid-area: actions;
24754
+ padding: 0 12px 12px 12px;
24658
24755
  display: flex;
24659
- flex-direction: column;
24660
- margin-bottom: 10px;
24756
+ align-items: center;
24757
+ justify-content: flex-end;
24758
+ }
24759
+ .v-picker__actions .v-btn {
24760
+ min-width: 48px;
24761
+ }
24762
+ .v-picker__actions .v-btn:not(:last-child) {
24763
+ margin-inline-end: 8px;
24661
24764
  }
24662
24765
 
24663
- .v-color-picker-swatches__color {
24664
- position: relative;
24665
- height: 18px;
24666
- max-height: 18px;
24667
- width: 45px;
24668
- margin: 2px 4px;
24669
- border-radius: 2px;
24766
+ .v-picker--landscape {
24767
+ grid-template-areas: "title" "header body" "header body";
24768
+ }
24769
+
24770
+ .v-picker--landscape.v-picker--with-actions {
24771
+ grid-template-areas: "title" "header body" "header actions";
24772
+ }
24773
+
24774
+ .v-picker-title {
24775
+ text-transform: uppercase;
24776
+ font-size: 0.75rem;
24777
+ grid-area: title;
24778
+ padding-inline: 24px 12px;
24779
+ padding-top: 16px;
24780
+ padding-bottom: 16px;
24781
+ font-weight: 600;
24782
+ letter-spacing: 0.1666666667em;
24783
+ }.v-slider-thumb {
24784
+ touch-action: none;
24785
+ color: rgb(var(--v-theme-surface-variant));
24786
+ }
24787
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24788
+ color: inherit;
24789
+ }
24790
+
24791
+ .v-slider-thumb__label {
24792
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24793
+ color: rgb(var(--v-theme-on-surface-variant));
24794
+ }
24795
+ .v-slider-thumb__label::before {
24796
+ color: rgba(var(--v-theme-surface-variant), 0.7);
24797
+ }
24798
+
24799
+ .v-slider-thumb {
24800
+ outline: none;
24801
+ position: absolute;
24802
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24803
+ }
24804
+
24805
+ .v-slider-thumb__surface {
24806
+ cursor: pointer;
24807
+ width: var(--v-slider-thumb-size);
24808
+ height: var(--v-slider-thumb-size);
24809
+ border-radius: 50%;
24670
24810
  -webkit-user-select: none;
24671
24811
  user-select: none;
24672
- overflow: hidden;
24673
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24674
- cursor: pointer;
24812
+ background-color: currentColor;
24675
24813
  }
24676
- .v-color-picker-swatches__color > div {
24677
- display: flex;
24678
- align-items: center;
24679
- justify-content: center;
24814
+ .v-slider-thumb__surface::before {
24815
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24816
+ content: "";
24817
+ color: inherit;
24818
+ top: 0;
24819
+ left: 0;
24680
24820
  width: 100%;
24681
24821
  height: 100%;
24682
- }.v-color-picker-edit {
24683
- display: flex;
24684
- margin-top: 24px;
24822
+ border-radius: 50%;
24823
+ background: currentColor;
24824
+ position: absolute;
24825
+ pointer-events: none;
24826
+ opacity: 0;
24827
+ }
24828
+ .v-slider-thumb__surface::after {
24829
+ content: "";
24830
+ width: 42px;
24831
+ height: 42px;
24832
+ position: absolute;
24833
+ top: 50%;
24834
+ left: 50%;
24835
+ transform: translate(-50%, -50%);
24685
24836
  }
24686
24837
 
24687
- .v-color-picker-edit__input {
24688
- width: 100%;
24838
+ .v-slider-thumb__label-container {
24839
+ position: absolute;
24840
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24841
+ }
24842
+
24843
+ .v-slider-thumb__label {
24689
24844
  display: flex;
24690
- flex-wrap: wrap;
24845
+ align-items: center;
24691
24846
  justify-content: center;
24692
- text-align: center;
24693
- }
24694
- .v-color-picker-edit__input:not(:last-child) {
24695
- margin-inline-end: 8px;
24696
- }
24697
- .v-color-picker-edit__input input {
24847
+ font-size: 0.75rem;
24848
+ min-width: 35px;
24849
+ height: 25px;
24698
24850
  border-radius: 4px;
24699
- margin-bottom: 8px;
24700
- min-width: 0;
24701
- outline: none;
24702
- text-align: center;
24703
- width: 100%;
24704
- height: 32px;
24705
- background: rgba(var(--v-theme-surface-variant), 0.2);
24706
- color: rgba(var(--v-theme-on-surface));
24851
+ padding: 6px;
24852
+ position: absolute;
24853
+ -webkit-user-select: none;
24854
+ user-select: none;
24855
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24707
24856
  }
24708
- .v-color-picker-edit__input span {
24709
- font-size: 0.75rem;
24710
- }.v-color-picker-canvas {
24711
- display: flex;
24712
- position: relative;
24713
- overflow: hidden;
24714
- contain: content;
24715
- touch-action: none;
24857
+ .v-slider-thumb__label::before {
24858
+ content: "";
24859
+ width: 0;
24860
+ height: 0;
24861
+ position: absolute;
24716
24862
  }
24717
- .v-color-picker-canvas__dot {
24863
+
24864
+ .v-slider-thumb__ripple {
24718
24865
  position: absolute;
24719
- top: 0;
24720
- left: 0;
24721
- width: 15px;
24722
- height: 15px;
24723
- background: transparent;
24724
- border-radius: 50%;
24725
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24866
+ left: calc(var(--v-slider-thumb-size) / -2);
24867
+ top: calc(var(--v-slider-thumb-size) / -2);
24868
+ width: calc(var(--v-slider-thumb-size) * 2);
24869
+ height: calc(var(--v-slider-thumb-size) * 2);
24870
+ background: inherit;
24726
24871
  }
24727
- .v-color-picker-canvas__dot--disabled {
24728
- 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);
24872
+
24873
+ .v-slider.v-input--horizontal .v-slider-thumb {
24874
+ top: 50%;
24875
+ transform: translateY(-50%);
24876
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24729
24877
  }
24730
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24731
- will-change: transform;
24732
- }.v-picker.v-sheet {
24733
- 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));
24734
- border-radius: 4px;
24735
- display: grid;
24736
- grid-auto-rows: min-content;
24737
- grid-template-areas: "title" "header" "body";
24738
- overflow: hidden;
24878
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24879
+ left: calc(var(--v-slider-thumb-size) / 2);
24880
+ top: 0;
24739
24881
  }
24740
- .v-picker.v-sheet.v-picker--with-actions {
24741
- grid-template-areas: "title" "header" "body" "actions";
24882
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
24883
+ bottom: calc(var(--v-slider-thumb-size) / 2);
24884
+ }
24885
+ .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 {
24886
+ transform: translateX(-50%);
24742
24887
  }
24743
24888
 
24744
- .v-picker__body {
24745
- grid-area: body;
24889
+ .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 {
24890
+ transform: translateX(50%);
24746
24891
  }
24747
24892
 
24748
- .v-picker__header {
24749
- grid-area: header;
24893
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24894
+ border-left: 6px solid transparent;
24895
+ border-right: 6px solid transparent;
24896
+ border-top: 6px solid currentColor;
24897
+ bottom: -6px;
24750
24898
  }
24751
24899
 
24752
- .v-picker__actions {
24753
- grid-area: actions;
24754
- padding: 0 12px 12px 12px;
24755
- display: flex;
24756
- align-items: center;
24757
- justify-content: flex-end;
24900
+ .v-slider.v-input--vertical .v-slider-thumb {
24901
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24758
24902
  }
24759
- .v-picker__actions .v-btn {
24760
- min-width: 48px;
24903
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
24904
+ top: calc(var(--v-slider-thumb-size) / 2);
24905
+ right: 0;
24761
24906
  }
24762
- .v-picker__actions .v-btn:not(:last-child) {
24763
- margin-inline-end: 8px;
24907
+ .v-slider.v-input--vertical .v-slider-thumb__label {
24908
+ top: -12.5px;
24909
+ left: calc(var(--v-slider-thumb-size) / 2);
24910
+ }
24911
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
24912
+ border-right: 6px solid currentColor;
24913
+ border-top: 6px solid transparent;
24914
+ border-bottom: 6px solid transparent;
24915
+ left: -6px;
24764
24916
  }
24765
24917
 
24766
- .v-picker--landscape {
24767
- grid-template-areas: "title" "header body" "header body";
24918
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
24919
+ transform: scale(2);
24920
+ opacity: var(--v-focus-opacity);
24768
24921
  }
24769
24922
 
24770
- .v-picker--landscape.v-picker--with-actions {
24771
- grid-template-areas: "title" "header body" "header actions";
24923
+ .v-slider-thumb--pressed {
24924
+ transition: none;
24925
+ }
24926
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24927
+ opacity: var(--v-pressed-opacity);
24772
24928
  }
24773
24929
 
24774
- .v-picker-title {
24775
- text-transform: uppercase;
24776
- font-size: 0.75rem;
24777
- grid-area: title;
24778
- padding-inline: 24px 12px;
24779
- padding-top: 16px;
24780
- padding-bottom: 16px;
24781
- font-weight: 600;
24782
- letter-spacing: 0.1666666667em;
24930
+ @media (hover: hover) {
24931
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
24932
+ transform: scale(2);
24933
+ }
24934
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24935
+ opacity: var(--v-hover-opacity);
24936
+ }
24783
24937
  }.v-slider-track__background {
24784
24938
  background-color: rgb(var(--v-theme-surface-variant));
24785
24939
  }
@@ -24943,158 +25097,4 @@ html.v-overlay-scroll-blocked {
24943
25097
 
24944
25098
  .v-slider-track__background--opacity {
24945
25099
  opacity: 0.38;
24946
- }.v-slider-thumb {
24947
- touch-action: none;
24948
- color: rgb(var(--v-theme-surface-variant));
24949
- }
24950
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24951
- color: inherit;
24952
- }
24953
-
24954
- .v-slider-thumb__label {
24955
- background: rgba(var(--v-theme-surface-variant), 0.7);
24956
- color: rgb(var(--v-theme-on-surface-variant));
24957
- }
24958
- .v-slider-thumb__label::before {
24959
- color: rgba(var(--v-theme-surface-variant), 0.7);
24960
- }
24961
-
24962
- .v-slider-thumb {
24963
- outline: none;
24964
- position: absolute;
24965
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24966
- }
24967
-
24968
- .v-slider-thumb__surface {
24969
- cursor: pointer;
24970
- width: var(--v-slider-thumb-size);
24971
- height: var(--v-slider-thumb-size);
24972
- border-radius: 50%;
24973
- -webkit-user-select: none;
24974
- user-select: none;
24975
- background-color: currentColor;
24976
- }
24977
- .v-slider-thumb__surface::before {
24978
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24979
- content: "";
24980
- color: inherit;
24981
- top: 0;
24982
- left: 0;
24983
- width: 100%;
24984
- height: 100%;
24985
- border-radius: 50%;
24986
- background: currentColor;
24987
- position: absolute;
24988
- pointer-events: none;
24989
- opacity: 0;
24990
- }
24991
- .v-slider-thumb__surface::after {
24992
- content: "";
24993
- width: 42px;
24994
- height: 42px;
24995
- position: absolute;
24996
- top: 50%;
24997
- left: 50%;
24998
- transform: translate(-50%, -50%);
24999
- }
25000
-
25001
- .v-slider-thumb__label-container {
25002
- position: absolute;
25003
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25004
- }
25005
-
25006
- .v-slider-thumb__label {
25007
- display: flex;
25008
- align-items: center;
25009
- justify-content: center;
25010
- font-size: 0.75rem;
25011
- min-width: 35px;
25012
- height: 25px;
25013
- border-radius: 4px;
25014
- padding: 6px;
25015
- position: absolute;
25016
- -webkit-user-select: none;
25017
- user-select: none;
25018
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25019
- }
25020
- .v-slider-thumb__label::before {
25021
- content: "";
25022
- width: 0;
25023
- height: 0;
25024
- position: absolute;
25025
- }
25026
-
25027
- .v-slider-thumb__ripple {
25028
- position: absolute;
25029
- left: calc(var(--v-slider-thumb-size) / -2);
25030
- top: calc(var(--v-slider-thumb-size) / -2);
25031
- width: calc(var(--v-slider-thumb-size) * 2);
25032
- height: calc(var(--v-slider-thumb-size) * 2);
25033
- background: inherit;
25034
- }
25035
-
25036
- .v-slider.v-input--horizontal .v-slider-thumb {
25037
- top: 50%;
25038
- transform: translateY(-50%);
25039
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25040
- }
25041
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25042
- left: calc(var(--v-slider-thumb-size) / 2);
25043
- top: 0;
25044
- }
25045
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25046
- bottom: calc(var(--v-slider-thumb-size) / 2);
25047
- }
25048
- .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 {
25049
- transform: translateX(-50%);
25050
- }
25051
-
25052
- .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 {
25053
- transform: translateX(50%);
25054
- }
25055
-
25056
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25057
- border-left: 6px solid transparent;
25058
- border-right: 6px solid transparent;
25059
- border-top: 6px solid currentColor;
25060
- bottom: -6px;
25061
- }
25062
-
25063
- .v-slider.v-input--vertical .v-slider-thumb {
25064
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25065
- }
25066
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25067
- top: calc(var(--v-slider-thumb-size) / 2);
25068
- right: 0;
25069
- }
25070
- .v-slider.v-input--vertical .v-slider-thumb__label {
25071
- top: -12.5px;
25072
- left: calc(var(--v-slider-thumb-size) / 2);
25073
- }
25074
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25075
- border-right: 6px solid currentColor;
25076
- border-top: 6px solid transparent;
25077
- border-bottom: 6px solid transparent;
25078
- left: -6px;
25079
- }
25080
-
25081
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25082
- transform: scale(2);
25083
- opacity: var(--v-focus-opacity);
25084
- }
25085
-
25086
- .v-slider-thumb--pressed {
25087
- transition: none;
25088
- }
25089
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25090
- opacity: var(--v-pressed-opacity);
25091
- }
25092
-
25093
- @media (hover: hover) {
25094
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25095
- transform: scale(2);
25096
- }
25097
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25098
- opacity: var(--v-hover-opacity);
25099
- }
25100
25100
  }