@vuetify/nightly 3.4.11-dev.2024-01-19 → 3.5.0-dev.2024-01-20

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 (39) hide show
  1. package/CHANGELOG.md +2 -29
  2. package/dist/json/attributes.json +6 -6
  3. package/dist/json/importMap.json +116 -116
  4. package/dist/json/web-types.json +42 -7
  5. package/dist/vuetify-labs.css +2802 -2782
  6. package/dist/vuetify-labs.d.ts +61 -8
  7. package/dist/vuetify-labs.esm.js +153 -22
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +153 -21
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +757 -737
  12. package/dist/vuetify.d.ts +97 -44
  13. package/dist/vuetify.esm.js +153 -22
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +153 -21
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +359 -337
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/blueprints/index.d.mts +11 -1
  21. package/lib/blueprints/md1.d.mts +11 -1
  22. package/lib/blueprints/md2.d.mts +11 -1
  23. package/lib/blueprints/md3.d.mts +11 -1
  24. package/lib/components/VSwitch/VSwitch.css +22 -2
  25. package/lib/components/VSwitch/VSwitch.mjs +26 -3
  26. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  27. package/lib/components/VSwitch/VSwitch.sass +20 -2
  28. package/lib/components/VSwitch/index.d.mts +37 -6
  29. package/lib/components/index.d.mts +37 -6
  30. package/lib/composables/goto.mjs +105 -0
  31. package/lib/composables/goto.mjs.map +1 -0
  32. package/lib/composables/index.mjs +1 -0
  33. package/lib/composables/index.mjs.map +1 -1
  34. package/lib/entry-bundler.mjs +1 -1
  35. package/lib/entry-bundler.mjs.map +1 -1
  36. package/lib/framework.mjs +6 -2
  37. package/lib/framework.mjs.map +1 -1
  38. package/lib/index.d.mts +60 -38
  39. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.11-dev.2024-01-19
2
+ * Vuetify v3.5.0-dev.2024-01-20
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17435,77 +17435,6 @@ html.overflow-y-hidden {
17435
17435
  .v-avatar .v-img {
17436
17436
  height: 100%;
17437
17437
  width: 100%;
17438
- }.v-badge {
17439
- display: inline-block;
17440
- line-height: 1;
17441
- }
17442
-
17443
- .v-badge__badge {
17444
- align-items: center;
17445
- display: inline-flex;
17446
- border-radius: 10px;
17447
- font-size: 0.75rem;
17448
- font-weight: 500;
17449
- height: 1.25rem;
17450
- justify-content: center;
17451
- min-width: 20px;
17452
- padding: 4px 6px;
17453
- pointer-events: auto;
17454
- position: absolute;
17455
- text-align: center;
17456
- text-indent: 0;
17457
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17458
- white-space: nowrap;
17459
- background: rgb(var(--v-theme-surface-variant));
17460
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17461
- }
17462
- .v-badge--bordered .v-badge__badge::after {
17463
- border-radius: inherit;
17464
- border-style: solid;
17465
- border-width: 2px;
17466
- bottom: 0;
17467
- color: rgb(var(--v-theme-background));
17468
- content: "";
17469
- left: 0;
17470
- position: absolute;
17471
- right: 0;
17472
- top: 0;
17473
- transform: scale(1.05);
17474
- }
17475
- .v-badge--dot .v-badge__badge {
17476
- border-radius: 4.5px;
17477
- height: 9px;
17478
- min-width: 0;
17479
- padding: 0;
17480
- width: 9px;
17481
- }
17482
- .v-badge--dot .v-badge__badge::after {
17483
- border-width: 1.5px;
17484
- }
17485
- .v-badge--inline .v-badge__badge {
17486
- position: relative;
17487
- vertical-align: middle;
17488
- }
17489
- .v-badge__badge .v-icon {
17490
- color: inherit;
17491
- font-size: 0.75rem;
17492
- margin: 0 -2px;
17493
- }
17494
- .v-badge__badge img,
17495
- .v-badge__badge .v-img {
17496
- height: 100%;
17497
- width: 100%;
17498
- }
17499
-
17500
- .v-badge__wrapper {
17501
- display: flex;
17502
- position: relative;
17503
- }
17504
- .v-badge--inline .v-badge__wrapper {
17505
- align-items: center;
17506
- display: inline-flex;
17507
- justify-content: center;
17508
- margin: 0 4px;
17509
17438
  }.v-banner {
17510
17439
  display: grid;
17511
17440
  flex: 1 1;
@@ -17663,6 +17592,77 @@ html.overflow-y-hidden {
17663
17592
  }
17664
17593
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17665
17594
  align-self: flex-start;
17595
+ }.v-badge {
17596
+ display: inline-block;
17597
+ line-height: 1;
17598
+ }
17599
+
17600
+ .v-badge__badge {
17601
+ align-items: center;
17602
+ display: inline-flex;
17603
+ border-radius: 10px;
17604
+ font-size: 0.75rem;
17605
+ font-weight: 500;
17606
+ height: 1.25rem;
17607
+ justify-content: center;
17608
+ min-width: 20px;
17609
+ padding: 4px 6px;
17610
+ pointer-events: auto;
17611
+ position: absolute;
17612
+ text-align: center;
17613
+ text-indent: 0;
17614
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17615
+ white-space: nowrap;
17616
+ background: rgb(var(--v-theme-surface-variant));
17617
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17618
+ }
17619
+ .v-badge--bordered .v-badge__badge::after {
17620
+ border-radius: inherit;
17621
+ border-style: solid;
17622
+ border-width: 2px;
17623
+ bottom: 0;
17624
+ color: rgb(var(--v-theme-background));
17625
+ content: "";
17626
+ left: 0;
17627
+ position: absolute;
17628
+ right: 0;
17629
+ top: 0;
17630
+ transform: scale(1.05);
17631
+ }
17632
+ .v-badge--dot .v-badge__badge {
17633
+ border-radius: 4.5px;
17634
+ height: 9px;
17635
+ min-width: 0;
17636
+ padding: 0;
17637
+ width: 9px;
17638
+ }
17639
+ .v-badge--dot .v-badge__badge::after {
17640
+ border-width: 1.5px;
17641
+ }
17642
+ .v-badge--inline .v-badge__badge {
17643
+ position: relative;
17644
+ vertical-align: middle;
17645
+ }
17646
+ .v-badge__badge .v-icon {
17647
+ color: inherit;
17648
+ font-size: 0.75rem;
17649
+ margin: 0 -2px;
17650
+ }
17651
+ .v-badge__badge img,
17652
+ .v-badge__badge .v-img {
17653
+ height: 100%;
17654
+ width: 100%;
17655
+ }
17656
+
17657
+ .v-badge__wrapper {
17658
+ display: flex;
17659
+ position: relative;
17660
+ }
17661
+ .v-badge--inline .v-badge__wrapper {
17662
+ align-items: center;
17663
+ display: inline-flex;
17664
+ justify-content: center;
17665
+ margin: 0 4px;
17666
17666
  }.v-bottom-navigation {
17667
17667
  display: flex;
17668
17668
  max-width: 100%;
@@ -17750,63 +17750,6 @@ html.overflow-y-hidden {
17750
17750
  .v-bottom-sheet.v-bottom-sheet--inset {
17751
17751
  max-width: 70%;
17752
17752
  }
17753
- }.v-breadcrumbs {
17754
- display: flex;
17755
- align-items: center;
17756
- line-height: 1.375rem;
17757
- padding: 16px 12px;
17758
- }
17759
- .v-breadcrumbs--rounded {
17760
- border-radius: 4px;
17761
- }
17762
- .v-breadcrumbs--density-default {
17763
- padding-top: 16px;
17764
- padding-bottom: 16px;
17765
- }
17766
-
17767
- .v-breadcrumbs--density-comfortable {
17768
- padding-top: 12px;
17769
- padding-bottom: 12px;
17770
- }
17771
-
17772
- .v-breadcrumbs--density-compact {
17773
- padding-top: 8px;
17774
- padding-bottom: 8px;
17775
- }
17776
-
17777
- .v-breadcrumbs__prepend {
17778
- align-items: center;
17779
- display: inline-flex;
17780
- }
17781
-
17782
- .v-breadcrumbs-item {
17783
- align-items: center;
17784
- color: inherit;
17785
- display: inline-flex;
17786
- padding: 0 4px;
17787
- text-decoration: none;
17788
- vertical-align: middle;
17789
- }
17790
- .v-breadcrumbs-item--disabled {
17791
- opacity: var(--v-disabled-opacity);
17792
- pointer-events: none;
17793
- }
17794
- .v-breadcrumbs-item--link {
17795
- color: inherit;
17796
- text-decoration: none;
17797
- }
17798
- .v-breadcrumbs-item--link:hover {
17799
- text-decoration: underline;
17800
- }
17801
- .v-breadcrumbs-item .v-icon {
17802
- font-size: 1rem;
17803
- margin-inline: -4px 2px;
17804
- }
17805
-
17806
- .v-breadcrumbs-divider {
17807
- display: inline-block;
17808
- padding: 0 8px;
17809
- vertical-align: middle;
17810
17753
  }.v-btn {
17811
17754
  align-items: center;
17812
17755
  border-radius: 4px;
@@ -18210,6 +18153,63 @@ html.overflow-y-hidden {
18210
18153
  }
18211
18154
  .v-pagination__item--is-active .v-btn__overlay {
18212
18155
  opacity: var(--v-border-opacity);
18156
+ }.v-breadcrumbs {
18157
+ display: flex;
18158
+ align-items: center;
18159
+ line-height: 1.375rem;
18160
+ padding: 16px 12px;
18161
+ }
18162
+ .v-breadcrumbs--rounded {
18163
+ border-radius: 4px;
18164
+ }
18165
+ .v-breadcrumbs--density-default {
18166
+ padding-top: 16px;
18167
+ padding-bottom: 16px;
18168
+ }
18169
+
18170
+ .v-breadcrumbs--density-comfortable {
18171
+ padding-top: 12px;
18172
+ padding-bottom: 12px;
18173
+ }
18174
+
18175
+ .v-breadcrumbs--density-compact {
18176
+ padding-top: 8px;
18177
+ padding-bottom: 8px;
18178
+ }
18179
+
18180
+ .v-breadcrumbs__prepend {
18181
+ align-items: center;
18182
+ display: inline-flex;
18183
+ }
18184
+
18185
+ .v-breadcrumbs-item {
18186
+ align-items: center;
18187
+ color: inherit;
18188
+ display: inline-flex;
18189
+ padding: 0 4px;
18190
+ text-decoration: none;
18191
+ vertical-align: middle;
18192
+ }
18193
+ .v-breadcrumbs-item--disabled {
18194
+ opacity: var(--v-disabled-opacity);
18195
+ pointer-events: none;
18196
+ }
18197
+ .v-breadcrumbs-item--link {
18198
+ color: inherit;
18199
+ text-decoration: none;
18200
+ }
18201
+ .v-breadcrumbs-item--link:hover {
18202
+ text-decoration: underline;
18203
+ }
18204
+ .v-breadcrumbs-item .v-icon {
18205
+ font-size: 1rem;
18206
+ margin-inline: -4px 2px;
18207
+ }
18208
+
18209
+ .v-breadcrumbs-divider {
18210
+ display: inline-block;
18211
+ padding: 0 8px;
18212
+ vertical-align: middle;
18213
18213
  }.v-btn-group {
18214
18214
  display: inline-flex;
18215
18215
  flex-wrap: nowrap;
@@ -18638,26 +18638,6 @@ html.overflow-y-hidden {
18638
18638
  flex-direction: column;
18639
18639
  height: 100% !important;
18640
18640
  width: 50px;
18641
- }.v-checkbox .v-selection-control {
18642
- min-height: var(--v-input-control-height);
18643
- }.v-chip-group {
18644
- display: flex;
18645
- max-width: 100%;
18646
- min-width: 0;
18647
- overflow-x: auto;
18648
- padding: 4px 0;
18649
- }
18650
- .v-chip-group .v-chip {
18651
- margin: 4px 8px 4px 0;
18652
- }
18653
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18654
- opacity: var(--v-activated-opacity);
18655
- }
18656
-
18657
- .v-chip-group--column .v-slide-group__content {
18658
- white-space: normal;
18659
- flex-wrap: wrap;
18660
- max-width: 100%;
18661
18641
  }.v-chip {
18662
18642
  align-items: center;
18663
18643
  cursor: default;
@@ -19066,6 +19046,26 @@ html.overflow-y-hidden {
19066
19046
 
19067
19047
  .v-chip--label {
19068
19048
  border-radius: 4px;
19049
+ }.v-checkbox .v-selection-control {
19050
+ min-height: var(--v-input-control-height);
19051
+ }.v-chip-group {
19052
+ display: flex;
19053
+ max-width: 100%;
19054
+ min-width: 0;
19055
+ overflow-x: auto;
19056
+ padding: 4px 0;
19057
+ }
19058
+ .v-chip-group .v-chip {
19059
+ margin: 4px 8px 4px 0;
19060
+ }
19061
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19062
+ opacity: var(--v-activated-opacity);
19063
+ }
19064
+
19065
+ .v-chip-group--column .v-slide-group__content {
19066
+ white-space: normal;
19067
+ flex-wrap: wrap;
19068
+ max-width: 100%;
19069
19069
  }.v-container {
19070
19070
  width: 100%;
19071
19071
  padding: 16px;
@@ -19844,6 +19844,41 @@ html.overflow-y-hidden {
19844
19844
  flex: 0 1 auto;
19845
19845
  font-size: 12px;
19846
19846
  transition-duration: 150ms;
19847
+ }.v-data-table-footer {
19848
+ display: flex;
19849
+ align-items: center;
19850
+ flex-wrap: wrap;
19851
+ padding: 4px;
19852
+ justify-content: flex-end;
19853
+ }
19854
+
19855
+ .v-data-table-footer__items-per-page {
19856
+ display: flex;
19857
+ align-items: center;
19858
+ justify-content: center;
19859
+ }
19860
+ .v-data-table-footer__items-per-page > span {
19861
+ padding-inline-end: 8px;
19862
+ }
19863
+ .v-data-table-footer__items-per-page > .v-select {
19864
+ width: 90px;
19865
+ }
19866
+
19867
+ .v-data-table-footer__info {
19868
+ display: flex;
19869
+ justify-content: flex-end;
19870
+ min-width: 116px;
19871
+ padding: 0 16px;
19872
+ }
19873
+
19874
+ .v-data-table-footer__pagination {
19875
+ display: flex;
19876
+ align-items: center;
19877
+ margin-inline-start: 16px;
19878
+ }
19879
+
19880
+ .v-data-table-footer__page {
19881
+ padding: 0 8px;
19847
19882
  }.v-data-table {
19848
19883
  width: 100%;
19849
19884
  }
@@ -19977,90 +20012,31 @@ html.overflow-y-hidden {
19977
20012
  .v-data-table-rows-loading,
19978
20013
  .v-data-table-rows-no-data {
19979
20014
  text-align: center;
19980
- }.v-data-table-footer {
19981
- display: flex;
19982
- align-items: center;
19983
- flex-wrap: wrap;
19984
- padding: 4px;
19985
- justify-content: flex-end;
19986
- }
19987
-
19988
- .v-data-table-footer__items-per-page {
19989
- display: flex;
19990
- align-items: center;
19991
- justify-content: center;
19992
- }
19993
- .v-data-table-footer__items-per-page > span {
19994
- padding-inline-end: 8px;
19995
- }
19996
- .v-data-table-footer__items-per-page > .v-select {
19997
- width: 90px;
19998
- }
19999
-
20000
- .v-data-table-footer__info {
20001
- display: flex;
20002
- justify-content: flex-end;
20003
- min-width: 116px;
20004
- padding: 0 16px;
20005
- }
20006
-
20007
- .v-data-table-footer__pagination {
20008
- display: flex;
20009
- align-items: center;
20010
- margin-inline-start: 16px;
20011
- }
20012
-
20013
- .v-data-table-footer__page {
20014
- padding: 0 8px;
20015
- }.v-date-picker-month {
20016
- display: flex;
20017
- justify-content: center;
20018
- min-width: 328px;
20019
- --v-date-picker-month-day-diff: 4px;
20015
+ }.v-date-picker__input {
20016
+ padding-top: 16px;
20017
+ padding-left: 24px;
20018
+ padding-right: 24px;
20020
20019
  }
20021
20020
 
20022
- .v-date-picker-month__weeks {
20023
- display: grid;
20024
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20025
- row-gap: 4px;
20026
- font-size: 0.875rem;
20027
- }
20028
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20029
- grid-row-gap: 0;
20021
+ .v-date-picker {
20022
+ overflow: hidden;
20023
+ width: 360px;
20030
20024
  }
20031
-
20032
- .v-date-picker-month__weekday {
20033
- font-size: 0.875rem;
20025
+ .v-date-picker--show-week {
20026
+ width: 408px;
20034
20027
  }
20035
20028
 
20036
- .v-date-picker-month__days {
20037
- display: grid;
20038
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20039
- row-gap: 4px;
20040
- flex: 1 1;
20041
- justify-content: space-around;
20029
+ .v-date-picker-month {
20030
+ padding: 0 12px 12px;
20042
20031
  }
20043
20032
 
20044
20033
  .v-date-picker-month__day {
20045
- align-items: center;
20046
- display: flex;
20047
- justify-content: center;
20048
- position: relative;
20049
- }
20050
- .v-date-picker-month__day--selected .v-btn {
20051
- background-color: rgb(var(--v-theme-surface-variant));
20052
- color: rgb(var(--v-theme-on-surface-variant));
20053
- }
20054
- .v-date-picker-month__day--week {
20055
- font-size: var(--v-btn-size);
20056
- }
20057
-
20058
- .v-date-picker-month__day--adjacent {
20059
- opacity: 0.5;
20034
+ height: 48px;
20035
+ width: 48px;
20060
20036
  }
20061
-
20062
- .v-date-picker-month__day--hide-adjacent {
20063
- opacity: 0;
20037
+ .v-date-picker-month__day .v-btn {
20038
+ --v-btn-height: 28px;
20039
+ --v-btn-size: 0.85rem;
20064
20040
  }.v-date-picker-controls {
20065
20041
  display: flex;
20066
20042
  align-items: center;
@@ -20117,31 +20093,55 @@ html.overflow-y-hidden {
20117
20093
 
20118
20094
  .v-date-picker__title {
20119
20095
  display: inline-block;
20120
- }.v-date-picker__input {
20121
- padding-top: 16px;
20122
- padding-left: 24px;
20123
- padding-right: 24px;
20096
+ }.v-date-picker-month {
20097
+ display: flex;
20098
+ justify-content: center;
20099
+ min-width: 328px;
20100
+ --v-date-picker-month-day-diff: 4px;
20124
20101
  }
20125
20102
 
20126
- .v-date-picker {
20127
- overflow: hidden;
20128
- width: 360px;
20103
+ .v-date-picker-month__weeks {
20104
+ display: grid;
20105
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20106
+ row-gap: 4px;
20107
+ font-size: 0.875rem;
20129
20108
  }
20130
- .v-date-picker--show-week {
20131
- width: 408px;
20109
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20110
+ grid-row-gap: 0;
20132
20111
  }
20133
20112
 
20134
- .v-date-picker-month {
20135
- padding: 0 12px 12px;
20113
+ .v-date-picker-month__weekday {
20114
+ font-size: 0.875rem;
20115
+ }
20116
+
20117
+ .v-date-picker-month__days {
20118
+ display: grid;
20119
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20120
+ row-gap: 4px;
20121
+ flex: 1 1;
20122
+ justify-content: space-around;
20136
20123
  }
20137
20124
 
20138
20125
  .v-date-picker-month__day {
20139
- height: 48px;
20140
- width: 48px;
20126
+ align-items: center;
20127
+ display: flex;
20128
+ justify-content: center;
20129
+ position: relative;
20141
20130
  }
20142
- .v-date-picker-month__day .v-btn {
20143
- --v-btn-height: 28px;
20144
- --v-btn-size: 0.85rem;
20131
+ .v-date-picker-month__day--selected .v-btn {
20132
+ background-color: rgb(var(--v-theme-surface-variant));
20133
+ color: rgb(var(--v-theme-on-surface-variant));
20134
+ }
20135
+ .v-date-picker-month__day--week {
20136
+ font-size: var(--v-btn-size);
20137
+ }
20138
+
20139
+ .v-date-picker-month__day--adjacent {
20140
+ opacity: 0.5;
20141
+ }
20142
+
20143
+ .v-date-picker-month__day--hide-adjacent {
20144
+ opacity: 0;
20145
20145
  }.v-date-picker-months {
20146
20146
  height: 320px;
20147
20147
  overflow-y: scroll;
@@ -20162,6 +20162,21 @@ html.overflow-y-hidden {
20162
20162
  text-transform: none;
20163
20163
  padding-inline-start: 8px;
20164
20164
  padding-inline-end: 8px;
20165
+ }.v-date-picker-years {
20166
+ height: 320px;
20167
+ overflow-y: scroll;
20168
+ }
20169
+
20170
+ .v-date-picker-years__content {
20171
+ display: grid;
20172
+ flex: 1 1;
20173
+ justify-content: space-around;
20174
+ grid-template-columns: repeat(3, 1fr);
20175
+ gap: 8px 24px;
20176
+ padding-inline: 36px;
20177
+ }
20178
+ .v-date-picker-years__content .v-btn {
20179
+ padding-inline: 8px;
20165
20180
  }.v-date-picker-header {
20166
20181
  display: grid;
20167
20182
  grid-template-areas: "prepend content append";
@@ -20220,339 +20235,8 @@ html.overflow-y-hidden {
20220
20235
  .date-picker-header-reverse-transition-leave-to {
20221
20236
  opacity: 0;
20222
20237
  transform: translate(0, 100%);
20223
- }.v-date-picker-years {
20224
- height: 320px;
20225
- overflow-y: scroll;
20226
- }
20227
-
20228
- .v-date-picker-years__content {
20229
- display: grid;
20230
- flex: 1 1;
20231
- justify-content: space-around;
20232
- grid-template-columns: repeat(3, 1fr);
20233
- gap: 8px 24px;
20234
- padding-inline: 36px;
20235
- }
20236
- .v-date-picker-years__content .v-btn {
20237
- padding-inline: 8px;
20238
- }.v-dialog {
20239
- align-items: center;
20240
- justify-content: center;
20241
- margin: auto;
20242
- }
20243
- .v-dialog > .v-overlay__content {
20244
- max-height: calc(100% - 48px);
20245
- width: calc(100% - 48px);
20246
- max-width: calc(100% - 48px);
20247
- margin: 24px;
20248
- }
20249
- .v-dialog > .v-overlay__content,
20250
- .v-dialog > .v-overlay__content > form {
20251
- display: flex;
20252
- flex-direction: column;
20253
- min-height: 0;
20254
- }
20255
- .v-dialog > .v-overlay__content > .v-card,
20256
- .v-dialog > .v-overlay__content > .v-sheet,
20257
- .v-dialog > .v-overlay__content > form > .v-card,
20258
- .v-dialog > .v-overlay__content > form > .v-sheet {
20259
- --v-scrollbar-offset: 0px;
20260
- border-radius: 4px;
20261
- overflow-y: auto;
20262
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20263
- }
20264
- .v-dialog > .v-overlay__content > .v-card,
20265
- .v-dialog > .v-overlay__content > form > .v-card {
20266
- display: flex;
20267
- flex-direction: column;
20268
- }
20269
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20270
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20271
- padding: 14px 24px 0;
20272
- }
20273
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20274
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20275
- padding-top: 10px;
20276
- }
20277
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20278
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20279
- font-size: inherit;
20280
- letter-spacing: 0.03125em;
20281
- line-height: inherit;
20282
- padding: 16px 24px 10px;
20283
- }
20284
-
20285
- .v-dialog--fullscreen {
20286
- --v-scrollbar-offset: 0px;
20287
- }
20288
- .v-dialog--fullscreen > .v-overlay__content {
20289
- border-radius: 0;
20290
- margin: 0;
20291
- padding: 0;
20292
- width: 100%;
20293
- height: 100%;
20294
- max-width: 100%;
20295
- max-height: 100%;
20296
- overflow-y: auto;
20297
- top: 0;
20298
- left: 0;
20299
- }
20300
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20301
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20302
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20303
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20304
- min-height: 100%;
20305
- min-width: 100%;
20306
- border-radius: 0;
20307
- }
20308
-
20309
- .v-dialog--scrollable > .v-overlay__content,
20310
- .v-dialog--scrollable > .v-overlay__content > form {
20311
- display: flex;
20312
- }
20313
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20314
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20315
- display: flex;
20316
- flex: 1 1 100%;
20317
- flex-direction: column;
20318
- max-height: 100%;
20319
- max-width: 100%;
20320
- }
20321
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20322
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20323
- -webkit-backface-visibility: hidden;
20324
- backface-visibility: hidden;
20325
- overflow-y: auto;
20326
- }.v-divider {
20327
- display: block;
20328
- flex: 1 1 100%;
20329
- height: 0px;
20330
- max-height: 0px;
20331
- opacity: var(--v-border-opacity);
20332
- transition: inherit;
20333
- border-style: solid;
20334
- border-width: thin 0 0 0;
20335
- }
20336
- .v-divider--vertical {
20337
- align-self: stretch;
20338
- border-width: 0 thin 0 0;
20339
- display: inline-flex;
20340
- height: inherit;
20341
- margin-left: -1px;
20342
- max-height: 100%;
20343
- max-width: 0px;
20344
- vertical-align: text-bottom;
20345
- width: 0px;
20346
- }
20347
- .v-divider--inset:not(.v-divider--vertical) {
20348
- max-width: calc(100% - 72px);
20349
- margin-inline-start: 72px;
20350
- }
20351
- .v-divider--inset.v-divider--vertical {
20352
- margin-bottom: 8px;
20353
- margin-top: 8px;
20354
- max-height: calc(100% - 16px);
20355
- }.v-expansion-panel {
20356
- background-color: rgb(var(--v-theme-surface));
20357
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20358
- }
20359
- .v-expansion-panel:not(:first-child)::after {
20360
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20361
- }
20362
- .v-expansion-panel--disabled .v-expansion-panel-title {
20363
- color: rgba(var(--v-theme-on-surface), 0.26);
20364
- }
20365
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20366
- opacity: 0.4615384615;
20367
- }
20368
-
20369
- .v-expansion-panels {
20370
- display: flex;
20371
- flex-wrap: wrap;
20372
- justify-content: center;
20373
- list-style-type: none;
20374
- padding: 0;
20375
- width: 100%;
20376
- position: relative;
20377
- z-index: 1;
20378
- }
20379
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20380
- border-bottom-left-radius: 0 !important;
20381
- border-bottom-right-radius: 0 !important;
20382
- }
20383
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20384
- border-top-left-radius: 0 !important;
20385
- border-top-right-radius: 0 !important;
20386
- }
20387
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20388
- border-bottom-left-radius: 0 !important;
20389
- border-bottom-right-radius: 0 !important;
20390
- }
20391
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20392
- border-top-left-radius: 0 !important;
20393
- border-top-right-radius: 0 !important;
20394
- }
20395
- .v-expansion-panels--variant-accordion > :first-child {
20396
- border-bottom-left-radius: 0 !important;
20397
- border-bottom-right-radius: 0 !important;
20398
- }
20399
- .v-expansion-panels--variant-accordion > :last-child {
20400
- border-top-left-radius: 0 !important;
20401
- border-top-right-radius: 0 !important;
20402
- }
20403
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20404
- border-bottom-left-radius: initial;
20405
- border-bottom-right-radius: initial;
20406
- }
20407
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20408
- border-radius: 0 !important;
20409
- }
20410
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20411
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20412
- }
20413
-
20414
- .v-expansion-panel {
20415
- flex: 1 0 100%;
20416
- max-width: 100%;
20417
- position: relative;
20418
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20419
- transition-property: margin-top, border-radius, border, max-width;
20420
- border-radius: 4px;
20421
- }
20422
- .v-expansion-panel:not(:first-child)::after {
20423
- border-top-style: solid;
20424
- border-top-width: thin;
20425
- content: "";
20426
- left: 0;
20427
- position: absolute;
20428
- right: 0;
20429
- top: 0;
20430
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20431
- }
20432
- .v-expansion-panel--disabled .v-expansion-panel-title {
20433
- pointer-events: none;
20434
- }
20435
- .v-expansion-panel--active:not(:first-child),
20436
- .v-expansion-panel--active + .v-expansion-panel {
20437
- margin-top: 16px;
20438
- }
20439
- .v-expansion-panel--active:not(:first-child)::after,
20440
- .v-expansion-panel--active + .v-expansion-panel::after {
20441
- opacity: 0;
20442
- }
20443
- .v-expansion-panel--active > .v-expansion-panel-title {
20444
- border-bottom-left-radius: 0;
20445
- border-bottom-right-radius: 0;
20446
- }
20447
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20448
- min-height: 64px;
20449
- }
20450
-
20451
- .v-expansion-panel__shadow {
20452
- position: absolute;
20453
- top: 0;
20454
- left: 0;
20455
- width: 100%;
20456
- height: 100%;
20457
- 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));
20458
- border-radius: inherit;
20459
- z-index: -1;
20460
- }
20461
-
20462
- .v-expansion-panel-title {
20463
- align-items: center;
20464
- text-align: start;
20465
- border-radius: inherit;
20466
- display: flex;
20467
- font-size: 0.9375rem;
20468
- line-height: 1;
20469
- min-height: 48px;
20470
- outline: none;
20471
- padding: 16px 24px;
20472
- position: relative;
20473
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20474
- width: 100%;
20475
- justify-content: space-between;
20476
- }
20477
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20478
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20479
- }
20480
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20481
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20482
- }
20483
- @supports not selector(:focus-visible) {
20484
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20485
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20486
- }
20487
- }
20488
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20489
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20490
- }
20491
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20492
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20493
- }
20494
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20495
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20496
- }
20497
- @supports not selector(:focus-visible) {
20498
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20499
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20500
- }
20501
- }
20502
- .v-expansion-panel-title--active::before {
20503
- opacity: 0.12;
20504
- }
20505
-
20506
- .v-expansion-panel-title__overlay {
20507
- position: absolute;
20508
- top: 0;
20509
- left: 0;
20510
- width: 100%;
20511
- height: 100%;
20512
- background-color: currentColor;
20513
- border-radius: inherit;
20514
- opacity: 0;
20515
- }
20516
-
20517
- .v-expansion-panel-title__icon {
20518
- display: inline-flex;
20519
- margin-bottom: -4px;
20520
- margin-top: -4px;
20521
- -webkit-user-select: none;
20522
- user-select: none;
20523
- margin-inline-start: auto;
20524
- }
20525
-
20526
- .v-expansion-panel-text {
20527
- display: flex;
20528
- }
20529
- .v-expansion-panel-text__wrapper {
20530
- padding: 8px 24px 16px;
20531
- flex: 1 1 auto;
20532
- max-width: 100%;
20533
- }
20534
-
20535
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20536
- margin-top: 0;
20537
- }
20538
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20539
- opacity: 1;
20540
- }
20541
-
20542
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20543
- max-width: calc(100% - 32px);
20544
- }
20545
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20546
- max-width: calc(100% + 16px);
20547
- }
20548
-
20549
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20550
- max-width: 100%;
20551
- }
20552
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20553
- max-width: calc(100% - 32px);
20554
- }/* region INPUT */
20555
- .v-field {
20238
+ }/* region INPUT */
20239
+ .v-field {
20556
20240
  display: grid;
20557
20241
  grid-template-areas: "prepend-inner field clear append-inner";
20558
20242
  grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
@@ -21100,7 +20784,124 @@ textarea.v-field__input::placeholder {
21100
20784
  opacity: 0;
21101
20785
  }
21102
20786
 
21103
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20787
+ /* endregion */.v-divider {
20788
+ display: block;
20789
+ flex: 1 1 100%;
20790
+ height: 0px;
20791
+ max-height: 0px;
20792
+ opacity: var(--v-border-opacity);
20793
+ transition: inherit;
20794
+ border-style: solid;
20795
+ border-width: thin 0 0 0;
20796
+ }
20797
+ .v-divider--vertical {
20798
+ align-self: stretch;
20799
+ border-width: 0 thin 0 0;
20800
+ display: inline-flex;
20801
+ height: inherit;
20802
+ margin-left: -1px;
20803
+ max-height: 100%;
20804
+ max-width: 0px;
20805
+ vertical-align: text-bottom;
20806
+ width: 0px;
20807
+ }
20808
+ .v-divider--inset:not(.v-divider--vertical) {
20809
+ max-width: calc(100% - 72px);
20810
+ margin-inline-start: 72px;
20811
+ }
20812
+ .v-divider--inset.v-divider--vertical {
20813
+ margin-bottom: 8px;
20814
+ margin-top: 8px;
20815
+ max-height: calc(100% - 16px);
20816
+ }.v-dialog {
20817
+ align-items: center;
20818
+ justify-content: center;
20819
+ margin: auto;
20820
+ }
20821
+ .v-dialog > .v-overlay__content {
20822
+ max-height: calc(100% - 48px);
20823
+ width: calc(100% - 48px);
20824
+ max-width: calc(100% - 48px);
20825
+ margin: 24px;
20826
+ }
20827
+ .v-dialog > .v-overlay__content,
20828
+ .v-dialog > .v-overlay__content > form {
20829
+ display: flex;
20830
+ flex-direction: column;
20831
+ min-height: 0;
20832
+ }
20833
+ .v-dialog > .v-overlay__content > .v-card,
20834
+ .v-dialog > .v-overlay__content > .v-sheet,
20835
+ .v-dialog > .v-overlay__content > form > .v-card,
20836
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20837
+ --v-scrollbar-offset: 0px;
20838
+ border-radius: 4px;
20839
+ overflow-y: auto;
20840
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20841
+ }
20842
+ .v-dialog > .v-overlay__content > .v-card,
20843
+ .v-dialog > .v-overlay__content > form > .v-card {
20844
+ display: flex;
20845
+ flex-direction: column;
20846
+ }
20847
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20848
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20849
+ padding: 14px 24px 0;
20850
+ }
20851
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20852
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20853
+ padding-top: 10px;
20854
+ }
20855
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20856
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20857
+ font-size: inherit;
20858
+ letter-spacing: 0.03125em;
20859
+ line-height: inherit;
20860
+ padding: 16px 24px 10px;
20861
+ }
20862
+
20863
+ .v-dialog--fullscreen {
20864
+ --v-scrollbar-offset: 0px;
20865
+ }
20866
+ .v-dialog--fullscreen > .v-overlay__content {
20867
+ border-radius: 0;
20868
+ margin: 0;
20869
+ padding: 0;
20870
+ width: 100%;
20871
+ height: 100%;
20872
+ max-width: 100%;
20873
+ max-height: 100%;
20874
+ overflow-y: auto;
20875
+ top: 0;
20876
+ left: 0;
20877
+ }
20878
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20879
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20880
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20881
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20882
+ min-height: 100%;
20883
+ min-width: 100%;
20884
+ border-radius: 0;
20885
+ }
20886
+
20887
+ .v-dialog--scrollable > .v-overlay__content,
20888
+ .v-dialog--scrollable > .v-overlay__content > form {
20889
+ display: flex;
20890
+ }
20891
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20892
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20893
+ display: flex;
20894
+ flex: 1 1 100%;
20895
+ flex-direction: column;
20896
+ max-height: 100%;
20897
+ max-width: 100%;
20898
+ }
20899
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20900
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20901
+ -webkit-backface-visibility: hidden;
20902
+ backface-visibility: hidden;
20903
+ overflow-y: auto;
20904
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21104
20905
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21105
20906
  .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21106
20907
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
@@ -21425,16 +21226,44 @@ textarea.v-field__input::placeholder {
21425
21226
  display: flex;
21426
21227
  flex: 1 1 auto;
21427
21228
  }
21428
- .v-layout--full-height {
21429
- --v-scrollbar-offset: inherit;
21430
- height: 100%;
21431
- }.v-layout-item {
21229
+ .v-layout--full-height {
21230
+ --v-scrollbar-offset: inherit;
21231
+ height: 100%;
21232
+ }.v-layout-item {
21233
+ position: absolute;
21234
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21235
+ }
21236
+
21237
+ .v-layout-item--absolute {
21238
+ position: absolute;
21239
+ }.v-main {
21240
+ flex: 1 0 auto;
21241
+ max-width: 100%;
21242
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21243
+ padding-left: var(--v-layout-left);
21244
+ padding-right: var(--v-layout-right);
21245
+ padding-top: var(--v-layout-top);
21246
+ padding-bottom: var(--v-layout-bottom);
21247
+ }
21248
+ .v-main__scroller {
21249
+ max-width: 100%;
21250
+ position: relative;
21251
+ }
21252
+ .v-main--scrollable {
21253
+ display: flex;
21432
21254
  position: absolute;
21433
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21255
+ top: 0;
21256
+ left: 0;
21257
+ width: 100%;
21258
+ height: 100%;
21434
21259
  }
21435
-
21436
- .v-layout-item--absolute {
21437
- position: absolute;
21260
+ .v-main--scrollable > .v-main__scroller {
21261
+ flex: 1 1 auto;
21262
+ overflow-y: auto;
21263
+ --v-layout-left: 0px;
21264
+ --v-layout-right: 0px;
21265
+ --v-layout-top: 0px;
21266
+ --v-layout-bottom: 0px;
21438
21267
  }.v-list {
21439
21268
  overflow: auto;
21440
21269
  padding: 8px 0;
@@ -21973,49 +21802,8 @@ textarea.v-field__input::placeholder {
21973
21802
  }
21974
21803
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21975
21804
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21976
- }.v-main {
21977
- flex: 1 0 auto;
21978
- max-width: 100%;
21979
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21980
- padding-left: var(--v-layout-left);
21981
- padding-right: var(--v-layout-right);
21982
- padding-top: var(--v-layout-top);
21983
- padding-bottom: var(--v-layout-bottom);
21984
- }
21985
- .v-main__scroller {
21986
- max-width: 100%;
21987
- position: relative;
21988
- }
21989
- .v-main--scrollable {
21990
- display: flex;
21991
- position: absolute;
21992
- top: 0;
21993
- left: 0;
21994
- width: 100%;
21995
- height: 100%;
21996
- }
21997
- .v-main--scrollable > .v-main__scroller {
21998
- flex: 1 1 auto;
21999
- overflow-y: auto;
22000
- --v-layout-left: 0px;
22001
- --v-layout-right: 0px;
22002
- --v-layout-top: 0px;
22003
- --v-layout-bottom: 0px;
22004
21805
  }.v-locale-provider {
22005
21806
  display: contents;
22006
- }.v-menu > .v-overlay__content {
22007
- display: flex;
22008
- flex-direction: column;
22009
- border-radius: 4px;
22010
- }
22011
- .v-menu > .v-overlay__content > .v-card,
22012
- .v-menu > .v-overlay__content > .v-sheet,
22013
- .v-menu > .v-overlay__content > .v-list {
22014
- background: rgb(var(--v-theme-surface));
22015
- border-radius: inherit;
22016
- overflow: auto;
22017
- height: 100%;
22018
- 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));
22019
21807
  }.v-messages {
22020
21808
  flex: 1 1 auto;
22021
21809
  font-size: 12px;
@@ -22032,6 +21820,19 @@ textarea.v-field__input::placeholder {
22032
21820
  -webkit-hyphens: auto;
22033
21821
  hyphens: auto;
22034
21822
  transition-duration: 150ms;
21823
+ }.v-menu > .v-overlay__content {
21824
+ display: flex;
21825
+ flex-direction: column;
21826
+ border-radius: 4px;
21827
+ }
21828
+ .v-menu > .v-overlay__content > .v-card,
21829
+ .v-menu > .v-overlay__content > .v-sheet,
21830
+ .v-menu > .v-overlay__content > .v-list {
21831
+ background: rgb(var(--v-theme-surface));
21832
+ border-radius: inherit;
21833
+ overflow: auto;
21834
+ height: 100%;
21835
+ 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));
22035
21836
  }.v-navigation-drawer {
22036
21837
  -webkit-overflow-scrolling: touch;
22037
21838
  background: rgb(var(--v-theme-surface));
@@ -22587,6 +22388,32 @@ html.v-overlay-scroll-blocked {
22587
22388
  }
22588
22389
  .v-radio-group .v-input__details {
22589
22390
  padding-inline: 16px;
22391
+ }.v-responsive {
22392
+ display: flex;
22393
+ flex: 1 0 auto;
22394
+ max-height: 100%;
22395
+ max-width: 100%;
22396
+ overflow: hidden;
22397
+ position: relative;
22398
+ }
22399
+ .v-responsive--inline {
22400
+ display: inline-flex;
22401
+ flex: 0 0 auto;
22402
+ }
22403
+
22404
+ .v-responsive__content {
22405
+ flex: 1 0 0px;
22406
+ max-width: 100%;
22407
+ }
22408
+
22409
+ .v-responsive__sizer ~ .v-responsive__content {
22410
+ margin-inline-start: -100%;
22411
+ }
22412
+
22413
+ .v-responsive__sizer {
22414
+ flex: 1 0 0px;
22415
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22416
+ pointer-events: none;
22590
22417
  }.v-slider .v-slider__container input {
22591
22418
  cursor: default;
22592
22419
  padding: 0;
@@ -22644,6 +22471,54 @@ html.v-overlay-scroll-blocked {
22644
22471
 
22645
22472
  .v-slider__label {
22646
22473
  margin-inline-end: 12px;
22474
+ }.v-select .v-field .v-text-field__prefix,
22475
+ .v-select .v-field .v-text-field__suffix,
22476
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22477
+ cursor: pointer;
22478
+ }
22479
+ .v-select .v-field .v-field__input > input {
22480
+ align-self: flex-start;
22481
+ opacity: 1;
22482
+ flex: 0 0;
22483
+ position: absolute;
22484
+ width: 100%;
22485
+ transition: none;
22486
+ pointer-events: none;
22487
+ caret-color: transparent;
22488
+ }
22489
+ .v-select .v-field--dirty .v-select__selection {
22490
+ margin-inline-end: 2px;
22491
+ }
22492
+ .v-select .v-select__selection-text {
22493
+ overflow: hidden;
22494
+ text-overflow: ellipsis;
22495
+ white-space: nowrap;
22496
+ }
22497
+ .v-select__content {
22498
+ overflow: hidden;
22499
+ 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));
22500
+ border-radius: 4px;
22501
+ }
22502
+ .v-select__selection {
22503
+ display: inline-flex;
22504
+ align-items: center;
22505
+ letter-spacing: inherit;
22506
+ line-height: inherit;
22507
+ max-width: 100%;
22508
+ }
22509
+ .v-select .v-select__selection:first-child {
22510
+ margin-inline-start: 0;
22511
+ }
22512
+ .v-select--selected .v-field .v-field__input > input {
22513
+ opacity: 0;
22514
+ }
22515
+ .v-select__menu-icon {
22516
+ margin-inline-start: 4px;
22517
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22518
+ }
22519
+ .v-select--active-menu .v-select__menu-icon {
22520
+ opacity: var(--v-high-emphasis-opacity);
22521
+ transform: rotate(180deg);
22647
22522
  }.v-rating {
22648
22523
  max-width: 100%;
22649
22524
  display: inline-flex;
@@ -22698,88 +22573,6 @@ html.v-overlay-scroll-blocked {
22698
22573
  opacity: 0;
22699
22574
  position: absolute;
22700
22575
  width: 0;
22701
- }.v-responsive {
22702
- display: flex;
22703
- flex: 1 0 auto;
22704
- max-height: 100%;
22705
- max-width: 100%;
22706
- overflow: hidden;
22707
- position: relative;
22708
- }
22709
- .v-responsive--inline {
22710
- display: inline-flex;
22711
- flex: 0 0 auto;
22712
- }
22713
-
22714
- .v-responsive__content {
22715
- flex: 1 0 0px;
22716
- max-width: 100%;
22717
- }
22718
-
22719
- .v-responsive__sizer ~ .v-responsive__content {
22720
- margin-inline-start: -100%;
22721
- }
22722
-
22723
- .v-responsive__sizer {
22724
- flex: 1 0 0px;
22725
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22726
- pointer-events: none;
22727
- }.v-select .v-field .v-text-field__prefix,
22728
- .v-select .v-field .v-text-field__suffix,
22729
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22730
- cursor: pointer;
22731
- }
22732
- .v-select .v-field .v-field__input > input {
22733
- align-self: flex-start;
22734
- opacity: 1;
22735
- flex: 0 0;
22736
- position: absolute;
22737
- width: 100%;
22738
- transition: none;
22739
- pointer-events: none;
22740
- caret-color: transparent;
22741
- }
22742
- .v-select .v-field--dirty .v-select__selection {
22743
- margin-inline-end: 2px;
22744
- }
22745
- .v-select .v-select__selection-text {
22746
- overflow: hidden;
22747
- text-overflow: ellipsis;
22748
- white-space: nowrap;
22749
- }
22750
- .v-select__content {
22751
- overflow: hidden;
22752
- 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));
22753
- border-radius: 4px;
22754
- }
22755
- .v-select__selection {
22756
- display: inline-flex;
22757
- align-items: center;
22758
- letter-spacing: inherit;
22759
- line-height: inherit;
22760
- max-width: 100%;
22761
- }
22762
- .v-select .v-select__selection:first-child {
22763
- margin-inline-start: 0;
22764
- }
22765
- .v-select--selected .v-field .v-field__input > input {
22766
- opacity: 0;
22767
- }
22768
- .v-select__menu-icon {
22769
- margin-inline-start: 4px;
22770
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22771
- }
22772
- .v-select--active-menu .v-select__menu-icon {
22773
- opacity: var(--v-high-emphasis-opacity);
22774
- transform: rotate(180deg);
22775
- }.v-selection-control-group {
22776
- grid-area: control;
22777
- display: flex;
22778
- flex-direction: column;
22779
- }
22780
- .v-selection-control-group--inline {
22781
- flex-direction: row;
22782
- flex-wrap: wrap;
22783
22576
  }.v-selection-control {
22784
22577
  align-items: center;
22785
22578
  contain: layout;
@@ -22881,6 +22674,14 @@ html.v-overlay-scroll-blocked {
22881
22674
  }
22882
22675
  .v-selection-control--focus-visible .v-selection-control__input::before {
22883
22676
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22677
+ }.v-selection-control-group {
22678
+ grid-area: control;
22679
+ display: flex;
22680
+ flex-direction: column;
22681
+ }
22682
+ .v-selection-control-group--inline {
22683
+ flex-direction: row;
22684
+ flex-wrap: wrap;
22884
22685
  }.v-sheet {
22885
22686
  display: block;
22886
22687
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23434,25 +23235,45 @@ html.v-overlay-scroll-blocked {
23434
23235
  color: rgb(var(--v-theme-on-error));
23435
23236
  }
23436
23237
 
23238
+ .v-switch__track-true {
23239
+ margin-inline-end: auto;
23240
+ }
23241
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23242
+ opacity: 0;
23243
+ }
23244
+
23245
+ .v-switch__track-false {
23246
+ margin-inline-start: auto;
23247
+ }
23248
+ .v-selection-control--dirty .v-switch__track-false {
23249
+ opacity: 0;
23250
+ }
23251
+
23437
23252
  .v-switch__track {
23253
+ display: inline-flex;
23254
+ align-items: center;
23255
+ font-size: 0.5rem;
23256
+ padding: 0 5px;
23438
23257
  background-color: rgb(var(--v-theme-surface-variant));
23439
23258
  border-radius: 9999px;
23440
23259
  height: 14px;
23441
23260
  opacity: 0.6;
23442
- width: 36px;
23261
+ min-width: 36px;
23443
23262
  cursor: pointer;
23444
23263
  transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23445
23264
  }
23446
23265
  .v-switch--inset .v-switch__track {
23447
23266
  border-radius: 9999px;
23267
+ font-size: 0.75rem;
23448
23268
  height: 32px;
23449
- width: 52px;
23269
+ min-width: 52px;
23450
23270
  }
23451
23271
 
23452
23272
  .v-switch__thumb {
23453
23273
  align-items: center;
23454
23274
  border-radius: 50%;
23455
23275
  display: flex;
23276
+ font-size: 0.75rem;
23456
23277
  height: 20px;
23457
23278
  justify-content: center;
23458
23279
  width: 20px;
@@ -23889,7 +23710,10 @@ html.v-overlay-scroll-blocked {
23889
23710
  padding-inline-end: var(--v-field-padding-end);
23890
23711
  }
23891
23712
 
23892
- /* endregion */.v-timeline .v-timeline-divider__dot {
23713
+ /* endregion */.v-theme-provider {
23714
+ background: rgb(var(--v-theme-background));
23715
+ color: rgb(var(--v-theme-on-background));
23716
+ }.v-timeline .v-timeline-divider__dot {
23893
23717
  background: rgb(var(--v-theme-surface-light));
23894
23718
  }
23895
23719
  .v-timeline .v-timeline-divider__inner-dot {
@@ -24432,9 +24256,6 @@ html.v-overlay-scroll-blocked {
24432
24256
  }
24433
24257
  .v-toolbar-items > .v-btn {
24434
24258
  border-radius: 0;
24435
- }.v-theme-provider {
24436
- background: rgb(var(--v-theme-background));
24437
- color: rgb(var(--v-theme-on-background));
24438
24259
  }.v-tooltip > .v-overlay__content {
24439
24260
  background: rgb(var(--v-theme-surface-variant));
24440
24261
  color: rgb(var(--v-theme-on-surface-variant));
@@ -24456,15 +24277,6 @@ html.v-overlay-scroll-blocked {
24456
24277
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24457
24278
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24458
24279
  transition-duration: 75ms;
24459
- }.v-virtual-scroll {
24460
- display: block;
24461
- flex: 1 1 auto;
24462
- max-width: 100%;
24463
- overflow: auto;
24464
- position: relative;
24465
- }
24466
- .v-virtual-scroll__container {
24467
- display: block;
24468
24280
  }.v-window {
24469
24281
  overflow: hidden;
24470
24282
  }
@@ -24534,34 +24346,214 @@ html.v-overlay-scroll-blocked {
24534
24346
  }
24535
24347
  .v-window-y-reverse-transition-leave-to {
24536
24348
  transform: translateY(100%);
24537
- }.v-color-picker-edit {
24538
- display: flex;
24539
- margin-top: 24px;
24349
+ }.v-virtual-scroll {
24350
+ display: block;
24351
+ flex: 1 1 auto;
24352
+ max-width: 100%;
24353
+ overflow: auto;
24354
+ position: relative;
24355
+ }
24356
+ .v-virtual-scroll__container {
24357
+ display: block;
24358
+ }.v-expansion-panel {
24359
+ background-color: rgb(var(--v-theme-surface));
24360
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24361
+ }
24362
+ .v-expansion-panel:not(:first-child)::after {
24363
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24364
+ }
24365
+ .v-expansion-panel--disabled .v-expansion-panel-title {
24366
+ color: rgba(var(--v-theme-on-surface), 0.26);
24367
+ }
24368
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
24369
+ opacity: 0.4615384615;
24540
24370
  }
24541
24371
 
24542
- .v-color-picker-edit__input {
24543
- width: 100%;
24372
+ .v-expansion-panels {
24544
24373
  display: flex;
24545
24374
  flex-wrap: wrap;
24546
24375
  justify-content: center;
24547
- text-align: center;
24376
+ list-style-type: none;
24377
+ padding: 0;
24378
+ width: 100%;
24379
+ position: relative;
24380
+ z-index: 1;
24548
24381
  }
24549
- .v-color-picker-edit__input:not(:last-child) {
24550
- margin-inline-end: 8px;
24382
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
24383
+ border-bottom-left-radius: 0 !important;
24384
+ border-bottom-right-radius: 0 !important;
24551
24385
  }
24552
- .v-color-picker-edit__input input {
24386
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
24387
+ border-top-left-radius: 0 !important;
24388
+ border-top-right-radius: 0 !important;
24389
+ }
24390
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
24391
+ border-bottom-left-radius: 0 !important;
24392
+ border-bottom-right-radius: 0 !important;
24393
+ }
24394
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
24395
+ border-top-left-radius: 0 !important;
24396
+ border-top-right-radius: 0 !important;
24397
+ }
24398
+ .v-expansion-panels--variant-accordion > :first-child {
24399
+ border-bottom-left-radius: 0 !important;
24400
+ border-bottom-right-radius: 0 !important;
24401
+ }
24402
+ .v-expansion-panels--variant-accordion > :last-child {
24403
+ border-top-left-radius: 0 !important;
24404
+ border-top-right-radius: 0 !important;
24405
+ }
24406
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
24407
+ border-bottom-left-radius: initial;
24408
+ border-bottom-right-radius: initial;
24409
+ }
24410
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
24411
+ border-radius: 0 !important;
24412
+ }
24413
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
24414
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
24415
+ }
24416
+
24417
+ .v-expansion-panel {
24418
+ flex: 1 0 100%;
24419
+ max-width: 100%;
24420
+ position: relative;
24421
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
24422
+ transition-property: margin-top, border-radius, border, max-width;
24553
24423
  border-radius: 4px;
24554
- margin-bottom: 8px;
24555
- min-width: 0;
24424
+ }
24425
+ .v-expansion-panel:not(:first-child)::after {
24426
+ border-top-style: solid;
24427
+ border-top-width: thin;
24428
+ content: "";
24429
+ left: 0;
24430
+ position: absolute;
24431
+ right: 0;
24432
+ top: 0;
24433
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
24434
+ }
24435
+ .v-expansion-panel--disabled .v-expansion-panel-title {
24436
+ pointer-events: none;
24437
+ }
24438
+ .v-expansion-panel--active:not(:first-child),
24439
+ .v-expansion-panel--active + .v-expansion-panel {
24440
+ margin-top: 16px;
24441
+ }
24442
+ .v-expansion-panel--active:not(:first-child)::after,
24443
+ .v-expansion-panel--active + .v-expansion-panel::after {
24444
+ opacity: 0;
24445
+ }
24446
+ .v-expansion-panel--active > .v-expansion-panel-title {
24447
+ border-bottom-left-radius: 0;
24448
+ border-bottom-right-radius: 0;
24449
+ }
24450
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
24451
+ min-height: 64px;
24452
+ }
24453
+
24454
+ .v-expansion-panel__shadow {
24455
+ position: absolute;
24456
+ top: 0;
24457
+ left: 0;
24458
+ width: 100%;
24459
+ height: 100%;
24460
+ 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));
24461
+ border-radius: inherit;
24462
+ z-index: -1;
24463
+ }
24464
+
24465
+ .v-expansion-panel-title {
24466
+ align-items: center;
24467
+ text-align: start;
24468
+ border-radius: inherit;
24469
+ display: flex;
24470
+ font-size: 0.9375rem;
24471
+ line-height: 1;
24472
+ min-height: 48px;
24556
24473
  outline: none;
24557
- text-align: center;
24474
+ padding: 16px 24px;
24475
+ position: relative;
24476
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
24558
24477
  width: 100%;
24559
- height: 32px;
24560
- background: rgba(var(--v-theme-surface-variant), 0.2);
24561
- color: rgba(var(--v-theme-on-surface));
24478
+ justify-content: space-between;
24562
24479
  }
24563
- .v-color-picker-edit__input span {
24564
- font-size: 0.75rem;
24480
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
24481
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24482
+ }
24483
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
24484
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24485
+ }
24486
+ @supports not selector(:focus-visible) {
24487
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
24488
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24489
+ }
24490
+ }
24491
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
24492
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24493
+ }
24494
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
24495
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24496
+ }
24497
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
24498
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24499
+ }
24500
+ @supports not selector(:focus-visible) {
24501
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
24502
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24503
+ }
24504
+ }
24505
+ .v-expansion-panel-title--active::before {
24506
+ opacity: 0.12;
24507
+ }
24508
+
24509
+ .v-expansion-panel-title__overlay {
24510
+ position: absolute;
24511
+ top: 0;
24512
+ left: 0;
24513
+ width: 100%;
24514
+ height: 100%;
24515
+ background-color: currentColor;
24516
+ border-radius: inherit;
24517
+ opacity: 0;
24518
+ }
24519
+
24520
+ .v-expansion-panel-title__icon {
24521
+ display: inline-flex;
24522
+ margin-bottom: -4px;
24523
+ margin-top: -4px;
24524
+ -webkit-user-select: none;
24525
+ user-select: none;
24526
+ margin-inline-start: auto;
24527
+ }
24528
+
24529
+ .v-expansion-panel-text {
24530
+ display: flex;
24531
+ }
24532
+ .v-expansion-panel-text__wrapper {
24533
+ padding: 8px 24px 16px;
24534
+ flex: 1 1 auto;
24535
+ max-width: 100%;
24536
+ }
24537
+
24538
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
24539
+ margin-top: 0;
24540
+ }
24541
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
24542
+ opacity: 1;
24543
+ }
24544
+
24545
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
24546
+ max-width: calc(100% - 32px);
24547
+ }
24548
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
24549
+ max-width: calc(100% + 16px);
24550
+ }
24551
+
24552
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
24553
+ max-width: 100%;
24554
+ }
24555
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
24556
+ max-width: calc(100% - 32px);
24565
24557
  }.v-color-picker-canvas {
24566
24558
  display: flex;
24567
24559
  position: relative;
@@ -24584,6 +24576,34 @@ html.v-overlay-scroll-blocked {
24584
24576
  }
24585
24577
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24586
24578
  will-change: transform;
24579
+ }.v-color-picker-edit {
24580
+ display: flex;
24581
+ margin-top: 24px;
24582
+ }
24583
+
24584
+ .v-color-picker-edit__input {
24585
+ width: 100%;
24586
+ display: flex;
24587
+ flex-wrap: wrap;
24588
+ justify-content: center;
24589
+ text-align: center;
24590
+ }
24591
+ .v-color-picker-edit__input:not(:last-child) {
24592
+ margin-inline-end: 8px;
24593
+ }
24594
+ .v-color-picker-edit__input input {
24595
+ border-radius: 4px;
24596
+ margin-bottom: 8px;
24597
+ min-width: 0;
24598
+ outline: none;
24599
+ text-align: center;
24600
+ width: 100%;
24601
+ height: 32px;
24602
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24603
+ color: rgba(var(--v-theme-on-surface));
24604
+ }
24605
+ .v-color-picker-edit__input span {
24606
+ font-size: 0.75rem;
24587
24607
  }.v-color-picker-preview__alpha .v-slider-track__background {
24588
24608
  background-color: transparent !important;
24589
24609
  }