@vuetify/nightly 3.6.1-dev.2024-05-01 → 3.6.3-dev.2024-05-03

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 (61) hide show
  1. package/CHANGELOG.md +7 -2
  2. package/dist/json/attributes.json +3 -3
  3. package/dist/json/importMap-labs.json +30 -30
  4. package/dist/json/importMap.json +162 -162
  5. package/dist/json/web-types.json +18 -17
  6. package/dist/vuetify-labs.css +2024 -2010
  7. package/dist/vuetify-labs.d.ts +275 -233
  8. package/dist/vuetify-labs.esm.js +20 -15
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +20 -15
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +882 -868
  13. package/dist/vuetify.d.ts +335 -293
  14. package/dist/vuetify.esm.js +20 -15
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +20 -15
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +20 -21
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAlert/VAlert.css +3 -1
  22. package/lib/components/VAutocomplete/index.d.mts +18 -18
  23. package/lib/components/VAvatar/VAvatar.css +3 -1
  24. package/lib/components/VBottomSheet/index.d.mts +15 -9
  25. package/lib/components/VBtn/VBtn.css +3 -1
  26. package/lib/components/VCard/VCard.css +3 -1
  27. package/lib/components/VChip/VChip.css +3 -1
  28. package/lib/components/VCombobox/index.d.mts +18 -18
  29. package/lib/components/VDataTable/VDataTableHeaders.mjs +2 -0
  30. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  31. package/lib/components/VDataTable/composables/select.mjs +7 -8
  32. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  33. package/lib/components/VDatePicker/VDatePicker.mjs +2 -2
  34. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  35. package/lib/components/VDialog/index.d.mts +33 -27
  36. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  37. package/lib/components/VFileInput/index.d.mts +6 -6
  38. package/lib/components/VHover/VHover.mjs +1 -1
  39. package/lib/components/VHover/VHover.mjs.map +1 -1
  40. package/lib/components/VHover/index.d.mts +24 -24
  41. package/lib/components/VList/VListItem.css +3 -1
  42. package/lib/components/VMenu/index.d.mts +33 -27
  43. package/lib/components/VOverlay/VOverlay.mjs +5 -2
  44. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  45. package/lib/components/VOverlay/index.d.mts +15 -9
  46. package/lib/components/VSelect/index.d.mts +18 -18
  47. package/lib/components/VSnackbar/VSnackbar.css +3 -1
  48. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  49. package/lib/components/VSnackbar/index.d.mts +47 -41
  50. package/lib/components/VSpeedDial/index.d.mts +15 -9
  51. package/lib/components/VTooltip/index.d.mts +33 -27
  52. package/lib/components/index.d.mts +275 -233
  53. package/lib/composables/date/adapters/vuetify.mjs +1 -0
  54. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  55. package/lib/entry-bundler.mjs +1 -1
  56. package/lib/framework.mjs +1 -1
  57. package/lib/index.d.mts +60 -60
  58. package/lib/labs/VSnackbarQueue/index.d.mts +47 -41
  59. package/lib/labs/components.d.mts +47 -41
  60. package/lib/styles/tools/_variant.sass +3 -1
  61. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.1-dev.2024-05-01
2
+ * Vuetify v3.6.3-dev.2024-05-03
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,6 +17380,22 @@ html.overflow-y-hidden {
17380
17380
  .v-ripple__animation--out {
17381
17381
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17382
  opacity: 0;
17383
+ }.v-application {
17384
+ display: flex;
17385
+ background: rgb(var(--v-theme-background));
17386
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17387
+ }
17388
+
17389
+ .v-application__wrap {
17390
+ -webkit-backface-visibility: hidden;
17391
+ backface-visibility: hidden;
17392
+ display: flex;
17393
+ flex-direction: column;
17394
+ flex: 1 1 auto;
17395
+ max-width: 100%;
17396
+ min-height: 100vh;
17397
+ min-height: 100dvh;
17398
+ position: relative;
17383
17399
  }.v-app-bar {
17384
17400
  display: flex;
17385
17401
  }
@@ -17445,13 +17461,15 @@ html.overflow-y-hidden {
17445
17461
  background: currentColor;
17446
17462
  opacity: var(--v-activated-opacity);
17447
17463
  border-radius: inherit;
17448
- position: absolute;
17449
17464
  top: 0;
17450
17465
  right: 0;
17451
17466
  bottom: 0;
17452
17467
  left: 0;
17453
17468
  pointer-events: none;
17454
17469
  }
17470
+ .v-alert .v-alert__underlay {
17471
+ position: absolute;
17472
+ }
17455
17473
  .v-alert--prominent {
17456
17474
  grid-template-areas: "prepend content append close" "prepend content . .";
17457
17475
  }
@@ -17602,87 +17620,6 @@ html.overflow-y-hidden {
17602
17620
  text-transform: none;
17603
17621
  word-break: normal;
17604
17622
  word-wrap: break-word;
17605
- }.v-autocomplete .v-field .v-text-field__prefix,
17606
- .v-autocomplete .v-field .v-text-field__suffix,
17607
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17608
- cursor: text;
17609
- }
17610
- .v-autocomplete .v-field .v-field__input > input {
17611
- flex: 1 1;
17612
- }
17613
- .v-autocomplete .v-field input {
17614
- min-width: 64px;
17615
- }
17616
- .v-autocomplete .v-field:not(.v-field--focused) input {
17617
- min-width: 0;
17618
- }
17619
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17620
- margin-inline-end: 2px;
17621
- }
17622
- .v-autocomplete .v-autocomplete__selection-text {
17623
- overflow: hidden;
17624
- text-overflow: ellipsis;
17625
- white-space: nowrap;
17626
- }
17627
-
17628
- .v-autocomplete__content {
17629
- overflow: hidden;
17630
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17631
- border-radius: 4px;
17632
- }
17633
- .v-autocomplete__mask {
17634
- background: rgb(var(--v-theme-surface-light));
17635
- }
17636
- .v-autocomplete__selection {
17637
- display: inline-flex;
17638
- align-items: center;
17639
- height: 1.5rem;
17640
- letter-spacing: inherit;
17641
- line-height: inherit;
17642
- max-width: calc(100% - 2px - 2px);
17643
- }
17644
- .v-autocomplete__selection:first-child {
17645
- margin-inline-start: 0;
17646
- }
17647
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17648
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17649
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17650
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17651
- top: 0px;
17652
- }
17653
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17654
- opacity: var(--v-medium-emphasis-opacity);
17655
- }
17656
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17657
- opacity: 1;
17658
- }
17659
- .v-autocomplete--selecting-index .v-field__input > input {
17660
- caret-color: transparent;
17661
- }
17662
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17663
- flex: 1 1;
17664
- position: absolute;
17665
- left: 0;
17666
- right: 0;
17667
- width: 100%;
17668
- padding-inline: inherit;
17669
- }
17670
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17671
- transition: none;
17672
- }
17673
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17674
- opacity: 0;
17675
- }
17676
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17677
- opacity: 0;
17678
- }
17679
- .v-autocomplete__menu-icon {
17680
- margin-inline-start: 4px;
17681
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17682
- }
17683
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17684
- opacity: var(--v-high-emphasis-opacity);
17685
- transform: rotate(180deg);
17686
17623
  }.v-avatar {
17687
17624
  flex: none;
17688
17625
  align-items: center;
@@ -17757,13 +17694,15 @@ html.overflow-y-hidden {
17757
17694
  background: currentColor;
17758
17695
  opacity: var(--v-activated-opacity);
17759
17696
  border-radius: inherit;
17760
- position: absolute;
17761
17697
  top: 0;
17762
17698
  right: 0;
17763
17699
  bottom: 0;
17764
17700
  left: 0;
17765
17701
  pointer-events: none;
17766
17702
  }
17703
+ .v-avatar .v-avatar__underlay {
17704
+ position: absolute;
17705
+ }
17767
17706
  .v-avatar--rounded {
17768
17707
  border-radius: 4px;
17769
17708
  }
@@ -17776,6 +17715,87 @@ html.overflow-y-hidden {
17776
17715
  .v-avatar .v-img {
17777
17716
  height: 100%;
17778
17717
  width: 100%;
17718
+ }.v-autocomplete .v-field .v-text-field__prefix,
17719
+ .v-autocomplete .v-field .v-text-field__suffix,
17720
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17721
+ cursor: text;
17722
+ }
17723
+ .v-autocomplete .v-field .v-field__input > input {
17724
+ flex: 1 1;
17725
+ }
17726
+ .v-autocomplete .v-field input {
17727
+ min-width: 64px;
17728
+ }
17729
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17730
+ min-width: 0;
17731
+ }
17732
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17733
+ margin-inline-end: 2px;
17734
+ }
17735
+ .v-autocomplete .v-autocomplete__selection-text {
17736
+ overflow: hidden;
17737
+ text-overflow: ellipsis;
17738
+ white-space: nowrap;
17739
+ }
17740
+
17741
+ .v-autocomplete__content {
17742
+ overflow: hidden;
17743
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17744
+ border-radius: 4px;
17745
+ }
17746
+ .v-autocomplete__mask {
17747
+ background: rgb(var(--v-theme-surface-light));
17748
+ }
17749
+ .v-autocomplete__selection {
17750
+ display: inline-flex;
17751
+ align-items: center;
17752
+ height: 1.5rem;
17753
+ letter-spacing: inherit;
17754
+ line-height: inherit;
17755
+ max-width: calc(100% - 2px - 2px);
17756
+ }
17757
+ .v-autocomplete__selection:first-child {
17758
+ margin-inline-start: 0;
17759
+ }
17760
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17761
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17762
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17763
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17764
+ top: 0px;
17765
+ }
17766
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17767
+ opacity: var(--v-medium-emphasis-opacity);
17768
+ }
17769
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17770
+ opacity: 1;
17771
+ }
17772
+ .v-autocomplete--selecting-index .v-field__input > input {
17773
+ caret-color: transparent;
17774
+ }
17775
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17776
+ flex: 1 1;
17777
+ position: absolute;
17778
+ left: 0;
17779
+ right: 0;
17780
+ width: 100%;
17781
+ padding-inline: inherit;
17782
+ }
17783
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17784
+ transition: none;
17785
+ }
17786
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17787
+ opacity: 0;
17788
+ }
17789
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17790
+ opacity: 0;
17791
+ }
17792
+ .v-autocomplete__menu-icon {
17793
+ margin-inline-start: 4px;
17794
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17795
+ }
17796
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17797
+ opacity: var(--v-high-emphasis-opacity);
17798
+ transform: rotate(180deg);
17779
17799
  }.v-badge {
17780
17800
  display: inline-block;
17781
17801
  line-height: 1;
@@ -18295,13 +18315,15 @@ html.overflow-y-hidden {
18295
18315
  background: currentColor;
18296
18316
  opacity: var(--v-activated-opacity);
18297
18317
  border-radius: inherit;
18298
- position: absolute;
18299
18318
  top: 0;
18300
18319
  right: 0;
18301
18320
  bottom: 0;
18302
18321
  left: 0;
18303
18322
  pointer-events: none;
18304
18323
  }
18324
+ .v-btn .v-btn__underlay {
18325
+ position: absolute;
18326
+ }
18305
18327
  @supports selector(:focus-visible) {
18306
18328
  .v-btn::after {
18307
18329
  content: "";
@@ -18627,6 +18649,69 @@ html.overflow-y-hidden {
18627
18649
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18628
18650
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18629
18651
  }
18652
+ }.v-carousel {
18653
+ overflow: hidden;
18654
+ position: relative;
18655
+ width: 100%;
18656
+ }
18657
+ .v-carousel__controls {
18658
+ align-items: center;
18659
+ bottom: 0;
18660
+ display: flex;
18661
+ height: 50px;
18662
+ justify-content: center;
18663
+ list-style-type: none;
18664
+ position: absolute;
18665
+ width: 100%;
18666
+ z-index: 1;
18667
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18668
+ color: rgb(var(--v-theme-on-surface-variant));
18669
+ }
18670
+ .v-carousel__controls > .v-item-group {
18671
+ flex: 0 1 auto;
18672
+ }
18673
+ .v-carousel__controls__item {
18674
+ margin: 0 8px;
18675
+ }
18676
+ .v-carousel__controls__item .v-icon {
18677
+ opacity: 0.5;
18678
+ }
18679
+ .v-carousel__controls__item--active .v-icon {
18680
+ opacity: 1;
18681
+ vertical-align: middle;
18682
+ }
18683
+ .v-carousel__controls__item:hover {
18684
+ background: none;
18685
+ }
18686
+ .v-carousel__controls__item:hover .v-icon {
18687
+ opacity: 0.8;
18688
+ }
18689
+
18690
+ .v-carousel__progress {
18691
+ margin: 0;
18692
+ position: absolute;
18693
+ bottom: 0;
18694
+ left: 0;
18695
+ right: 0;
18696
+ }
18697
+
18698
+ .v-carousel-item {
18699
+ display: block;
18700
+ height: inherit;
18701
+ text-decoration: none;
18702
+ }
18703
+ .v-carousel-item > .v-img {
18704
+ height: inherit;
18705
+ }
18706
+
18707
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18708
+ background: transparent;
18709
+ }
18710
+
18711
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18712
+ flex-direction: column;
18713
+ height: 100% !important;
18714
+ width: 50px;
18630
18715
  }.v-card {
18631
18716
  display: block;
18632
18717
  overflow: hidden;
@@ -18711,13 +18796,15 @@ html.overflow-y-hidden {
18711
18796
  background: currentColor;
18712
18797
  opacity: var(--v-activated-opacity);
18713
18798
  border-radius: inherit;
18714
- position: absolute;
18715
18799
  top: 0;
18716
18800
  right: 0;
18717
18801
  bottom: 0;
18718
18802
  left: 0;
18719
18803
  pointer-events: none;
18720
18804
  }
18805
+ .v-card .v-card__underlay {
18806
+ position: absolute;
18807
+ }
18721
18808
  .v-card--disabled {
18722
18809
  pointer-events: none;
18723
18810
  -webkit-user-select: none;
@@ -18924,69 +19011,6 @@ html.overflow-y-hidden {
18924
19011
  pointer-events: none;
18925
19012
  opacity: 0;
18926
19013
  transition: opacity 0.2s ease-in-out;
18927
- }.v-carousel {
18928
- overflow: hidden;
18929
- position: relative;
18930
- width: 100%;
18931
- }
18932
- .v-carousel__controls {
18933
- align-items: center;
18934
- bottom: 0;
18935
- display: flex;
18936
- height: 50px;
18937
- justify-content: center;
18938
- list-style-type: none;
18939
- position: absolute;
18940
- width: 100%;
18941
- z-index: 1;
18942
- background: rgba(var(--v-theme-surface-variant), 0.3);
18943
- color: rgb(var(--v-theme-on-surface-variant));
18944
- }
18945
- .v-carousel__controls > .v-item-group {
18946
- flex: 0 1 auto;
18947
- }
18948
- .v-carousel__controls__item {
18949
- margin: 0 8px;
18950
- }
18951
- .v-carousel__controls__item .v-icon {
18952
- opacity: 0.5;
18953
- }
18954
- .v-carousel__controls__item--active .v-icon {
18955
- opacity: 1;
18956
- vertical-align: middle;
18957
- }
18958
- .v-carousel__controls__item:hover {
18959
- background: none;
18960
- }
18961
- .v-carousel__controls__item:hover .v-icon {
18962
- opacity: 0.8;
18963
- }
18964
-
18965
- .v-carousel__progress {
18966
- margin: 0;
18967
- position: absolute;
18968
- bottom: 0;
18969
- left: 0;
18970
- right: 0;
18971
- }
18972
-
18973
- .v-carousel-item {
18974
- display: block;
18975
- height: inherit;
18976
- text-decoration: none;
18977
- }
18978
- .v-carousel-item > .v-img {
18979
- height: inherit;
18980
- }
18981
-
18982
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18983
- background: transparent;
18984
- }
18985
-
18986
- .v-carousel--vertical-delimiters .v-carousel__controls {
18987
- flex-direction: column;
18988
- height: 100% !important;
18989
- width: 50px;
18990
19014
  }.v-checkbox.v-input {
18991
19015
  flex: 0 1 auto;
18992
19016
  }
@@ -19326,13 +19350,15 @@ html.overflow-y-hidden {
19326
19350
  background: currentColor;
19327
19351
  opacity: var(--v-activated-opacity);
19328
19352
  border-radius: inherit;
19329
- position: absolute;
19330
19353
  top: 0;
19331
19354
  right: 0;
19332
19355
  bottom: 0;
19333
19356
  left: 0;
19334
19357
  pointer-events: none;
19335
19358
  }
19359
+ .v-chip .v-chip__underlay {
19360
+ position: absolute;
19361
+ }
19336
19362
  .v-chip--border {
19337
19363
  border-width: thin;
19338
19364
  }
@@ -20411,6 +20437,66 @@ html.overflow-y-hidden {
20411
20437
  }
20412
20438
  .v-data-table-footer__page {
20413
20439
  padding: 0 8px;
20440
+ }.v-date-picker-header {
20441
+ align-items: flex-end;
20442
+ height: 70px;
20443
+ display: grid;
20444
+ grid-template-areas: "prepend content append";
20445
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20446
+ overflow: hidden;
20447
+ padding-inline: 24px 12px;
20448
+ padding-bottom: 12px;
20449
+ }
20450
+
20451
+ .v-date-picker-header__append {
20452
+ grid-area: append;
20453
+ }
20454
+
20455
+ .v-date-picker-header__prepend {
20456
+ grid-area: prepend;
20457
+ padding-inline-start: 8px;
20458
+ }
20459
+
20460
+ .v-date-picker-header__content {
20461
+ align-items: center;
20462
+ display: inline-flex;
20463
+ font-size: 32px;
20464
+ line-height: 40px;
20465
+ grid-area: content;
20466
+ justify-content: space-between;
20467
+ }
20468
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20469
+ cursor: pointer;
20470
+ }
20471
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20472
+ opacity: 0.7;
20473
+ }
20474
+
20475
+ .date-picker-header-transition-enter-active,
20476
+ .date-picker-header-reverse-transition-enter-active {
20477
+ transition-duration: 0.3s;
20478
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20479
+ }
20480
+ .date-picker-header-transition-leave-active,
20481
+ .date-picker-header-reverse-transition-leave-active {
20482
+ transition-duration: 0.3s;
20483
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20484
+ }
20485
+
20486
+ .date-picker-header-transition-enter-from {
20487
+ transform: translate(0, 100%);
20488
+ }
20489
+ .date-picker-header-transition-leave-to {
20490
+ opacity: 0;
20491
+ transform: translate(0, -100%);
20492
+ }
20493
+
20494
+ .date-picker-header-reverse-transition-enter-from {
20495
+ transform: translate(0, -100%);
20496
+ }
20497
+ .date-picker-header-reverse-transition-leave-to {
20498
+ opacity: 0;
20499
+ transform: translate(0, 100%);
20414
20500
  }.v-date-picker-controls {
20415
20501
  display: flex;
20416
20502
  align-items: center;
@@ -20473,66 +20559,25 @@ html.overflow-y-hidden {
20473
20559
  }
20474
20560
  .v-date-picker--show-week {
20475
20561
  width: 368px;
20476
- }.v-date-picker-header {
20477
- align-items: flex-end;
20478
- height: 70px;
20479
- display: grid;
20480
- grid-template-areas: "prepend content append";
20481
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20482
- overflow: hidden;
20483
- padding-inline: 24px 12px;
20484
- padding-bottom: 12px;
20485
- }
20486
-
20487
- .v-date-picker-header__append {
20488
- grid-area: append;
20489
- }
20490
-
20491
- .v-date-picker-header__prepend {
20492
- grid-area: prepend;
20493
- padding-inline-start: 8px;
20562
+ }.v-date-picker-months {
20563
+ height: 288px;
20494
20564
  }
20495
20565
 
20496
- .v-date-picker-header__content {
20566
+ .v-date-picker-months__content {
20497
20567
  align-items: center;
20498
- display: inline-flex;
20499
- font-size: 32px;
20500
- line-height: 40px;
20501
- grid-area: content;
20502
- justify-content: space-between;
20503
- }
20504
- .v-date-picker-header--clickable .v-date-picker-header__content {
20505
- cursor: pointer;
20506
- }
20507
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20508
- opacity: 0.7;
20509
- }
20510
-
20511
- .date-picker-header-transition-enter-active,
20512
- .date-picker-header-reverse-transition-enter-active {
20513
- transition-duration: 0.3s;
20514
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20515
- }
20516
- .date-picker-header-transition-leave-active,
20517
- .date-picker-header-reverse-transition-leave-active {
20518
- transition-duration: 0.3s;
20519
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20520
- }
20521
-
20522
- .date-picker-header-transition-enter-from {
20523
- transform: translate(0, 100%);
20524
- }
20525
- .date-picker-header-transition-leave-to {
20526
- opacity: 0;
20527
- transform: translate(0, -100%);
20528
- }
20529
-
20530
- .date-picker-header-reverse-transition-enter-from {
20531
- transform: translate(0, -100%);
20568
+ display: grid;
20569
+ flex: 1 1;
20570
+ height: inherit;
20571
+ justify-content: space-around;
20572
+ grid-template-columns: repeat(2, 1fr);
20573
+ grid-gap: 0px 24px;
20574
+ padding-inline-start: 36px;
20575
+ padding-inline-end: 36px;
20532
20576
  }
20533
- .date-picker-header-reverse-transition-leave-to {
20534
- opacity: 0;
20535
- transform: translate(0, 100%);
20577
+ .v-date-picker-months__content .v-btn {
20578
+ text-transform: none;
20579
+ padding-inline-start: 8px;
20580
+ padding-inline-end: 8px;
20536
20581
  }.v-date-picker-month {
20537
20582
  display: flex;
20538
20583
  justify-content: center;
@@ -20603,25 +20648,6 @@ html.overflow-y-hidden {
20603
20648
  }
20604
20649
  .v-date-picker-years__content .v-btn {
20605
20650
  padding-inline: 8px;
20606
- }.v-date-picker-months {
20607
- height: 288px;
20608
- }
20609
-
20610
- .v-date-picker-months__content {
20611
- align-items: center;
20612
- display: grid;
20613
- flex: 1 1;
20614
- height: inherit;
20615
- justify-content: space-around;
20616
- grid-template-columns: repeat(2, 1fr);
20617
- grid-gap: 0px 24px;
20618
- padding-inline-start: 36px;
20619
- padding-inline-end: 36px;
20620
- }
20621
- .v-date-picker-months__content .v-btn {
20622
- text-transform: none;
20623
- padding-inline-start: 8px;
20624
- padding-inline-end: 8px;
20625
20651
  }.v-dialog {
20626
20652
  align-items: center;
20627
20653
  justify-content: center;
@@ -20714,28 +20740,77 @@ html.overflow-y-hidden {
20714
20740
  -webkit-backface-visibility: hidden;
20715
20741
  backface-visibility: hidden;
20716
20742
  overflow-y: auto;
20717
- }.v-empty-state {
20718
- align-items: center;
20719
- display: flex;
20720
- flex-direction: column;
20721
- justify-content: center;
20722
- min-height: 100%;
20723
- padding: 16px;
20743
+ }.v-divider {
20744
+ display: block;
20745
+ flex: 1 1 100%;
20746
+ height: 0px;
20747
+ max-height: 0px;
20748
+ opacity: var(--v-border-opacity);
20749
+ transition: inherit;
20750
+ border-style: solid;
20751
+ border-width: thin 0 0 0;
20724
20752
  }
20725
- .v-empty-state--start {
20726
- align-items: flex-start;
20753
+ .v-divider--vertical {
20754
+ align-self: stretch;
20755
+ border-width: 0 thin 0 0;
20756
+ display: inline-flex;
20757
+ height: 100%;
20758
+ margin-left: -1px;
20759
+ max-height: 100%;
20760
+ max-width: 0px;
20761
+ vertical-align: text-bottom;
20762
+ width: 0px;
20727
20763
  }
20728
- .v-empty-state--center {
20729
- align-items: center;
20764
+ .v-divider--inset:not(.v-divider--vertical) {
20765
+ max-width: calc(100% - 72px);
20766
+ margin-inline-start: 72px;
20730
20767
  }
20731
- .v-empty-state--end {
20732
- align-items: flex-end;
20768
+ .v-divider--inset.v-divider--vertical {
20769
+ margin-bottom: 8px;
20770
+ margin-top: 8px;
20771
+ max-height: calc(100% - 16px);
20733
20772
  }
20734
20773
 
20735
- .v-empty-state__media {
20736
- text-align: center;
20737
- width: 100%;
20738
- }
20774
+ .v-divider__content {
20775
+ padding: 0 16px;
20776
+ }
20777
+ .v-divider__wrapper--vertical .v-divider__content {
20778
+ padding: 4px 0;
20779
+ }
20780
+
20781
+ .v-divider__wrapper {
20782
+ display: flex;
20783
+ align-items: center;
20784
+ justify-content: center;
20785
+ }
20786
+ .v-divider__wrapper--vertical {
20787
+ flex-direction: column;
20788
+ height: 100%;
20789
+ }
20790
+ .v-divider__wrapper--vertical .v-divider {
20791
+ margin: 0 auto;
20792
+ }.v-empty-state {
20793
+ align-items: center;
20794
+ display: flex;
20795
+ flex-direction: column;
20796
+ justify-content: center;
20797
+ min-height: 100%;
20798
+ padding: 16px;
20799
+ }
20800
+ .v-empty-state--start {
20801
+ align-items: flex-start;
20802
+ }
20803
+ .v-empty-state--center {
20804
+ align-items: center;
20805
+ }
20806
+ .v-empty-state--end {
20807
+ align-items: flex-end;
20808
+ }
20809
+
20810
+ .v-empty-state__media {
20811
+ text-align: center;
20812
+ width: 100%;
20813
+ }
20739
20814
  .v-empty-state__media .v-icon {
20740
20815
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20741
20816
  }
@@ -20781,55 +20856,6 @@ html.overflow-y-hidden {
20781
20856
  .v-empty-state__action-btn.v-btn {
20782
20857
  background-color: rgb(var(--v-theme-surface-variant));
20783
20858
  color: rgb(var(--v-theme-on-surface-variant));
20784
- }.v-divider {
20785
- display: block;
20786
- flex: 1 1 100%;
20787
- height: 0px;
20788
- max-height: 0px;
20789
- opacity: var(--v-border-opacity);
20790
- transition: inherit;
20791
- border-style: solid;
20792
- border-width: thin 0 0 0;
20793
- }
20794
- .v-divider--vertical {
20795
- align-self: stretch;
20796
- border-width: 0 thin 0 0;
20797
- display: inline-flex;
20798
- height: 100%;
20799
- margin-left: -1px;
20800
- max-height: 100%;
20801
- max-width: 0px;
20802
- vertical-align: text-bottom;
20803
- width: 0px;
20804
- }
20805
- .v-divider--inset:not(.v-divider--vertical) {
20806
- max-width: calc(100% - 72px);
20807
- margin-inline-start: 72px;
20808
- }
20809
- .v-divider--inset.v-divider--vertical {
20810
- margin-bottom: 8px;
20811
- margin-top: 8px;
20812
- max-height: calc(100% - 16px);
20813
- }
20814
-
20815
- .v-divider__content {
20816
- padding: 0 16px;
20817
- }
20818
- .v-divider__wrapper--vertical .v-divider__content {
20819
- padding: 4px 0;
20820
- }
20821
-
20822
- .v-divider__wrapper {
20823
- display: flex;
20824
- align-items: center;
20825
- justify-content: center;
20826
- }
20827
- .v-divider__wrapper--vertical {
20828
- flex-direction: column;
20829
- height: 100%;
20830
- }
20831
- .v-divider__wrapper--vertical .v-divider {
20832
- margin: 0 auto;
20833
20859
  }.v-expansion-panel {
20834
20860
  background-color: rgb(var(--v-theme-surface));
20835
20861
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21679,35 +21705,7 @@ textarea.v-field__input::placeholder {
21679
21705
  opacity: 0;
21680
21706
  }
21681
21707
 
21682
- /* endregion */.v-footer {
21683
- align-items: center;
21684
- display: flex;
21685
- flex: 1 1 auto;
21686
- padding: 8px 16px;
21687
- position: relative;
21688
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21689
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21690
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21691
- border-style: solid;
21692
- border-width: 0;
21693
- 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));
21694
- border-radius: 0;
21695
- background: rgb(var(--v-theme-surface));
21696
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21697
- }
21698
- .v-footer--border {
21699
- border-width: thin;
21700
- box-shadow: none;
21701
- }
21702
- .v-footer--absolute {
21703
- position: absolute;
21704
- }
21705
- .v-footer--fixed {
21706
- position: fixed;
21707
- }
21708
- .v-footer--rounded {
21709
- border-radius: 4px;
21710
- }.v-file-input--hide.v-input .v-field,
21708
+ /* endregion */.v-file-input--hide.v-input .v-field,
21711
21709
  .v-file-input--hide.v-input .v-input__control,
21712
21710
  .v-file-input--hide.v-input .v-input__details {
21713
21711
  display: none;
@@ -21736,6 +21734,34 @@ textarea.v-field__input::placeholder {
21736
21734
  }
21737
21735
  .v-input--plain-underlined.v-file-input .v-input__details {
21738
21736
  padding-inline: 0;
21737
+ }.v-footer {
21738
+ align-items: center;
21739
+ display: flex;
21740
+ flex: 1 1 auto;
21741
+ padding: 8px 16px;
21742
+ position: relative;
21743
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21744
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21745
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21746
+ border-style: solid;
21747
+ border-width: 0;
21748
+ 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));
21749
+ border-radius: 0;
21750
+ background: rgb(var(--v-theme-surface));
21751
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21752
+ }
21753
+ .v-footer--border {
21754
+ border-width: thin;
21755
+ box-shadow: none;
21756
+ }
21757
+ .v-footer--absolute {
21758
+ position: absolute;
21759
+ }
21760
+ .v-footer--fixed {
21761
+ position: fixed;
21762
+ }
21763
+ .v-footer--rounded {
21764
+ border-radius: 4px;
21739
21765
  }.v-icon {
21740
21766
  --v-icon-size-multiplier: 1;
21741
21767
  align-items: center;
@@ -21825,6 +21851,31 @@ textarea.v-field__input::placeholder {
21825
21851
 
21826
21852
  .v-img__gradient {
21827
21853
  background-repeat: no-repeat;
21854
+ }.v-infinite-scroll--horizontal {
21855
+ display: flex;
21856
+ flex-direction: row;
21857
+ overflow-x: auto;
21858
+ }
21859
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21860
+ height: 100%;
21861
+ width: 1px;
21862
+ }
21863
+
21864
+ .v-infinite-scroll--vertical {
21865
+ display: flex;
21866
+ flex-direction: column;
21867
+ overflow-y: auto;
21868
+ }
21869
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21870
+ height: 1px;
21871
+ width: 100%;
21872
+ }
21873
+
21874
+ .v-infinite-scroll__side {
21875
+ align-items: center;
21876
+ display: flex;
21877
+ justify-content: center;
21878
+ padding: 8px;
21828
21879
  }.v-input {
21829
21880
  display: grid;
21830
21881
  flex: 1 1 auto;
@@ -21972,31 +22023,6 @@ textarea.v-field__input::placeholder {
21972
22023
  max-width: 100%;
21973
22024
  position: relative;
21974
22025
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21975
- }.v-infinite-scroll--horizontal {
21976
- display: flex;
21977
- flex-direction: row;
21978
- overflow-x: auto;
21979
- }
21980
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21981
- height: 100%;
21982
- width: 1px;
21983
- }
21984
-
21985
- .v-infinite-scroll--vertical {
21986
- display: flex;
21987
- flex-direction: column;
21988
- overflow-y: auto;
21989
- }
21990
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21991
- height: 1px;
21992
- width: 100%;
21993
- }
21994
-
21995
- .v-infinite-scroll__side {
21996
- align-items: center;
21997
- display: flex;
21998
- justify-content: center;
21999
- padding: 8px;
22000
22026
  }.v-label {
22001
22027
  align-items: center;
22002
22028
  color: inherit;
@@ -22012,6 +22038,13 @@ textarea.v-field__input::placeholder {
22012
22038
 
22013
22039
  .v-label--clickable {
22014
22040
  cursor: pointer;
22041
+ }.v-layout-item {
22042
+ position: absolute;
22043
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22044
+ }
22045
+
22046
+ .v-layout-item--absolute {
22047
+ position: absolute;
22015
22048
  }.v-layout {
22016
22049
  --v-scrollbar-offset: 0px;
22017
22050
  display: flex;
@@ -22020,13 +22053,6 @@ textarea.v-field__input::placeholder {
22020
22053
  .v-layout--full-height {
22021
22054
  --v-scrollbar-offset: inherit;
22022
22055
  height: 100%;
22023
- }.v-layout-item {
22024
- position: absolute;
22025
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22026
- }
22027
-
22028
- .v-layout-item--absolute {
22029
- position: absolute;
22030
22056
  }.v-list {
22031
22057
  overflow: auto;
22032
22058
  padding: 8px 0;
@@ -22206,13 +22232,15 @@ textarea.v-field__input::placeholder {
22206
22232
  background: currentColor;
22207
22233
  opacity: var(--v-activated-opacity);
22208
22234
  border-radius: inherit;
22209
- position: absolute;
22210
22235
  top: 0;
22211
22236
  right: 0;
22212
22237
  bottom: 0;
22213
22238
  left: 0;
22214
22239
  pointer-events: none;
22215
22240
  }
22241
+ .v-list-item .v-list-item__underlay {
22242
+ position: absolute;
22243
+ }
22216
22244
  @supports selector(:focus-visible) {
22217
22245
  .v-list-item::after {
22218
22246
  content: "";
@@ -22584,19 +22612,6 @@ textarea.v-field__input::placeholder {
22584
22612
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22585
22613
  }.v-locale-provider {
22586
22614
  display: contents;
22587
- }.v-menu > .v-overlay__content {
22588
- display: flex;
22589
- flex-direction: column;
22590
- border-radius: 4px;
22591
- }
22592
- .v-menu > .v-overlay__content > .v-card,
22593
- .v-menu > .v-overlay__content > .v-sheet,
22594
- .v-menu > .v-overlay__content > .v-list {
22595
- background: rgb(var(--v-theme-surface));
22596
- border-radius: inherit;
22597
- overflow: auto;
22598
- height: 100%;
22599
- 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));
22600
22615
  }.v-main {
22601
22616
  flex: 1 0 auto;
22602
22617
  max-width: 100%;
@@ -22625,6 +22640,19 @@ textarea.v-field__input::placeholder {
22625
22640
  --v-layout-right: 0px;
22626
22641
  --v-layout-top: 0px;
22627
22642
  --v-layout-bottom: 0px;
22643
+ }.v-menu > .v-overlay__content {
22644
+ display: flex;
22645
+ flex-direction: column;
22646
+ border-radius: 4px;
22647
+ }
22648
+ .v-menu > .v-overlay__content > .v-card,
22649
+ .v-menu > .v-overlay__content > .v-sheet,
22650
+ .v-menu > .v-overlay__content > .v-list {
22651
+ background: rgb(var(--v-theme-surface));
22652
+ border-radius: inherit;
22653
+ overflow: auto;
22654
+ height: 100%;
22655
+ 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));
22628
22656
  }.v-messages {
22629
22657
  flex: 1 1 auto;
22630
22658
  font-size: 12px;
@@ -22876,14 +22904,116 @@ html.v-overlay-scroll-blocked {
22876
22904
  }
22877
22905
  .v-parallax--active > .v-img__img {
22878
22906
  will-change: transform;
22879
- }.v-progress-linear {
22880
- background: transparent;
22881
- overflow: hidden;
22907
+ }.v-progress-circular {
22908
+ align-items: center;
22909
+ display: inline-flex;
22910
+ justify-content: center;
22882
22911
  position: relative;
22883
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22912
+ vertical-align: middle;
22913
+ }
22914
+ .v-progress-circular > svg {
22884
22915
  width: 100%;
22916
+ height: 100%;
22917
+ margin: auto;
22918
+ position: absolute;
22919
+ top: 0;
22920
+ bottom: 0;
22921
+ left: 0;
22922
+ right: 0;
22923
+ z-index: 0;
22885
22924
  }
22886
- .v-progress-linear--rounded {
22925
+
22926
+ .v-progress-circular__content {
22927
+ align-items: center;
22928
+ display: flex;
22929
+ justify-content: center;
22930
+ }
22931
+
22932
+ .v-progress-circular__underlay {
22933
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22934
+ stroke: currentColor;
22935
+ z-index: 1;
22936
+ }
22937
+
22938
+ .v-progress-circular__overlay {
22939
+ stroke: currentColor;
22940
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22941
+ z-index: 2;
22942
+ }
22943
+
22944
+ .v-progress-circular--size-x-small {
22945
+ height: 16px;
22946
+ width: 16px;
22947
+ }
22948
+ .v-progress-circular--size-small {
22949
+ height: 24px;
22950
+ width: 24px;
22951
+ }
22952
+ .v-progress-circular--size-default {
22953
+ height: 32px;
22954
+ width: 32px;
22955
+ }
22956
+ .v-progress-circular--size-large {
22957
+ height: 48px;
22958
+ width: 48px;
22959
+ }
22960
+ .v-progress-circular--size-x-large {
22961
+ height: 64px;
22962
+ width: 64px;
22963
+ }
22964
+
22965
+ .v-progress-circular--indeterminate > svg {
22966
+ animation: progress-circular-rotate 1.4s linear infinite;
22967
+ transform-origin: center center;
22968
+ transition: all 0.2s ease-in-out;
22969
+ }
22970
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22971
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22972
+ stroke-dasharray: 25, 200;
22973
+ stroke-dashoffset: 0;
22974
+ stroke-linecap: round;
22975
+ transform-origin: center center;
22976
+ transform: rotate(-90deg);
22977
+ }
22978
+
22979
+ .v-progress-circular--disable-shrink > svg {
22980
+ animation-duration: 0.7s;
22981
+ }
22982
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22983
+ animation: none;
22984
+ }
22985
+
22986
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22987
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22988
+ animation-play-state: paused !important;
22989
+ }
22990
+
22991
+ @keyframes progress-circular-dash {
22992
+ 0% {
22993
+ stroke-dasharray: 1, 200;
22994
+ stroke-dashoffset: 0px;
22995
+ }
22996
+ 50% {
22997
+ stroke-dasharray: 100, 200;
22998
+ stroke-dashoffset: -15px;
22999
+ }
23000
+ 100% {
23001
+ stroke-dasharray: 100, 200;
23002
+ stroke-dashoffset: -124px;
23003
+ }
23004
+ }
23005
+ @keyframes progress-circular-rotate {
23006
+ 100% {
23007
+ transform: rotate(270deg);
23008
+ }
23009
+ }.v-progress-linear {
23010
+ background: transparent;
23011
+ overflow: hidden;
23012
+ position: relative;
23013
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23014
+ width: 100%;
23015
+ }
23016
+ .v-progress-linear--rounded {
22887
23017
  border-radius: 9999px;
22888
23018
  }
22889
23019
 
@@ -23087,108 +23217,6 @@ html.v-overlay-scroll-blocked {
23087
23217
  0% {
23088
23218
  background-position-x: var(--v-progress-linear-height);
23089
23219
  }
23090
- }.v-progress-circular {
23091
- align-items: center;
23092
- display: inline-flex;
23093
- justify-content: center;
23094
- position: relative;
23095
- vertical-align: middle;
23096
- }
23097
- .v-progress-circular > svg {
23098
- width: 100%;
23099
- height: 100%;
23100
- margin: auto;
23101
- position: absolute;
23102
- top: 0;
23103
- bottom: 0;
23104
- left: 0;
23105
- right: 0;
23106
- z-index: 0;
23107
- }
23108
-
23109
- .v-progress-circular__content {
23110
- align-items: center;
23111
- display: flex;
23112
- justify-content: center;
23113
- }
23114
-
23115
- .v-progress-circular__underlay {
23116
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23117
- stroke: currentColor;
23118
- z-index: 1;
23119
- }
23120
-
23121
- .v-progress-circular__overlay {
23122
- stroke: currentColor;
23123
- transition: all 0.2s ease-in-out, stroke-width 0s;
23124
- z-index: 2;
23125
- }
23126
-
23127
- .v-progress-circular--size-x-small {
23128
- height: 16px;
23129
- width: 16px;
23130
- }
23131
- .v-progress-circular--size-small {
23132
- height: 24px;
23133
- width: 24px;
23134
- }
23135
- .v-progress-circular--size-default {
23136
- height: 32px;
23137
- width: 32px;
23138
- }
23139
- .v-progress-circular--size-large {
23140
- height: 48px;
23141
- width: 48px;
23142
- }
23143
- .v-progress-circular--size-x-large {
23144
- height: 64px;
23145
- width: 64px;
23146
- }
23147
-
23148
- .v-progress-circular--indeterminate > svg {
23149
- animation: progress-circular-rotate 1.4s linear infinite;
23150
- transform-origin: center center;
23151
- transition: all 0.2s ease-in-out;
23152
- }
23153
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23154
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23155
- stroke-dasharray: 25, 200;
23156
- stroke-dashoffset: 0;
23157
- stroke-linecap: round;
23158
- transform-origin: center center;
23159
- transform: rotate(-90deg);
23160
- }
23161
-
23162
- .v-progress-circular--disable-shrink > svg {
23163
- animation-duration: 0.7s;
23164
- }
23165
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23166
- animation: none;
23167
- }
23168
-
23169
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23170
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23171
- animation-play-state: paused !important;
23172
- }
23173
-
23174
- @keyframes progress-circular-dash {
23175
- 0% {
23176
- stroke-dasharray: 1, 200;
23177
- stroke-dashoffset: 0px;
23178
- }
23179
- 50% {
23180
- stroke-dasharray: 100, 200;
23181
- stroke-dashoffset: -15px;
23182
- }
23183
- 100% {
23184
- stroke-dasharray: 100, 200;
23185
- stroke-dashoffset: -124px;
23186
- }
23187
- }
23188
- @keyframes progress-circular-rotate {
23189
- 100% {
23190
- transform: rotate(270deg);
23191
- }
23192
23220
  }.v-radio-group > .v-input__control {
23193
23221
  flex-direction: column;
23194
23222
  }
@@ -23854,13 +23882,15 @@ html.v-overlay-scroll-blocked {
23854
23882
  background: currentColor;
23855
23883
  opacity: var(--v-activated-opacity);
23856
23884
  border-radius: inherit;
23857
- position: absolute;
23858
23885
  top: 0;
23859
23886
  right: 0;
23860
23887
  bottom: 0;
23861
23888
  left: 0;
23862
23889
  pointer-events: none;
23863
23890
  }
23891
+ .v-snackbar .v-snackbar__underlay {
23892
+ position: absolute;
23893
+ }
23864
23894
 
23865
23895
  .v-snackbar__content {
23866
23896
  flex-grow: 1;
@@ -24267,35 +24297,6 @@ html.v-overlay-scroll-blocked {
24267
24297
  }
24268
24298
  .v-system-bar:not(.v-system-bar--absolute) {
24269
24299
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24270
- }.v-tab.v-tab.v-btn {
24271
- height: var(--v-tabs-height);
24272
- border-radius: 0;
24273
- min-width: 90px;
24274
- }
24275
- .v-slide-group--horizontal .v-tab {
24276
- max-width: 360px;
24277
- }
24278
- .v-slide-group--vertical .v-tab {
24279
- justify-content: start;
24280
- }
24281
-
24282
- .v-tab__slider {
24283
- position: absolute;
24284
- bottom: 0;
24285
- left: 0;
24286
- height: 2px;
24287
- width: 100%;
24288
- background: currentColor;
24289
- pointer-events: none;
24290
- opacity: 0;
24291
- }
24292
- .v-tab--selected .v-tab__slider {
24293
- opacity: 1;
24294
- }
24295
- .v-slide-group--vertical .v-tab__slider {
24296
- top: 0;
24297
- height: 100%;
24298
- width: 2px;
24299
24300
  }.v-tabs {
24300
24301
  display: flex;
24301
24302
  height: var(--v-tabs-height);
@@ -24362,144 +24363,35 @@ html.v-overlay-scroll-blocked {
24362
24363
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24363
24364
  margin-inline-end: 52px;
24364
24365
  }
24365
- }.v-table {
24366
- background: rgb(var(--v-theme-surface));
24367
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24368
- font-size: 0.875rem;
24369
- transition-duration: 0.28s;
24370
- transition-property: box-shadow, opacity, background, height;
24371
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24372
- }
24373
- .v-table .v-table-divider {
24374
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24375
- }
24376
- .v-table .v-table__wrapper > table > thead > tr > th {
24377
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24378
- }
24379
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24380
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24381
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24366
+ }.v-tab.v-tab.v-btn {
24367
+ height: var(--v-tabs-height);
24368
+ border-radius: 0;
24369
+ min-width: 90px;
24382
24370
  }
24383
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24384
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24385
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24371
+ .v-slide-group--horizontal .v-tab {
24372
+ max-width: 360px;
24386
24373
  }
24387
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24388
- position: relative;
24374
+ .v-slide-group--vertical .v-tab {
24375
+ justify-content: start;
24389
24376
  }
24390
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24391
- content: "";
24377
+
24378
+ .v-tab__slider {
24392
24379
  position: absolute;
24393
- top: 0;
24380
+ bottom: 0;
24394
24381
  left: 0;
24382
+ height: 2px;
24395
24383
  width: 100%;
24396
- height: 100%;
24397
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24384
+ background: currentColor;
24398
24385
  pointer-events: none;
24386
+ opacity: 0;
24399
24387
  }
24400
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24401
- background: rgb(var(--v-theme-surface));
24402
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24403
- z-index: 1;
24404
- }
24405
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24406
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24407
- background: rgb(var(--v-theme-surface));
24408
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24409
- }
24410
-
24411
- .v-table {
24412
- border-radius: inherit;
24413
- line-height: 1.5;
24414
- max-width: 100%;
24415
- display: flex;
24416
- flex-direction: column;
24417
- }
24418
- .v-table > .v-table__wrapper > table {
24419
- width: 100%;
24420
- border-spacing: 0;
24421
- }
24422
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24423
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24424
- .v-table > .v-table__wrapper > table > thead > tr > td,
24425
- .v-table > .v-table__wrapper > table > thead > tr > th,
24426
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24427
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24428
- padding: 0 16px;
24429
- transition-duration: 0.28s;
24430
- transition-property: box-shadow, opacity, background, height;
24431
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24432
- }
24433
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24434
- .v-table > .v-table__wrapper > table > thead > tr > td,
24435
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
24436
- height: var(--v-table-row-height);
24437
- }
24438
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24439
- .v-table > .v-table__wrapper > table > thead > tr > th,
24440
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24441
- height: var(--v-table-header-height);
24442
- font-weight: 500;
24443
- -webkit-user-select: none;
24444
- user-select: none;
24445
- text-align: start;
24446
- }
24447
- .v-table--density-default {
24448
- --v-table-header-height: 56px;
24449
- --v-table-row-height: 52px;
24450
- }
24451
-
24452
- .v-table--density-comfortable {
24453
- --v-table-header-height: 48px;
24454
- --v-table-row-height: 44px;
24455
- }
24456
-
24457
- .v-table--density-compact {
24458
- --v-table-header-height: 40px;
24459
- --v-table-row-height: 36px;
24460
- }
24461
-
24462
- .v-table__wrapper {
24463
- border-radius: inherit;
24464
- overflow: auto;
24465
- flex: 1 1 auto;
24466
- }
24467
-
24468
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24469
- border-top-left-radius: 0;
24470
- }
24471
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24472
- border-top-right-radius: 0;
24473
- }
24474
-
24475
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24476
- border-bottom-left-radius: 0;
24477
- }
24478
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24479
- border-bottom-right-radius: 0;
24480
- }
24481
-
24482
- .v-table--fixed-height > .v-table__wrapper {
24483
- overflow-y: auto;
24388
+ .v-tab--selected .v-tab__slider {
24389
+ opacity: 1;
24484
24390
  }
24485
-
24486
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24487
- position: sticky;
24391
+ .v-slide-group--vertical .v-tab__slider {
24488
24392
  top: 0;
24489
- z-index: 2;
24490
- }
24491
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24492
- border-bottom: 0px !important;
24493
- }
24494
-
24495
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24496
- position: sticky;
24497
- bottom: 0;
24498
- z-index: 1;
24499
- }
24500
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24501
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24502
- border-top: 0px !important;
24393
+ height: 100%;
24394
+ width: 2px;
24503
24395
  }.v-textarea .v-field {
24504
24396
  --v-textarea-control-height: var(--v-input-control-height);
24505
24397
  }
@@ -24606,7 +24498,148 @@ html.v-overlay-scroll-blocked {
24606
24498
  padding-inline-end: var(--v-field-padding-end);
24607
24499
  }
24608
24500
 
24609
- /* endregion */.v-timeline .v-timeline-divider__dot {
24501
+ /* endregion */.v-table {
24502
+ background: rgb(var(--v-theme-surface));
24503
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24504
+ font-size: 0.875rem;
24505
+ transition-duration: 0.28s;
24506
+ transition-property: box-shadow, opacity, background, height;
24507
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24508
+ }
24509
+ .v-table .v-table-divider {
24510
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24511
+ }
24512
+ .v-table .v-table__wrapper > table > thead > tr > th {
24513
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24514
+ }
24515
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24516
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24517
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24518
+ }
24519
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24520
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24521
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24522
+ }
24523
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24524
+ position: relative;
24525
+ }
24526
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24527
+ content: "";
24528
+ position: absolute;
24529
+ top: 0;
24530
+ left: 0;
24531
+ width: 100%;
24532
+ height: 100%;
24533
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24534
+ pointer-events: none;
24535
+ }
24536
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24537
+ background: rgb(var(--v-theme-surface));
24538
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24539
+ z-index: 1;
24540
+ }
24541
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
24542
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
24543
+ background: rgb(var(--v-theme-surface));
24544
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24545
+ }
24546
+
24547
+ .v-table {
24548
+ border-radius: inherit;
24549
+ line-height: 1.5;
24550
+ max-width: 100%;
24551
+ display: flex;
24552
+ flex-direction: column;
24553
+ }
24554
+ .v-table > .v-table__wrapper > table {
24555
+ width: 100%;
24556
+ border-spacing: 0;
24557
+ }
24558
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24559
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24560
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24561
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24562
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
24563
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24564
+ padding: 0 16px;
24565
+ transition-duration: 0.28s;
24566
+ transition-property: box-shadow, opacity, background, height;
24567
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24568
+ }
24569
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24570
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24571
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
24572
+ height: var(--v-table-row-height);
24573
+ }
24574
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24575
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24576
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24577
+ height: var(--v-table-header-height);
24578
+ font-weight: 500;
24579
+ -webkit-user-select: none;
24580
+ user-select: none;
24581
+ text-align: start;
24582
+ }
24583
+ .v-table--density-default {
24584
+ --v-table-header-height: 56px;
24585
+ --v-table-row-height: 52px;
24586
+ }
24587
+
24588
+ .v-table--density-comfortable {
24589
+ --v-table-header-height: 48px;
24590
+ --v-table-row-height: 44px;
24591
+ }
24592
+
24593
+ .v-table--density-compact {
24594
+ --v-table-header-height: 40px;
24595
+ --v-table-row-height: 36px;
24596
+ }
24597
+
24598
+ .v-table__wrapper {
24599
+ border-radius: inherit;
24600
+ overflow: auto;
24601
+ flex: 1 1 auto;
24602
+ }
24603
+
24604
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24605
+ border-top-left-radius: 0;
24606
+ }
24607
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24608
+ border-top-right-radius: 0;
24609
+ }
24610
+
24611
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24612
+ border-bottom-left-radius: 0;
24613
+ }
24614
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24615
+ border-bottom-right-radius: 0;
24616
+ }
24617
+
24618
+ .v-table--fixed-height > .v-table__wrapper {
24619
+ overflow-y: auto;
24620
+ }
24621
+
24622
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24623
+ position: sticky;
24624
+ top: 0;
24625
+ z-index: 2;
24626
+ }
24627
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24628
+ border-bottom: 0px !important;
24629
+ }
24630
+
24631
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24632
+ position: sticky;
24633
+ bottom: 0;
24634
+ z-index: 1;
24635
+ }
24636
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24637
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24638
+ border-top: 0px !important;
24639
+ }.v-theme-provider {
24640
+ background: rgb(var(--v-theme-background));
24641
+ color: rgb(var(--v-theme-on-background));
24642
+ }.v-timeline .v-timeline-divider__dot {
24610
24643
  background: rgb(var(--v-theme-surface-light));
24611
24644
  }
24612
24645
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25022,9 +25055,6 @@ html.v-overlay-scroll-blocked {
25022
25055
 
25023
25056
  .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 {
25024
25057
  padding-inline-end: 0;
25025
- }.v-theme-provider {
25026
- background: rgb(var(--v-theme-background));
25027
- color: rgb(var(--v-theme-on-background));
25028
25058
  }.v-toolbar {
25029
25059
  align-items: flex-start;
25030
25060
  display: flex;
@@ -25255,50 +25285,6 @@ html.v-overlay-scroll-blocked {
25255
25285
  }
25256
25286
  .v-window-y-reverse-transition-leave-to {
25257
25287
  transform: translateY(100%);
25258
- }.v-application {
25259
- display: flex;
25260
- background: rgb(var(--v-theme-background));
25261
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
25262
- }
25263
-
25264
- .v-application__wrap {
25265
- -webkit-backface-visibility: hidden;
25266
- backface-visibility: hidden;
25267
- display: flex;
25268
- flex-direction: column;
25269
- flex: 1 1 auto;
25270
- max-width: 100%;
25271
- min-height: 100vh;
25272
- min-height: 100dvh;
25273
- position: relative;
25274
- }.v-color-picker-edit {
25275
- display: flex;
25276
- margin-top: 24px;
25277
- }
25278
-
25279
- .v-color-picker-edit__input {
25280
- width: 100%;
25281
- display: flex;
25282
- flex-wrap: wrap;
25283
- justify-content: center;
25284
- text-align: center;
25285
- }
25286
- .v-color-picker-edit__input:not(:last-child) {
25287
- margin-inline-end: 8px;
25288
- }
25289
- .v-color-picker-edit__input input {
25290
- border-radius: 4px;
25291
- margin-bottom: 8px;
25292
- min-width: 0;
25293
- outline: none;
25294
- text-align: center;
25295
- width: 100%;
25296
- height: 32px;
25297
- background: rgba(var(--v-theme-surface-variant), 0.2);
25298
- color: rgba(var(--v-theme-on-surface));
25299
- }
25300
- .v-color-picker-edit__input span {
25301
- font-size: 0.75rem;
25302
25288
  }.v-color-picker-canvas {
25303
25289
  display: flex;
25304
25290
  position: relative;
@@ -25321,41 +25307,6 @@ html.v-overlay-scroll-blocked {
25321
25307
  }
25322
25308
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25323
25309
  will-change: transform;
25324
- }.v-color-picker-swatches {
25325
- overflow-y: auto;
25326
- }
25327
- .v-color-picker-swatches > div {
25328
- display: flex;
25329
- flex-wrap: wrap;
25330
- justify-content: center;
25331
- padding: 8px;
25332
- }
25333
-
25334
- .v-color-picker-swatches__swatch {
25335
- display: flex;
25336
- flex-direction: column;
25337
- margin-bottom: 10px;
25338
- }
25339
-
25340
- .v-color-picker-swatches__color {
25341
- position: relative;
25342
- height: 18px;
25343
- max-height: 18px;
25344
- width: 45px;
25345
- margin: 2px 4px;
25346
- border-radius: 2px;
25347
- -webkit-user-select: none;
25348
- user-select: none;
25349
- overflow: hidden;
25350
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25351
- cursor: pointer;
25352
- }
25353
- .v-color-picker-swatches__color > div {
25354
- display: flex;
25355
- align-items: center;
25356
- justify-content: center;
25357
- width: 100%;
25358
- height: 100%;
25359
25310
  }.v-color-picker-preview__alpha .v-slider-track__background {
25360
25311
  background-color: transparent !important;
25361
25312
  }
@@ -25426,6 +25377,69 @@ html.v-overlay-scroll-blocked {
25426
25377
  .v-color-picker-preview__eye-dropper {
25427
25378
  position: relative;
25428
25379
  margin-right: 12px;
25380
+ }.v-color-picker-edit {
25381
+ display: flex;
25382
+ margin-top: 24px;
25383
+ }
25384
+
25385
+ .v-color-picker-edit__input {
25386
+ width: 100%;
25387
+ display: flex;
25388
+ flex-wrap: wrap;
25389
+ justify-content: center;
25390
+ text-align: center;
25391
+ }
25392
+ .v-color-picker-edit__input:not(:last-child) {
25393
+ margin-inline-end: 8px;
25394
+ }
25395
+ .v-color-picker-edit__input input {
25396
+ border-radius: 4px;
25397
+ margin-bottom: 8px;
25398
+ min-width: 0;
25399
+ outline: none;
25400
+ text-align: center;
25401
+ width: 100%;
25402
+ height: 32px;
25403
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25404
+ color: rgba(var(--v-theme-on-surface));
25405
+ }
25406
+ .v-color-picker-edit__input span {
25407
+ font-size: 0.75rem;
25408
+ }.v-color-picker-swatches {
25409
+ overflow-y: auto;
25410
+ }
25411
+ .v-color-picker-swatches > div {
25412
+ display: flex;
25413
+ flex-wrap: wrap;
25414
+ justify-content: center;
25415
+ padding: 8px;
25416
+ }
25417
+
25418
+ .v-color-picker-swatches__swatch {
25419
+ display: flex;
25420
+ flex-direction: column;
25421
+ margin-bottom: 10px;
25422
+ }
25423
+
25424
+ .v-color-picker-swatches__color {
25425
+ position: relative;
25426
+ height: 18px;
25427
+ max-height: 18px;
25428
+ width: 45px;
25429
+ margin: 2px 4px;
25430
+ border-radius: 2px;
25431
+ -webkit-user-select: none;
25432
+ user-select: none;
25433
+ overflow: hidden;
25434
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25435
+ cursor: pointer;
25436
+ }
25437
+ .v-color-picker-swatches__color > div {
25438
+ display: flex;
25439
+ align-items: center;
25440
+ justify-content: center;
25441
+ width: 100%;
25442
+ height: 100%;
25429
25443
  }.v-picker.v-sheet {
25430
25444
  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));
25431
25445
  border-radius: 4px;
@@ -25479,6 +25493,160 @@ html.v-overlay-scroll-blocked {
25479
25493
  padding-bottom: 16px;
25480
25494
  font-weight: 400;
25481
25495
  letter-spacing: 0.1666666667em;
25496
+ }.v-slider-thumb {
25497
+ touch-action: none;
25498
+ color: rgb(var(--v-theme-surface-variant));
25499
+ }
25500
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25501
+ color: inherit;
25502
+ }
25503
+
25504
+ .v-slider-thumb__label {
25505
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25506
+ color: rgb(var(--v-theme-on-surface-variant));
25507
+ }
25508
+ .v-slider-thumb__label::before {
25509
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25510
+ }
25511
+
25512
+ .v-slider-thumb {
25513
+ outline: none;
25514
+ position: absolute;
25515
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25516
+ }
25517
+
25518
+ .v-slider-thumb__surface {
25519
+ cursor: pointer;
25520
+ width: var(--v-slider-thumb-size);
25521
+ height: var(--v-slider-thumb-size);
25522
+ border-radius: 50%;
25523
+ -webkit-user-select: none;
25524
+ user-select: none;
25525
+ background-color: currentColor;
25526
+ }
25527
+ .v-slider-thumb__surface::before {
25528
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25529
+ content: "";
25530
+ color: inherit;
25531
+ top: 0;
25532
+ left: 0;
25533
+ width: 100%;
25534
+ height: 100%;
25535
+ border-radius: 50%;
25536
+ background: currentColor;
25537
+ position: absolute;
25538
+ pointer-events: none;
25539
+ opacity: 0;
25540
+ }
25541
+ .v-slider-thumb__surface::after {
25542
+ content: "";
25543
+ width: 42px;
25544
+ height: 42px;
25545
+ position: absolute;
25546
+ top: 50%;
25547
+ left: 50%;
25548
+ transform: translate(-50%, -50%);
25549
+ }
25550
+
25551
+ .v-slider-thumb__label-container {
25552
+ position: absolute;
25553
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25554
+ }
25555
+
25556
+ .v-slider-thumb__label {
25557
+ display: flex;
25558
+ align-items: center;
25559
+ justify-content: center;
25560
+ font-size: 0.75rem;
25561
+ min-width: 35px;
25562
+ height: 25px;
25563
+ border-radius: 4px;
25564
+ padding: 6px;
25565
+ position: absolute;
25566
+ -webkit-user-select: none;
25567
+ user-select: none;
25568
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25569
+ }
25570
+ .v-slider-thumb__label::before {
25571
+ content: "";
25572
+ width: 0;
25573
+ height: 0;
25574
+ position: absolute;
25575
+ }
25576
+
25577
+ .v-slider-thumb__ripple {
25578
+ position: absolute;
25579
+ left: calc(var(--v-slider-thumb-size) / -2);
25580
+ top: calc(var(--v-slider-thumb-size) / -2);
25581
+ width: calc(var(--v-slider-thumb-size) * 2);
25582
+ height: calc(var(--v-slider-thumb-size) * 2);
25583
+ background: inherit;
25584
+ }
25585
+
25586
+ .v-slider.v-input--horizontal .v-slider-thumb {
25587
+ top: 50%;
25588
+ transform: translateY(-50%);
25589
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25590
+ }
25591
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25592
+ left: calc(var(--v-slider-thumb-size) / 2);
25593
+ top: 0;
25594
+ }
25595
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25596
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25597
+ }
25598
+ .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 {
25599
+ transform: translateX(-50%);
25600
+ }
25601
+
25602
+ .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 {
25603
+ transform: translateX(50%);
25604
+ }
25605
+
25606
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25607
+ border-left: 6px solid transparent;
25608
+ border-right: 6px solid transparent;
25609
+ border-top: 6px solid currentColor;
25610
+ bottom: -6px;
25611
+ }
25612
+
25613
+ .v-slider.v-input--vertical .v-slider-thumb {
25614
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25615
+ }
25616
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25617
+ top: calc(var(--v-slider-thumb-size) / 2);
25618
+ right: 0;
25619
+ }
25620
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25621
+ top: -12.5px;
25622
+ left: calc(var(--v-slider-thumb-size) / 2);
25623
+ }
25624
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25625
+ border-right: 6px solid currentColor;
25626
+ border-top: 6px solid transparent;
25627
+ border-bottom: 6px solid transparent;
25628
+ left: -6px;
25629
+ }
25630
+
25631
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25632
+ transform: scale(2);
25633
+ opacity: var(--v-focus-opacity);
25634
+ }
25635
+
25636
+ .v-slider-thumb--pressed {
25637
+ transition: none;
25638
+ }
25639
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25640
+ opacity: var(--v-pressed-opacity);
25641
+ }
25642
+
25643
+ @media (hover: hover) {
25644
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25645
+ transform: scale(2);
25646
+ }
25647
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25648
+ opacity: var(--v-hover-opacity);
25649
+ }
25482
25650
  }.v-slider-track__background {
25483
25651
  background-color: rgb(var(--v-theme-surface-variant));
25484
25652
  }
@@ -25642,158 +25810,4 @@ html.v-overlay-scroll-blocked {
25642
25810
 
25643
25811
  .v-slider-track__background--opacity {
25644
25812
  opacity: 0.38;
25645
- }.v-slider-thumb {
25646
- touch-action: none;
25647
- color: rgb(var(--v-theme-surface-variant));
25648
- }
25649
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25650
- color: inherit;
25651
- }
25652
-
25653
- .v-slider-thumb__label {
25654
- background: rgba(var(--v-theme-surface-variant), 0.7);
25655
- color: rgb(var(--v-theme-on-surface-variant));
25656
- }
25657
- .v-slider-thumb__label::before {
25658
- color: rgba(var(--v-theme-surface-variant), 0.7);
25659
- }
25660
-
25661
- .v-slider-thumb {
25662
- outline: none;
25663
- position: absolute;
25664
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25665
- }
25666
-
25667
- .v-slider-thumb__surface {
25668
- cursor: pointer;
25669
- width: var(--v-slider-thumb-size);
25670
- height: var(--v-slider-thumb-size);
25671
- border-radius: 50%;
25672
- -webkit-user-select: none;
25673
- user-select: none;
25674
- background-color: currentColor;
25675
- }
25676
- .v-slider-thumb__surface::before {
25677
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25678
- content: "";
25679
- color: inherit;
25680
- top: 0;
25681
- left: 0;
25682
- width: 100%;
25683
- height: 100%;
25684
- border-radius: 50%;
25685
- background: currentColor;
25686
- position: absolute;
25687
- pointer-events: none;
25688
- opacity: 0;
25689
- }
25690
- .v-slider-thumb__surface::after {
25691
- content: "";
25692
- width: 42px;
25693
- height: 42px;
25694
- position: absolute;
25695
- top: 50%;
25696
- left: 50%;
25697
- transform: translate(-50%, -50%);
25698
- }
25699
-
25700
- .v-slider-thumb__label-container {
25701
- position: absolute;
25702
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25703
- }
25704
-
25705
- .v-slider-thumb__label {
25706
- display: flex;
25707
- align-items: center;
25708
- justify-content: center;
25709
- font-size: 0.75rem;
25710
- min-width: 35px;
25711
- height: 25px;
25712
- border-radius: 4px;
25713
- padding: 6px;
25714
- position: absolute;
25715
- -webkit-user-select: none;
25716
- user-select: none;
25717
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25718
- }
25719
- .v-slider-thumb__label::before {
25720
- content: "";
25721
- width: 0;
25722
- height: 0;
25723
- position: absolute;
25724
- }
25725
-
25726
- .v-slider-thumb__ripple {
25727
- position: absolute;
25728
- left: calc(var(--v-slider-thumb-size) / -2);
25729
- top: calc(var(--v-slider-thumb-size) / -2);
25730
- width: calc(var(--v-slider-thumb-size) * 2);
25731
- height: calc(var(--v-slider-thumb-size) * 2);
25732
- background: inherit;
25733
- }
25734
-
25735
- .v-slider.v-input--horizontal .v-slider-thumb {
25736
- top: 50%;
25737
- transform: translateY(-50%);
25738
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25739
- }
25740
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25741
- left: calc(var(--v-slider-thumb-size) / 2);
25742
- top: 0;
25743
- }
25744
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25745
- bottom: calc(var(--v-slider-thumb-size) / 2);
25746
- }
25747
- .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 {
25748
- transform: translateX(-50%);
25749
- }
25750
-
25751
- .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 {
25752
- transform: translateX(50%);
25753
- }
25754
-
25755
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25756
- border-left: 6px solid transparent;
25757
- border-right: 6px solid transparent;
25758
- border-top: 6px solid currentColor;
25759
- bottom: -6px;
25760
- }
25761
-
25762
- .v-slider.v-input--vertical .v-slider-thumb {
25763
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25764
- }
25765
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25766
- top: calc(var(--v-slider-thumb-size) / 2);
25767
- right: 0;
25768
- }
25769
- .v-slider.v-input--vertical .v-slider-thumb__label {
25770
- top: -12.5px;
25771
- left: calc(var(--v-slider-thumb-size) / 2);
25772
- }
25773
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25774
- border-right: 6px solid currentColor;
25775
- border-top: 6px solid transparent;
25776
- border-bottom: 6px solid transparent;
25777
- left: -6px;
25778
- }
25779
-
25780
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25781
- transform: scale(2);
25782
- opacity: var(--v-focus-opacity);
25783
- }
25784
-
25785
- .v-slider-thumb--pressed {
25786
- transition: none;
25787
- }
25788
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25789
- opacity: var(--v-pressed-opacity);
25790
- }
25791
-
25792
- @media (hover: hover) {
25793
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25794
- transform: scale(2);
25795
- }
25796
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25797
- opacity: var(--v-hover-opacity);
25798
- }
25799
25813
  }