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

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 (65) hide show
  1. package/CHANGELOG.md +8 -3
  2. package/dist/json/attributes.json +95 -91
  3. package/dist/json/importMap-labs.json +22 -22
  4. package/dist/json/importMap.json +120 -120
  5. package/dist/json/tags.json +1 -0
  6. package/dist/json/web-types.json +202 -191
  7. package/dist/vuetify-labs.css +2399 -2378
  8. package/dist/vuetify-labs.d.ts +281 -233
  9. package/dist/vuetify-labs.esm.js +22 -14
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +22 -14
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +1041 -1020
  14. package/dist/vuetify.d.ts +325 -277
  15. package/dist/vuetify.esm.js +22 -14
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +22 -14
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +21 -22
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAlert/VAlert.css +3 -1
  23. package/lib/components/VAutocomplete/index.d.mts +18 -18
  24. package/lib/components/VAvatar/VAvatar.css +10 -1
  25. package/lib/components/VAvatar/VAvatar.mjs +6 -1
  26. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  27. package/lib/components/VAvatar/VAvatar.sass +1 -0
  28. package/lib/components/VAvatar/_variables.scss +13 -0
  29. package/lib/components/VAvatar/index.d.mts +6 -0
  30. package/lib/components/VBottomSheet/index.d.mts +15 -9
  31. package/lib/components/VBtn/VBtn.css +3 -1
  32. package/lib/components/VCard/VCard.css +3 -1
  33. package/lib/components/VChip/VChip.css +3 -1
  34. package/lib/components/VCombobox/index.d.mts +18 -18
  35. package/lib/components/VDataTable/VDataTableHeaders.mjs +2 -0
  36. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  37. package/lib/components/VDataTable/composables/select.mjs +7 -8
  38. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  39. package/lib/components/VDialog/index.d.mts +33 -27
  40. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  41. package/lib/components/VFileInput/index.d.mts +6 -6
  42. package/lib/components/VHover/VHover.mjs +1 -1
  43. package/lib/components/VHover/VHover.mjs.map +1 -1
  44. package/lib/components/VHover/index.d.mts +24 -24
  45. package/lib/components/VList/VListItem.css +3 -1
  46. package/lib/components/VMenu/index.d.mts +33 -27
  47. package/lib/components/VOverlay/VOverlay.mjs +5 -2
  48. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  49. package/lib/components/VOverlay/index.d.mts +15 -9
  50. package/lib/components/VSelect/index.d.mts +18 -18
  51. package/lib/components/VSnackbar/VSnackbar.css +3 -1
  52. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  53. package/lib/components/VSnackbar/index.d.mts +47 -41
  54. package/lib/components/VSpeedDial/index.d.mts +15 -9
  55. package/lib/components/VTooltip/index.d.mts +33 -27
  56. package/lib/components/index.d.mts +281 -233
  57. package/lib/entry-bundler.mjs +1 -1
  58. package/lib/entry-bundler.mjs.map +1 -1
  59. package/lib/framework.mjs +1 -1
  60. package/lib/framework.mjs.map +1 -1
  61. package/lib/index.d.mts +44 -44
  62. package/lib/labs/VSnackbarQueue/index.d.mts +47 -41
  63. package/lib/labs/components.d.mts +47 -41
  64. package/lib/styles/tools/_variant.sass +3 -1
  65. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.1-master.2024-05-01
2
+ * Vuetify v3.6.3-dev.2024-05-06
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17461,13 +17461,15 @@ html.overflow-y-hidden {
17461
17461
  background: currentColor;
17462
17462
  opacity: var(--v-activated-opacity);
17463
17463
  border-radius: inherit;
17464
- position: absolute;
17465
17464
  top: 0;
17466
17465
  right: 0;
17467
17466
  bottom: 0;
17468
17467
  left: 0;
17469
17468
  pointer-events: none;
17470
17469
  }
17470
+ .v-alert .v-alert__underlay {
17471
+ position: absolute;
17472
+ }
17471
17473
  .v-alert--prominent {
17472
17474
  grid-template-areas: "prepend content append close" "prepend content . .";
17473
17475
  }
@@ -17699,6 +17701,77 @@ html.overflow-y-hidden {
17699
17701
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17700
17702
  opacity: var(--v-high-emphasis-opacity);
17701
17703
  transform: rotate(180deg);
17704
+ }.v-badge {
17705
+ display: inline-block;
17706
+ line-height: 1;
17707
+ }
17708
+
17709
+ .v-badge__badge {
17710
+ align-items: center;
17711
+ display: inline-flex;
17712
+ border-radius: 10px;
17713
+ font-size: 0.75rem;
17714
+ font-weight: 500;
17715
+ height: 1.25rem;
17716
+ justify-content: center;
17717
+ min-width: 20px;
17718
+ padding: 4px 6px;
17719
+ pointer-events: auto;
17720
+ position: absolute;
17721
+ text-align: center;
17722
+ text-indent: 0;
17723
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17724
+ white-space: nowrap;
17725
+ background: rgb(var(--v-theme-surface-variant));
17726
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17727
+ }
17728
+ .v-badge--bordered .v-badge__badge::after {
17729
+ border-radius: inherit;
17730
+ border-style: solid;
17731
+ border-width: 2px;
17732
+ bottom: 0;
17733
+ color: rgb(var(--v-theme-background));
17734
+ content: "";
17735
+ left: 0;
17736
+ position: absolute;
17737
+ right: 0;
17738
+ top: 0;
17739
+ transform: scale(1.05);
17740
+ }
17741
+ .v-badge--dot .v-badge__badge {
17742
+ border-radius: 4.5px;
17743
+ height: 9px;
17744
+ min-width: 0;
17745
+ padding: 0;
17746
+ width: 9px;
17747
+ }
17748
+ .v-badge--dot .v-badge__badge::after {
17749
+ border-width: 1.5px;
17750
+ }
17751
+ .v-badge--inline .v-badge__badge {
17752
+ position: relative;
17753
+ vertical-align: middle;
17754
+ }
17755
+ .v-badge__badge .v-icon {
17756
+ color: inherit;
17757
+ font-size: 0.75rem;
17758
+ margin: 0 -2px;
17759
+ }
17760
+ .v-badge__badge img,
17761
+ .v-badge__badge .v-img {
17762
+ height: 100%;
17763
+ width: 100%;
17764
+ }
17765
+
17766
+ .v-badge__wrapper {
17767
+ display: flex;
17768
+ position: relative;
17769
+ }
17770
+ .v-badge--inline .v-badge__wrapper {
17771
+ align-items: center;
17772
+ display: inline-flex;
17773
+ justify-content: center;
17774
+ margin: 0 4px;
17702
17775
  }.v-avatar {
17703
17776
  flex: none;
17704
17777
  align-items: center;
@@ -17711,6 +17784,9 @@ html.overflow-y-hidden {
17711
17784
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17712
17785
  transition-property: width, height;
17713
17786
  vertical-align: middle;
17787
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17788
+ border-style: solid;
17789
+ border-width: thin;
17714
17790
  border-radius: 50%;
17715
17791
  }
17716
17792
  .v-avatar.v-avatar--size-x-small {
@@ -17740,6 +17816,10 @@ html.overflow-y-hidden {
17740
17816
  height: calc(var(--v-avatar-height) + -8px);
17741
17817
  width: calc(var(--v-avatar-height) + -8px);
17742
17818
  }
17819
+ .v-avatar--border {
17820
+ border-width: thin;
17821
+ box-shadow: none;
17822
+ }
17743
17823
  .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17744
17824
  background: transparent;
17745
17825
  color: inherit;
@@ -17773,13 +17853,15 @@ html.overflow-y-hidden {
17773
17853
  background: currentColor;
17774
17854
  opacity: var(--v-activated-opacity);
17775
17855
  border-radius: inherit;
17776
- position: absolute;
17777
17856
  top: 0;
17778
17857
  right: 0;
17779
17858
  bottom: 0;
17780
17859
  left: 0;
17781
17860
  pointer-events: none;
17782
17861
  }
17862
+ .v-avatar .v-avatar__underlay {
17863
+ position: absolute;
17864
+ }
17783
17865
  .v-avatar--rounded {
17784
17866
  border-radius: 4px;
17785
17867
  }
@@ -17792,77 +17874,6 @@ html.overflow-y-hidden {
17792
17874
  .v-avatar .v-img {
17793
17875
  height: 100%;
17794
17876
  width: 100%;
17795
- }.v-badge {
17796
- display: inline-block;
17797
- line-height: 1;
17798
- }
17799
-
17800
- .v-badge__badge {
17801
- align-items: center;
17802
- display: inline-flex;
17803
- border-radius: 10px;
17804
- font-size: 0.75rem;
17805
- font-weight: 500;
17806
- height: 1.25rem;
17807
- justify-content: center;
17808
- min-width: 20px;
17809
- padding: 4px 6px;
17810
- pointer-events: auto;
17811
- position: absolute;
17812
- text-align: center;
17813
- text-indent: 0;
17814
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17815
- white-space: nowrap;
17816
- background: rgb(var(--v-theme-surface-variant));
17817
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17818
- }
17819
- .v-badge--bordered .v-badge__badge::after {
17820
- border-radius: inherit;
17821
- border-style: solid;
17822
- border-width: 2px;
17823
- bottom: 0;
17824
- color: rgb(var(--v-theme-background));
17825
- content: "";
17826
- left: 0;
17827
- position: absolute;
17828
- right: 0;
17829
- top: 0;
17830
- transform: scale(1.05);
17831
- }
17832
- .v-badge--dot .v-badge__badge {
17833
- border-radius: 4.5px;
17834
- height: 9px;
17835
- min-width: 0;
17836
- padding: 0;
17837
- width: 9px;
17838
- }
17839
- .v-badge--dot .v-badge__badge::after {
17840
- border-width: 1.5px;
17841
- }
17842
- .v-badge--inline .v-badge__badge {
17843
- position: relative;
17844
- vertical-align: middle;
17845
- }
17846
- .v-badge__badge .v-icon {
17847
- color: inherit;
17848
- font-size: 0.75rem;
17849
- margin: 0 -2px;
17850
- }
17851
- .v-badge__badge img,
17852
- .v-badge__badge .v-img {
17853
- height: 100%;
17854
- width: 100%;
17855
- }
17856
-
17857
- .v-badge__wrapper {
17858
- display: flex;
17859
- position: relative;
17860
- }
17861
- .v-badge--inline .v-badge__wrapper {
17862
- align-items: center;
17863
- display: inline-flex;
17864
- justify-content: center;
17865
- margin: 0 4px;
17866
17877
  }.v-banner {
17867
17878
  display: grid;
17868
17879
  flex: 1 1;
@@ -18132,6 +18143,38 @@ html.overflow-y-hidden {
18132
18143
  display: inline-block;
18133
18144
  padding: 0 8px;
18134
18145
  vertical-align: middle;
18146
+ }.bottom-sheet-transition-enter-from {
18147
+ transform: translateY(100%);
18148
+ }
18149
+ .bottom-sheet-transition-leave-to {
18150
+ transform: translateY(100%);
18151
+ }
18152
+
18153
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18154
+ align-self: flex-end;
18155
+ border-radius: 0;
18156
+ flex: 0 1 auto;
18157
+ left: 0;
18158
+ right: 0;
18159
+ margin-inline: 0;
18160
+ margin-bottom: 0;
18161
+ transition-duration: 0.2s;
18162
+ width: 100%;
18163
+ max-width: 100%;
18164
+ overflow: visible;
18165
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18166
+ }
18167
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18168
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18169
+ border-radius: 0;
18170
+ }
18171
+ .v-bottom-sheet.v-bottom-sheet--inset {
18172
+ max-width: none;
18173
+ }
18174
+ @media (min-width: 600px) {
18175
+ .v-bottom-sheet.v-bottom-sheet--inset {
18176
+ max-width: 70%;
18177
+ }
18135
18178
  }.v-btn {
18136
18179
  align-items: center;
18137
18180
  border-radius: 4px;
@@ -18279,13 +18322,15 @@ html.overflow-y-hidden {
18279
18322
  background: currentColor;
18280
18323
  opacity: var(--v-activated-opacity);
18281
18324
  border-radius: inherit;
18282
- position: absolute;
18283
18325
  top: 0;
18284
18326
  right: 0;
18285
18327
  bottom: 0;
18286
18328
  left: 0;
18287
18329
  pointer-events: none;
18288
18330
  }
18331
+ .v-btn .v-btn__underlay {
18332
+ position: absolute;
18333
+ }
18289
18334
  @supports selector(:focus-visible) {
18290
18335
  .v-btn::after {
18291
18336
  content: "";
@@ -18598,6 +18643,19 @@ html.overflow-y-hidden {
18598
18643
  }
18599
18644
  .v-btn-group--tile {
18600
18645
  border-radius: 0;
18646
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18647
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18648
+ }
18649
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18650
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18651
+ }
18652
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18653
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18654
+ }
18655
+ @supports not selector(:focus-visible) {
18656
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18657
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18658
+ }
18601
18659
  }.v-card {
18602
18660
  display: block;
18603
18661
  overflow: hidden;
@@ -18682,13 +18740,15 @@ html.overflow-y-hidden {
18682
18740
  background: currentColor;
18683
18741
  opacity: var(--v-activated-opacity);
18684
18742
  border-radius: inherit;
18685
- position: absolute;
18686
18743
  top: 0;
18687
18744
  right: 0;
18688
18745
  bottom: 0;
18689
18746
  left: 0;
18690
18747
  pointer-events: none;
18691
18748
  }
18749
+ .v-card .v-card__underlay {
18750
+ position: absolute;
18751
+ }
18692
18752
  .v-card--disabled {
18693
18753
  pointer-events: none;
18694
18754
  -webkit-user-select: none;
@@ -18958,19 +19018,6 @@ html.overflow-y-hidden {
18958
19018
  flex-direction: column;
18959
19019
  height: 100% !important;
18960
19020
  width: 50px;
18961
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18962
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18963
- }
18964
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18965
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18966
- }
18967
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18968
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18969
- }
18970
- @supports not selector(:focus-visible) {
18971
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18972
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18973
- }
18974
19021
  }.v-checkbox.v-input {
18975
19022
  flex: 0 1 auto;
18976
19023
  }
@@ -19310,13 +19357,15 @@ html.overflow-y-hidden {
19310
19357
  background: currentColor;
19311
19358
  opacity: var(--v-activated-opacity);
19312
19359
  border-radius: inherit;
19313
- position: absolute;
19314
19360
  top: 0;
19315
19361
  right: 0;
19316
19362
  bottom: 0;
19317
19363
  left: 0;
19318
19364
  pointer-events: none;
19319
19365
  }
19366
+ .v-chip .v-chip__underlay {
19367
+ position: absolute;
19368
+ }
19320
19369
  .v-chip--border {
19321
19370
  border-width: thin;
19322
19371
  }
@@ -20182,24 +20231,235 @@ html.overflow-y-hidden {
20182
20231
  flex: 0 1 auto;
20183
20232
  font-size: 12px;
20184
20233
  transition-duration: 150ms;
20185
- }.v-data-table {
20186
- width: 100%;
20234
+ }.v-date-picker {
20235
+ overflow: hidden;
20236
+ width: 328px;
20187
20237
  }
20188
-
20189
- .v-data-table__table {
20190
- width: 100%;
20191
- border-collapse: separate;
20192
- border-spacing: 0;
20238
+ .v-date-picker--show-week {
20239
+ width: 368px;
20240
+ }.v-date-picker-controls {
20241
+ display: flex;
20242
+ align-items: center;
20243
+ justify-content: space-between;
20244
+ font-size: 0.875rem;
20245
+ padding-top: 4px;
20246
+ padding-bottom: 4px;
20247
+ padding-inline-start: 6px;
20248
+ padding-inline-end: 12px;
20193
20249
  }
20194
-
20195
- .v-data-table__tr--focus {
20196
- border: 1px dotted black;
20250
+ .v-date-picker-controls > .v-btn:first-child {
20251
+ text-transform: none;
20252
+ font-weight: 400;
20253
+ line-height: initial;
20254
+ letter-spacing: initial;
20197
20255
  }
20198
- .v-data-table__tr--clickable {
20199
- cursor: pointer;
20256
+ .v-date-picker-controls--variant-classic {
20257
+ padding-inline-start: 12px;
20200
20258
  }
20201
-
20202
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20259
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20260
+ opacity: 0.7;
20261
+ }
20262
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20263
+ cursor: pointer;
20264
+ }
20265
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20266
+ opacity: 1;
20267
+ }
20268
+ .v-date-picker-controls .v-btn:last-child {
20269
+ margin-inline-start: 4px;
20270
+ }
20271
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20272
+ transform: rotate(180deg);
20273
+ }
20274
+
20275
+ .v-date-picker-controls__date {
20276
+ margin-inline-end: 4px;
20277
+ }
20278
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20279
+ margin: auto;
20280
+ text-align: center;
20281
+ }
20282
+
20283
+ .v-date-picker-controls__month {
20284
+ display: flex;
20285
+ }
20286
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20287
+ flex-direction: row-reverse;
20288
+ }
20289
+
20290
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20291
+ flex: 1 0 auto;
20292
+ }
20293
+
20294
+ .v-date-picker__title {
20295
+ display: inline-block;
20296
+ }.v-date-picker-months {
20297
+ height: 288px;
20298
+ }
20299
+
20300
+ .v-date-picker-months__content {
20301
+ align-items: center;
20302
+ display: grid;
20303
+ flex: 1 1;
20304
+ height: inherit;
20305
+ justify-content: space-around;
20306
+ grid-template-columns: repeat(2, 1fr);
20307
+ grid-gap: 0px 24px;
20308
+ padding-inline-start: 36px;
20309
+ padding-inline-end: 36px;
20310
+ }
20311
+ .v-date-picker-months__content .v-btn {
20312
+ text-transform: none;
20313
+ padding-inline-start: 8px;
20314
+ padding-inline-end: 8px;
20315
+ }.v-date-picker-month {
20316
+ display: flex;
20317
+ justify-content: center;
20318
+ padding: 0 12px 8px;
20319
+ --v-date-picker-month-day-diff: 4px;
20320
+ }
20321
+
20322
+ .v-date-picker-month__weeks {
20323
+ display: grid;
20324
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20325
+ column-gap: 4px;
20326
+ font-size: 0.85rem;
20327
+ }
20328
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20329
+ grid-row-gap: 0;
20330
+ }
20331
+
20332
+ .v-date-picker-month__weekday {
20333
+ font-size: 0.85rem;
20334
+ }
20335
+
20336
+ .v-date-picker-month__days {
20337
+ display: grid;
20338
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20339
+ column-gap: 4px;
20340
+ flex: 1 1;
20341
+ justify-content: space-around;
20342
+ }
20343
+
20344
+ .v-date-picker-month__day {
20345
+ align-items: center;
20346
+ display: flex;
20347
+ justify-content: center;
20348
+ position: relative;
20349
+ height: 40px;
20350
+ width: 40px;
20351
+ }
20352
+ .v-date-picker-month__day--selected .v-btn {
20353
+ background-color: rgb(var(--v-theme-surface-variant));
20354
+ color: rgb(var(--v-theme-on-surface-variant));
20355
+ }
20356
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20357
+ --v-btn-height: 24px;
20358
+ --v-btn-size: 0.85rem;
20359
+ }
20360
+ .v-date-picker-month__day--week {
20361
+ font-size: var(--v-btn-size);
20362
+ }
20363
+
20364
+ .v-date-picker-month__day--adjacent {
20365
+ opacity: 0.5;
20366
+ }
20367
+
20368
+ .v-date-picker-month__day--hide-adjacent {
20369
+ opacity: 0;
20370
+ }.v-date-picker-header {
20371
+ align-items: flex-end;
20372
+ height: 70px;
20373
+ display: grid;
20374
+ grid-template-areas: "prepend content append";
20375
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20376
+ overflow: hidden;
20377
+ padding-inline: 24px 12px;
20378
+ padding-bottom: 12px;
20379
+ }
20380
+
20381
+ .v-date-picker-header__append {
20382
+ grid-area: append;
20383
+ }
20384
+
20385
+ .v-date-picker-header__prepend {
20386
+ grid-area: prepend;
20387
+ padding-inline-start: 8px;
20388
+ }
20389
+
20390
+ .v-date-picker-header__content {
20391
+ align-items: center;
20392
+ display: inline-flex;
20393
+ font-size: 32px;
20394
+ line-height: 40px;
20395
+ grid-area: content;
20396
+ justify-content: space-between;
20397
+ }
20398
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20399
+ cursor: pointer;
20400
+ }
20401
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20402
+ opacity: 0.7;
20403
+ }
20404
+
20405
+ .date-picker-header-transition-enter-active,
20406
+ .date-picker-header-reverse-transition-enter-active {
20407
+ transition-duration: 0.3s;
20408
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20409
+ }
20410
+ .date-picker-header-transition-leave-active,
20411
+ .date-picker-header-reverse-transition-leave-active {
20412
+ transition-duration: 0.3s;
20413
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20414
+ }
20415
+
20416
+ .date-picker-header-transition-enter-from {
20417
+ transform: translate(0, 100%);
20418
+ }
20419
+ .date-picker-header-transition-leave-to {
20420
+ opacity: 0;
20421
+ transform: translate(0, -100%);
20422
+ }
20423
+
20424
+ .date-picker-header-reverse-transition-enter-from {
20425
+ transform: translate(0, -100%);
20426
+ }
20427
+ .date-picker-header-reverse-transition-leave-to {
20428
+ opacity: 0;
20429
+ transform: translate(0, 100%);
20430
+ }.v-date-picker-years {
20431
+ height: 288px;
20432
+ overflow-y: scroll;
20433
+ }
20434
+
20435
+ .v-date-picker-years__content {
20436
+ display: grid;
20437
+ flex: 1 1;
20438
+ justify-content: space-around;
20439
+ grid-template-columns: repeat(3, 1fr);
20440
+ gap: 8px 24px;
20441
+ padding-inline: 32px;
20442
+ }
20443
+ .v-date-picker-years__content .v-btn {
20444
+ padding-inline: 8px;
20445
+ }.v-data-table {
20446
+ width: 100%;
20447
+ }
20448
+
20449
+ .v-data-table__table {
20450
+ width: 100%;
20451
+ border-collapse: separate;
20452
+ border-spacing: 0;
20453
+ }
20454
+
20455
+ .v-data-table__tr--focus {
20456
+ border: 1px dotted black;
20457
+ }
20458
+ .v-data-table__tr--clickable {
20459
+ cursor: pointer;
20460
+ }
20461
+
20462
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20203
20463
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20204
20464
  .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20205
20465
  .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
@@ -20395,266 +20655,98 @@ html.overflow-y-hidden {
20395
20655
  }
20396
20656
  .v-data-table-footer__page {
20397
20657
  padding: 0 8px;
20398
- }.v-date-picker {
20399
- overflow: hidden;
20400
- width: 328px;
20401
- }
20402
- .v-date-picker--show-week {
20403
- width: 368px;
20404
- }.v-date-picker-header {
20405
- align-items: flex-end;
20406
- height: 70px;
20407
- display: grid;
20408
- grid-template-areas: "prepend content append";
20409
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20410
- overflow: hidden;
20411
- padding-inline: 24px 12px;
20412
- padding-bottom: 12px;
20413
- }
20414
-
20415
- .v-date-picker-header__append {
20416
- grid-area: append;
20417
- }
20418
-
20419
- .v-date-picker-header__prepend {
20420
- grid-area: prepend;
20421
- padding-inline-start: 8px;
20422
- }
20423
-
20424
- .v-date-picker-header__content {
20658
+ }.v-dialog {
20425
20659
  align-items: center;
20426
- display: inline-flex;
20427
- font-size: 32px;
20428
- line-height: 40px;
20429
- grid-area: content;
20430
- justify-content: space-between;
20660
+ justify-content: center;
20661
+ margin: auto;
20431
20662
  }
20432
- .v-date-picker-header--clickable .v-date-picker-header__content {
20433
- cursor: pointer;
20663
+ .v-dialog > .v-overlay__content {
20664
+ max-height: calc(100% - 48px);
20665
+ width: calc(100% - 48px);
20666
+ max-width: calc(100% - 48px);
20667
+ margin: 24px;
20434
20668
  }
20435
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20436
- opacity: 0.7;
20669
+ .v-dialog > .v-overlay__content,
20670
+ .v-dialog > .v-overlay__content > form {
20671
+ display: flex;
20672
+ flex-direction: column;
20673
+ min-height: 0;
20437
20674
  }
20438
-
20439
- .date-picker-header-transition-enter-active,
20440
- .date-picker-header-reverse-transition-enter-active {
20441
- transition-duration: 0.3s;
20442
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20443
- }
20444
- .date-picker-header-transition-leave-active,
20445
- .date-picker-header-reverse-transition-leave-active {
20446
- transition-duration: 0.3s;
20447
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20448
- }
20449
-
20450
- .date-picker-header-transition-enter-from {
20451
- transform: translate(0, 100%);
20452
- }
20453
- .date-picker-header-transition-leave-to {
20454
- opacity: 0;
20455
- transform: translate(0, -100%);
20456
- }
20457
-
20458
- .date-picker-header-reverse-transition-enter-from {
20459
- transform: translate(0, -100%);
20460
- }
20461
- .date-picker-header-reverse-transition-leave-to {
20462
- opacity: 0;
20463
- transform: translate(0, 100%);
20464
- }.v-date-picker-controls {
20465
- display: flex;
20466
- align-items: center;
20467
- justify-content: space-between;
20468
- font-size: 0.875rem;
20469
- padding-top: 4px;
20470
- padding-bottom: 4px;
20471
- padding-inline-start: 6px;
20472
- padding-inline-end: 12px;
20473
- }
20474
- .v-date-picker-controls > .v-btn:first-child {
20475
- text-transform: none;
20476
- font-weight: 400;
20477
- line-height: initial;
20478
- letter-spacing: initial;
20479
- }
20480
- .v-date-picker-controls--variant-classic {
20481
- padding-inline-start: 12px;
20482
- }
20483
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20484
- opacity: 0.7;
20485
- }
20486
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20487
- cursor: pointer;
20488
- }
20489
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20490
- opacity: 1;
20491
- }
20492
- .v-date-picker-controls .v-btn:last-child {
20493
- margin-inline-start: 4px;
20494
- }
20495
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20496
- transform: rotate(180deg);
20497
- }
20498
-
20499
- .v-date-picker-controls__date {
20500
- margin-inline-end: 4px;
20501
- }
20502
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20503
- margin: auto;
20504
- text-align: center;
20505
- }
20506
-
20507
- .v-date-picker-controls__month {
20508
- display: flex;
20509
- }
20510
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20511
- flex-direction: row-reverse;
20512
- }
20513
-
20514
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20515
- flex: 1 0 auto;
20516
- }
20517
-
20518
- .v-date-picker__title {
20519
- display: inline-block;
20520
- }.v-date-picker-month {
20521
- display: flex;
20522
- justify-content: center;
20523
- padding: 0 12px 8px;
20524
- --v-date-picker-month-day-diff: 4px;
20525
- }
20526
-
20527
- .v-date-picker-month__weeks {
20528
- display: grid;
20529
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20530
- column-gap: 4px;
20531
- font-size: 0.85rem;
20532
- }
20533
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20534
- grid-row-gap: 0;
20535
- }
20536
-
20537
- .v-date-picker-month__weekday {
20538
- font-size: 0.85rem;
20539
- }
20540
-
20541
- .v-date-picker-month__days {
20542
- display: grid;
20543
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20544
- column-gap: 4px;
20545
- flex: 1 1;
20546
- justify-content: space-around;
20675
+ .v-dialog > .v-overlay__content > .v-card,
20676
+ .v-dialog > .v-overlay__content > .v-sheet,
20677
+ .v-dialog > .v-overlay__content > form > .v-card,
20678
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20679
+ --v-scrollbar-offset: 0px;
20680
+ border-radius: 4px;
20681
+ overflow-y: auto;
20682
+ 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));
20547
20683
  }
20548
-
20549
- .v-date-picker-month__day {
20550
- align-items: center;
20684
+ .v-dialog > .v-overlay__content > .v-card,
20685
+ .v-dialog > .v-overlay__content > form > .v-card {
20551
20686
  display: flex;
20552
- justify-content: center;
20553
- position: relative;
20554
- height: 40px;
20555
- width: 40px;
20556
- }
20557
- .v-date-picker-month__day--selected .v-btn {
20558
- background-color: rgb(var(--v-theme-surface-variant));
20559
- color: rgb(var(--v-theme-on-surface-variant));
20560
- }
20561
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20562
- --v-btn-height: 24px;
20563
- --v-btn-size: 0.85rem;
20564
- }
20565
- .v-date-picker-month__day--week {
20566
- font-size: var(--v-btn-size);
20687
+ flex-direction: column;
20567
20688
  }
20568
-
20569
- .v-date-picker-month__day--adjacent {
20570
- opacity: 0.5;
20689
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20690
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20691
+ padding: 16px 24px;
20571
20692
  }
20572
-
20573
- .v-date-picker-month__day--hide-adjacent {
20574
- opacity: 0;
20575
- }.v-date-picker-months {
20576
- height: 288px;
20693
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20694
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20695
+ padding-top: 0;
20577
20696
  }
20578
-
20579
- .v-date-picker-months__content {
20580
- align-items: center;
20581
- display: grid;
20582
- flex: 1 1;
20583
- height: inherit;
20584
- justify-content: space-around;
20585
- grid-template-columns: repeat(2, 1fr);
20586
- grid-gap: 0px 24px;
20587
- padding-inline-start: 36px;
20588
- padding-inline-end: 36px;
20697
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20698
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20699
+ font-size: inherit;
20700
+ letter-spacing: 0.03125em;
20701
+ line-height: inherit;
20702
+ padding: 16px 24px 24px;
20589
20703
  }
20590
- .v-date-picker-months__content .v-btn {
20591
- text-transform: none;
20592
- padding-inline-start: 8px;
20593
- padding-inline-end: 8px;
20594
- }.v-date-picker-years {
20595
- height: 288px;
20596
- overflow-y: scroll;
20704
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20705
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20706
+ justify-content: flex-end;
20597
20707
  }
20598
20708
 
20599
- .v-date-picker-years__content {
20600
- display: grid;
20601
- flex: 1 1;
20602
- justify-content: space-around;
20603
- grid-template-columns: repeat(3, 1fr);
20604
- gap: 8px 24px;
20605
- padding-inline: 32px;
20606
- }
20607
- .v-date-picker-years__content .v-btn {
20608
- padding-inline: 8px;
20609
- }.v-divider {
20610
- display: block;
20611
- flex: 1 1 100%;
20612
- height: 0px;
20613
- max-height: 0px;
20614
- opacity: var(--v-border-opacity);
20615
- transition: inherit;
20616
- border-style: solid;
20617
- border-width: thin 0 0 0;
20709
+ .v-dialog--fullscreen {
20710
+ --v-scrollbar-offset: 0px;
20618
20711
  }
20619
- .v-divider--vertical {
20620
- align-self: stretch;
20621
- border-width: 0 thin 0 0;
20622
- display: inline-flex;
20712
+ .v-dialog--fullscreen > .v-overlay__content {
20713
+ border-radius: 0;
20714
+ margin: 0;
20715
+ padding: 0;
20716
+ width: 100%;
20623
20717
  height: 100%;
20624
- margin-left: -1px;
20718
+ max-width: 100%;
20625
20719
  max-height: 100%;
20626
- max-width: 0px;
20627
- vertical-align: text-bottom;
20628
- width: 0px;
20629
- }
20630
- .v-divider--inset:not(.v-divider--vertical) {
20631
- max-width: calc(100% - 72px);
20632
- margin-inline-start: 72px;
20633
- }
20634
- .v-divider--inset.v-divider--vertical {
20635
- margin-bottom: 8px;
20636
- margin-top: 8px;
20637
- max-height: calc(100% - 16px);
20638
- }
20639
-
20640
- .v-divider__content {
20641
- padding: 0 16px;
20720
+ overflow-y: auto;
20721
+ top: 0;
20722
+ left: 0;
20642
20723
  }
20643
- .v-divider__wrapper--vertical .v-divider__content {
20644
- padding: 4px 0;
20724
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20725
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20726
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20727
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20728
+ min-height: 100%;
20729
+ min-width: 100%;
20730
+ border-radius: 0;
20645
20731
  }
20646
20732
 
20647
- .v-divider__wrapper {
20733
+ .v-dialog--scrollable > .v-overlay__content,
20734
+ .v-dialog--scrollable > .v-overlay__content > form {
20648
20735
  display: flex;
20649
- align-items: center;
20650
- justify-content: center;
20651
20736
  }
20652
- .v-divider__wrapper--vertical {
20737
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20738
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20739
+ display: flex;
20740
+ flex: 1 1 100%;
20653
20741
  flex-direction: column;
20654
- height: 100%;
20742
+ max-height: 100%;
20743
+ max-width: 100%;
20655
20744
  }
20656
- .v-divider__wrapper--vertical .v-divider {
20657
- margin: 0 auto;
20745
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20746
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20747
+ -webkit-backface-visibility: hidden;
20748
+ backface-visibility: hidden;
20749
+ overflow-y: auto;
20658
20750
  }.v-empty-state {
20659
20751
  align-items: center;
20660
20752
  display: flex;
@@ -20722,216 +20814,55 @@ html.overflow-y-hidden {
20722
20814
  .v-empty-state__action-btn.v-btn {
20723
20815
  background-color: rgb(var(--v-theme-surface-variant));
20724
20816
  color: rgb(var(--v-theme-on-surface-variant));
20725
- }.v-expansion-panel {
20726
- background-color: rgb(var(--v-theme-surface));
20727
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20728
- }
20729
- .v-expansion-panel:not(:first-child)::after {
20730
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20731
- }
20732
- .v-expansion-panel--disabled .v-expansion-panel-title {
20733
- color: rgba(var(--v-theme-on-surface), 0.26);
20734
- }
20735
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20736
- opacity: 0.4615384615;
20737
- }
20738
-
20739
- .v-expansion-panels {
20740
- display: flex;
20741
- flex-wrap: wrap;
20742
- justify-content: center;
20743
- list-style-type: none;
20744
- padding: 0;
20745
- width: 100%;
20746
- position: relative;
20747
- z-index: 1;
20748
- }
20749
- .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) {
20750
- border-bottom-left-radius: 0 !important;
20751
- border-bottom-right-radius: 0 !important;
20752
- }
20753
- .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) {
20754
- border-top-left-radius: 0 !important;
20755
- border-top-right-radius: 0 !important;
20756
- }
20757
- .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) {
20758
- border-bottom-left-radius: 0 !important;
20759
- border-bottom-right-radius: 0 !important;
20760
- }
20761
- .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) {
20762
- border-top-left-radius: 0 !important;
20763
- border-top-right-radius: 0 !important;
20764
- }
20765
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20766
- border-bottom-left-radius: 0 !important;
20767
- border-bottom-right-radius: 0 !important;
20768
- }
20769
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20770
- border-top-left-radius: 0 !important;
20771
- border-top-right-radius: 0 !important;
20772
- }
20773
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20774
- border-bottom-left-radius: initial;
20775
- border-bottom-right-radius: initial;
20776
- }
20777
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20778
- border-radius: 0 !important;
20779
- }
20780
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20781
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20782
- }
20783
-
20784
- .v-expansion-panel {
20785
- flex: 1 0 100%;
20786
- max-width: 100%;
20787
- position: relative;
20788
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20789
- transition-property: margin-top, border-radius, border, max-width;
20790
- border-radius: 4px;
20791
- }
20792
- .v-expansion-panel:not(:first-child)::after {
20793
- border-top-style: solid;
20794
- border-top-width: thin;
20795
- content: "";
20796
- left: 0;
20797
- position: absolute;
20798
- right: 0;
20799
- top: 0;
20800
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20801
- }
20802
- .v-expansion-panel--disabled .v-expansion-panel-title {
20803
- pointer-events: none;
20804
- }
20805
- .v-expansion-panel--active:not(:first-child),
20806
- .v-expansion-panel--active + .v-expansion-panel {
20807
- margin-top: 16px;
20808
- }
20809
- .v-expansion-panel--active:not(:first-child)::after,
20810
- .v-expansion-panel--active + .v-expansion-panel::after {
20811
- opacity: 0;
20812
- }
20813
- .v-expansion-panel--active > .v-expansion-panel-title {
20814
- border-bottom-left-radius: 0;
20815
- border-bottom-right-radius: 0;
20816
- }
20817
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20818
- min-height: 64px;
20817
+ }.v-divider {
20818
+ display: block;
20819
+ flex: 1 1 100%;
20820
+ height: 0px;
20821
+ max-height: 0px;
20822
+ opacity: var(--v-border-opacity);
20823
+ transition: inherit;
20824
+ border-style: solid;
20825
+ border-width: thin 0 0 0;
20819
20826
  }
20820
-
20821
- .v-expansion-panel__shadow {
20822
- position: absolute;
20823
- top: 0;
20824
- left: 0;
20825
- width: 100%;
20827
+ .v-divider--vertical {
20828
+ align-self: stretch;
20829
+ border-width: 0 thin 0 0;
20830
+ display: inline-flex;
20826
20831
  height: 100%;
20827
- 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));
20828
- border-radius: inherit;
20829
- z-index: -1;
20830
- }
20831
-
20832
- .v-expansion-panel-title {
20833
- align-items: center;
20834
- text-align: start;
20835
- border-radius: inherit;
20836
- display: flex;
20837
- font-size: 0.9375rem;
20838
- line-height: 1;
20839
- min-height: 48px;
20840
- outline: none;
20841
- padding: 16px 24px;
20842
- position: relative;
20843
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20844
- width: 100%;
20845
- justify-content: space-between;
20846
- }
20847
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20848
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20849
- }
20850
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20851
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20852
- }
20853
- @supports not selector(:focus-visible) {
20854
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20855
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20856
- }
20857
- }
20858
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20859
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20860
- }
20861
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20862
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20832
+ margin-left: -1px;
20833
+ max-height: 100%;
20834
+ max-width: 0px;
20835
+ vertical-align: text-bottom;
20836
+ width: 0px;
20863
20837
  }
20864
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20865
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20838
+ .v-divider--inset:not(.v-divider--vertical) {
20839
+ max-width: calc(100% - 72px);
20840
+ margin-inline-start: 72px;
20866
20841
  }
20867
- @supports not selector(:focus-visible) {
20868
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20869
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20870
- }
20842
+ .v-divider--inset.v-divider--vertical {
20843
+ margin-bottom: 8px;
20844
+ margin-top: 8px;
20845
+ max-height: calc(100% - 16px);
20871
20846
  }
20872
20847
 
20873
- .v-expansion-panel-title__overlay {
20874
- position: absolute;
20875
- top: 0;
20876
- left: 0;
20877
- width: 100%;
20878
- height: 100%;
20879
- background-color: currentColor;
20880
- border-radius: inherit;
20881
- opacity: 0;
20848
+ .v-divider__content {
20849
+ padding: 0 16px;
20882
20850
  }
20883
-
20884
- .v-expansion-panel-title__icon {
20885
- display: inline-flex;
20886
- margin-bottom: -4px;
20887
- margin-top: -4px;
20888
- -webkit-user-select: none;
20889
- user-select: none;
20890
- margin-inline-start: auto;
20851
+ .v-divider__wrapper--vertical .v-divider__content {
20852
+ padding: 4px 0;
20891
20853
  }
20892
20854
 
20893
- .v-expansion-panel-text {
20855
+ .v-divider__wrapper {
20894
20856
  display: flex;
20857
+ align-items: center;
20858
+ justify-content: center;
20895
20859
  }
20896
- .v-expansion-panel-text__wrapper {
20897
- padding: 8px 24px 16px;
20898
- flex: 1 1 auto;
20899
- max-width: 100%;
20900
- }
20901
-
20902
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20903
- margin-top: 0;
20904
- }
20905
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20906
- opacity: 1;
20907
- }
20908
-
20909
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20910
- max-width: calc(100% - 32px);
20911
- }
20912
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20913
- max-width: calc(100% + 16px);
20914
- }
20915
-
20916
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20917
- max-width: 100%;
20918
- }
20919
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20920
- max-width: calc(100% - 32px);
20921
- }
20922
-
20923
- .v-expansion-panels--flat > .v-expansion-panel::after {
20924
- border-top: none;
20925
- }
20926
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20927
- display: none;
20928
- }
20929
-
20930
- .v-expansion-panels--tile {
20931
- border-radius: 0;
20860
+ .v-divider__wrapper--vertical {
20861
+ flex-direction: column;
20862
+ height: 100%;
20932
20863
  }
20933
- .v-expansion-panels--tile > .v-expansion-panel {
20934
- border-radius: 0;
20864
+ .v-divider__wrapper--vertical .v-divider {
20865
+ margin: 0 auto;
20935
20866
  }.v-fab {
20936
20867
  align-items: center;
20937
20868
  display: inline-flex;
@@ -20999,8 +20930,37 @@ html.overflow-y-hidden {
20999
20930
  .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21000
20931
  left: 0;
21001
20932
  }
21002
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21003
- right: 0;
20933
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20934
+ right: 0;
20935
+ }.v-file-input--hide.v-input .v-field,
20936
+ .v-file-input--hide.v-input .v-input__control,
20937
+ .v-file-input--hide.v-input .v-input__details {
20938
+ display: none;
20939
+ }
20940
+ .v-file-input--hide.v-input .v-input__prepend {
20941
+ grid-area: control;
20942
+ margin: 0 auto;
20943
+ }
20944
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20945
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20946
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20947
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20948
+ top: 0px;
20949
+ }
20950
+ .v-file-input input[type=file] {
20951
+ height: 100%;
20952
+ left: 0;
20953
+ opacity: 0;
20954
+ position: absolute;
20955
+ top: 0;
20956
+ width: 100%;
20957
+ z-index: 1;
20958
+ }
20959
+ .v-file-input .v-input__details {
20960
+ padding-inline: 16px;
20961
+ }
20962
+ .v-input--plain-underlined.v-file-input .v-input__details {
20963
+ padding-inline: 0;
21004
20964
  }/* region INPUT */
21005
20965
  .v-field {
21006
20966
  display: grid;
@@ -21571,36 +21531,7 @@ textarea.v-field__input::placeholder {
21571
21531
  opacity: 0;
21572
21532
  }
21573
21533
 
21574
- /* endregion */.v-file-input--hide.v-input .v-field,
21575
- .v-file-input--hide.v-input .v-input__control,
21576
- .v-file-input--hide.v-input .v-input__details {
21577
- display: none;
21578
- }
21579
- .v-file-input--hide.v-input .v-input__prepend {
21580
- grid-area: control;
21581
- margin: 0 auto;
21582
- }
21583
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21584
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21585
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21586
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21587
- top: 0px;
21588
- }
21589
- .v-file-input input[type=file] {
21590
- height: 100%;
21591
- left: 0;
21592
- opacity: 0;
21593
- position: absolute;
21594
- top: 0;
21595
- width: 100%;
21596
- z-index: 1;
21597
- }
21598
- .v-file-input .v-input__details {
21599
- padding-inline: 16px;
21600
- }
21601
- .v-input--plain-underlined.v-file-input .v-input__details {
21602
- padding-inline: 0;
21603
- }.v-footer {
21534
+ /* endregion */.v-footer {
21604
21535
  align-items: center;
21605
21536
  display: flex;
21606
21537
  flex: 1 1 auto;
@@ -21628,98 +21559,42 @@ textarea.v-field__input::placeholder {
21628
21559
  }
21629
21560
  .v-footer--rounded {
21630
21561
  border-radius: 4px;
21631
- }.v-dialog {
21632
- align-items: center;
21633
- justify-content: center;
21634
- margin: auto;
21635
- }
21636
- .v-dialog > .v-overlay__content {
21637
- max-height: calc(100% - 48px);
21638
- width: calc(100% - 48px);
21639
- max-width: calc(100% - 48px);
21640
- margin: 24px;
21562
+ }.v-img {
21563
+ --v-theme-overlay-multiplier: 3;
21564
+ z-index: 0;
21641
21565
  }
21642
- .v-dialog > .v-overlay__content,
21643
- .v-dialog > .v-overlay__content > form {
21644
- display: flex;
21645
- flex-direction: column;
21646
- min-height: 0;
21566
+ .v-img--booting .v-responsive__sizer {
21567
+ transition: none;
21647
21568
  }
21648
- .v-dialog > .v-overlay__content > .v-card,
21649
- .v-dialog > .v-overlay__content > .v-sheet,
21650
- .v-dialog > .v-overlay__content > form > .v-card,
21651
- .v-dialog > .v-overlay__content > form > .v-sheet {
21652
- --v-scrollbar-offset: 0px;
21569
+ .v-img--rounded {
21653
21570
  border-radius: 4px;
21654
- overflow-y: auto;
21655
- 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));
21656
- }
21657
- .v-dialog > .v-overlay__content > .v-card,
21658
- .v-dialog > .v-overlay__content > form > .v-card {
21659
- display: flex;
21660
- flex-direction: column;
21661
- }
21662
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21663
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21664
- padding: 16px 24px;
21665
- }
21666
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21667
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21668
- padding-top: 0;
21669
- }
21670
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21671
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21672
- font-size: inherit;
21673
- letter-spacing: 0.03125em;
21674
- line-height: inherit;
21675
- padding: 16px 24px 24px;
21676
- }
21677
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21678
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21679
- justify-content: flex-end;
21680
21571
  }
21681
21572
 
21682
- .v-dialog--fullscreen {
21683
- --v-scrollbar-offset: 0px;
21684
- }
21685
- .v-dialog--fullscreen > .v-overlay__content {
21686
- border-radius: 0;
21687
- margin: 0;
21688
- padding: 0;
21689
- width: 100%;
21690
- height: 100%;
21691
- max-width: 100%;
21692
- max-height: 100%;
21693
- overflow-y: auto;
21573
+ .v-img__img,
21574
+ .v-img__picture,
21575
+ .v-img__gradient,
21576
+ .v-img__placeholder,
21577
+ .v-img__error {
21578
+ z-index: -1;
21579
+ position: absolute;
21694
21580
  top: 0;
21695
21581
  left: 0;
21696
- }
21697
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
21698
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21699
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21700
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21701
- min-height: 100%;
21702
- min-width: 100%;
21703
- border-radius: 0;
21582
+ width: 100%;
21583
+ height: 100%;
21704
21584
  }
21705
21585
 
21706
- .v-dialog--scrollable > .v-overlay__content,
21707
- .v-dialog--scrollable > .v-overlay__content > form {
21708
- display: flex;
21586
+ .v-img__img--preload {
21587
+ filter: blur(4px);
21709
21588
  }
21710
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21711
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21712
- display: flex;
21713
- flex: 1 1 100%;
21714
- flex-direction: column;
21715
- max-height: 100%;
21716
- max-width: 100%;
21589
+ .v-img__img--contain {
21590
+ object-fit: contain;
21717
21591
  }
21718
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21719
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21720
- -webkit-backface-visibility: hidden;
21721
- backface-visibility: hidden;
21722
- overflow-y: auto;
21592
+ .v-img__img--cover {
21593
+ object-fit: cover;
21594
+ }
21595
+
21596
+ .v-img__gradient {
21597
+ background-repeat: no-repeat;
21723
21598
  }.v-icon {
21724
21599
  --v-icon-size-multiplier: 1;
21725
21600
  align-items: center;
@@ -21773,67 +21648,6 @@ textarea.v-field__input::placeholder {
21773
21648
 
21774
21649
  .v-icon--end {
21775
21650
  margin-inline-start: 8px;
21776
- }.v-img {
21777
- --v-theme-overlay-multiplier: 3;
21778
- z-index: 0;
21779
- }
21780
- .v-img--booting .v-responsive__sizer {
21781
- transition: none;
21782
- }
21783
- .v-img--rounded {
21784
- border-radius: 4px;
21785
- }
21786
-
21787
- .v-img__img,
21788
- .v-img__picture,
21789
- .v-img__gradient,
21790
- .v-img__placeholder,
21791
- .v-img__error {
21792
- z-index: -1;
21793
- position: absolute;
21794
- top: 0;
21795
- left: 0;
21796
- width: 100%;
21797
- height: 100%;
21798
- }
21799
-
21800
- .v-img__img--preload {
21801
- filter: blur(4px);
21802
- }
21803
- .v-img__img--contain {
21804
- object-fit: contain;
21805
- }
21806
- .v-img__img--cover {
21807
- object-fit: cover;
21808
- }
21809
-
21810
- .v-img__gradient {
21811
- background-repeat: no-repeat;
21812
- }.v-infinite-scroll--horizontal {
21813
- display: flex;
21814
- flex-direction: row;
21815
- overflow-x: auto;
21816
- }
21817
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21818
- height: 100%;
21819
- width: 1px;
21820
- }
21821
-
21822
- .v-infinite-scroll--vertical {
21823
- display: flex;
21824
- flex-direction: column;
21825
- overflow-y: auto;
21826
- }
21827
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21828
- height: 1px;
21829
- width: 100%;
21830
- }
21831
-
21832
- .v-infinite-scroll__side {
21833
- align-items: center;
21834
- display: flex;
21835
- justify-content: center;
21836
- padding: 8px;
21837
21651
  }.v-input {
21838
21652
  display: grid;
21839
21653
  flex: 1 1 auto;
@@ -21976,18 +21790,36 @@ textarea.v-field__input::placeholder {
21976
21790
 
21977
21791
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21978
21792
  padding-top: calc(var(--v-input-padding-top) + 0px);
21793
+ }.v-infinite-scroll--horizontal {
21794
+ display: flex;
21795
+ flex-direction: row;
21796
+ overflow-x: auto;
21797
+ }
21798
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21799
+ height: 100%;
21800
+ width: 1px;
21801
+ }
21802
+
21803
+ .v-infinite-scroll--vertical {
21804
+ display: flex;
21805
+ flex-direction: column;
21806
+ overflow-y: auto;
21807
+ }
21808
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21809
+ height: 1px;
21810
+ width: 100%;
21811
+ }
21812
+
21813
+ .v-infinite-scroll__side {
21814
+ align-items: center;
21815
+ display: flex;
21816
+ justify-content: center;
21817
+ padding: 8px;
21979
21818
  }.v-item-group {
21980
21819
  flex: 0 1 auto;
21981
21820
  max-width: 100%;
21982
21821
  position: relative;
21983
21822
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21984
- }.v-layout-item {
21985
- position: absolute;
21986
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21987
- }
21988
-
21989
- .v-layout-item--absolute {
21990
- position: absolute;
21991
21823
  }.v-layout {
21992
21824
  --v-scrollbar-offset: 0px;
21993
21825
  display: flex;
@@ -21996,6 +21828,28 @@ textarea.v-field__input::placeholder {
21996
21828
  .v-layout--full-height {
21997
21829
  --v-scrollbar-offset: inherit;
21998
21830
  height: 100%;
21831
+ }.v-layout-item {
21832
+ position: absolute;
21833
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21834
+ }
21835
+
21836
+ .v-layout-item--absolute {
21837
+ position: absolute;
21838
+ }.v-label {
21839
+ align-items: center;
21840
+ color: inherit;
21841
+ display: inline-flex;
21842
+ font-size: 1rem;
21843
+ letter-spacing: 0.009375em;
21844
+ min-width: 0;
21845
+ opacity: var(--v-medium-emphasis-opacity);
21846
+ overflow: hidden;
21847
+ text-overflow: ellipsis;
21848
+ white-space: nowrap;
21849
+ }
21850
+
21851
+ .v-label--clickable {
21852
+ cursor: pointer;
21999
21853
  }.v-list {
22000
21854
  overflow: auto;
22001
21855
  padding: 8px 0;
@@ -22175,13 +22029,15 @@ textarea.v-field__input::placeholder {
22175
22029
  background: currentColor;
22176
22030
  opacity: var(--v-activated-opacity);
22177
22031
  border-radius: inherit;
22178
- position: absolute;
22179
22032
  top: 0;
22180
22033
  right: 0;
22181
22034
  bottom: 0;
22182
22035
  left: 0;
22183
22036
  pointer-events: none;
22184
22037
  }
22038
+ .v-list-item .v-list-item__underlay {
22039
+ position: absolute;
22040
+ }
22185
22041
  @supports selector(:focus-visible) {
22186
22042
  .v-list-item::after {
22187
22043
  content: "";
@@ -22551,8 +22407,6 @@ textarea.v-field__input::placeholder {
22551
22407
  }
22552
22408
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22553
22409
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22554
- }.v-locale-provider {
22555
- display: contents;
22556
22410
  }.v-main {
22557
22411
  flex: 1 0 auto;
22558
22412
  max-width: 100%;
@@ -22581,6 +22435,8 @@ textarea.v-field__input::placeholder {
22581
22435
  --v-layout-right: 0px;
22582
22436
  --v-layout-top: 0px;
22583
22437
  --v-layout-bottom: 0px;
22438
+ }.v-locale-provider {
22439
+ display: contents;
22584
22440
  }.v-menu > .v-overlay__content {
22585
22441
  display: flex;
22586
22442
  flex-direction: column;
@@ -22594,21 +22450,22 @@ textarea.v-field__input::placeholder {
22594
22450
  overflow: auto;
22595
22451
  height: 100%;
22596
22452
  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));
22597
- }.v-label {
22598
- align-items: center;
22599
- color: inherit;
22600
- display: inline-flex;
22601
- font-size: 1rem;
22602
- letter-spacing: 0.009375em;
22603
- min-width: 0;
22453
+ }.v-messages {
22454
+ flex: 1 1 auto;
22455
+ font-size: 12px;
22456
+ min-height: 14px;
22457
+ min-width: 1px;
22604
22458
  opacity: var(--v-medium-emphasis-opacity);
22605
- overflow: hidden;
22606
- text-overflow: ellipsis;
22607
- white-space: nowrap;
22459
+ position: relative;
22608
22460
  }
22609
-
22610
- .v-label--clickable {
22611
- cursor: pointer;
22461
+ .v-messages__message {
22462
+ line-height: 12px;
22463
+ word-break: break-word;
22464
+ overflow-wrap: break-word;
22465
+ word-wrap: break-word;
22466
+ -webkit-hyphens: auto;
22467
+ hyphens: auto;
22468
+ transition-duration: 150ms;
22612
22469
  }.v-navigation-drawer {
22613
22470
  -webkit-overflow-scrolling: touch;
22614
22471
  background: rgb(var(--v-theme-surface));
@@ -22711,22 +22568,6 @@ textarea.v-field__input::placeholder {
22711
22568
  .v-navigation-drawer__append {
22712
22569
  flex: none;
22713
22570
  overflow: hidden;
22714
- }.v-messages {
22715
- flex: 1 1 auto;
22716
- font-size: 12px;
22717
- min-height: 14px;
22718
- min-width: 1px;
22719
- opacity: var(--v-medium-emphasis-opacity);
22720
- position: relative;
22721
- }
22722
- .v-messages__message {
22723
- line-height: 12px;
22724
- word-break: break-word;
22725
- overflow-wrap: break-word;
22726
- word-wrap: break-word;
22727
- -webkit-hyphens: auto;
22728
- hyphens: auto;
22729
- transition-duration: 150ms;
22730
22571
  }.v-otp-input {
22731
22572
  border-radius: 4px;
22732
22573
  align-items: center;
@@ -23185,6 +23026,60 @@ html.v-overlay-scroll-blocked {
23185
23026
  }
23186
23027
  .v-radio-group .v-input__details {
23187
23028
  padding-inline: 16px;
23029
+ }.v-rating {
23030
+ max-width: 100%;
23031
+ display: inline-flex;
23032
+ white-space: nowrap;
23033
+ }
23034
+ .v-rating--readonly {
23035
+ pointer-events: none;
23036
+ }
23037
+
23038
+ .v-rating__wrapper {
23039
+ align-items: center;
23040
+ display: inline-flex;
23041
+ flex-direction: column;
23042
+ }
23043
+ .v-rating__wrapper--bottom {
23044
+ flex-direction: column-reverse;
23045
+ }
23046
+
23047
+ .v-rating__item {
23048
+ display: inline-flex;
23049
+ position: relative;
23050
+ }
23051
+ .v-rating__item label {
23052
+ cursor: pointer;
23053
+ }
23054
+ .v-rating__item .v-btn--variant-plain {
23055
+ opacity: 1;
23056
+ }
23057
+ .v-rating__item .v-btn {
23058
+ transition-property: transform;
23059
+ }
23060
+ .v-rating__item .v-btn .v-icon {
23061
+ transition: inherit;
23062
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23063
+ }
23064
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23065
+ transform: scale(1.25);
23066
+ }
23067
+ .v-rating__item--half {
23068
+ overflow: hidden;
23069
+ position: absolute;
23070
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23071
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23072
+ z-index: 1;
23073
+ }
23074
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23075
+ opacity: 0;
23076
+ }
23077
+
23078
+ .v-rating__hidden {
23079
+ height: 0;
23080
+ opacity: 0;
23081
+ position: absolute;
23082
+ width: 0;
23188
23083
  }.v-slider .v-slider__container input {
23189
23084
  cursor: default;
23190
23085
  padding: 0;
@@ -23242,60 +23137,6 @@ html.v-overlay-scroll-blocked {
23242
23137
 
23243
23138
  .v-slider__label {
23244
23139
  margin-inline-end: 12px;
23245
- }.v-rating {
23246
- max-width: 100%;
23247
- display: inline-flex;
23248
- white-space: nowrap;
23249
- }
23250
- .v-rating--readonly {
23251
- pointer-events: none;
23252
- }
23253
-
23254
- .v-rating__wrapper {
23255
- align-items: center;
23256
- display: inline-flex;
23257
- flex-direction: column;
23258
- }
23259
- .v-rating__wrapper--bottom {
23260
- flex-direction: column-reverse;
23261
- }
23262
-
23263
- .v-rating__item {
23264
- display: inline-flex;
23265
- position: relative;
23266
- }
23267
- .v-rating__item label {
23268
- cursor: pointer;
23269
- }
23270
- .v-rating__item .v-btn--variant-plain {
23271
- opacity: 1;
23272
- }
23273
- .v-rating__item .v-btn {
23274
- transition-property: transform;
23275
- }
23276
- .v-rating__item .v-btn .v-icon {
23277
- transition: inherit;
23278
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23279
- }
23280
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23281
- transform: scale(1.25);
23282
- }
23283
- .v-rating__item--half {
23284
- overflow: hidden;
23285
- position: absolute;
23286
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23287
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23288
- z-index: 1;
23289
- }
23290
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23291
- opacity: 0;
23292
- }
23293
-
23294
- .v-rating__hidden {
23295
- height: 0;
23296
- opacity: 0;
23297
- position: absolute;
23298
- width: 0;
23299
23140
  }.v-responsive {
23300
23141
  display: flex;
23301
23142
  flex: 1 0 auto;
@@ -23838,13 +23679,15 @@ html.v-overlay-scroll-blocked {
23838
23679
  background: currentColor;
23839
23680
  opacity: var(--v-activated-opacity);
23840
23681
  border-radius: inherit;
23841
- position: absolute;
23842
23682
  top: 0;
23843
23683
  right: 0;
23844
23684
  bottom: 0;
23845
23685
  left: 0;
23846
23686
  pointer-events: none;
23847
23687
  }
23688
+ .v-snackbar .v-snackbar__underlay {
23689
+ position: absolute;
23690
+ }
23848
23691
 
23849
23692
  .v-snackbar__content {
23850
23693
  flex-grow: 1;
@@ -24251,6 +24094,101 @@ html.v-overlay-scroll-blocked {
24251
24094
  }
24252
24095
  .v-system-bar:not(.v-system-bar--absolute) {
24253
24096
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24097
+ }.v-tab.v-tab.v-btn {
24098
+ height: var(--v-tabs-height);
24099
+ border-radius: 0;
24100
+ min-width: 90px;
24101
+ }
24102
+ .v-slide-group--horizontal .v-tab {
24103
+ max-width: 360px;
24104
+ }
24105
+ .v-slide-group--vertical .v-tab {
24106
+ justify-content: start;
24107
+ }
24108
+
24109
+ .v-tab__slider {
24110
+ position: absolute;
24111
+ bottom: 0;
24112
+ left: 0;
24113
+ height: 2px;
24114
+ width: 100%;
24115
+ background: currentColor;
24116
+ pointer-events: none;
24117
+ opacity: 0;
24118
+ }
24119
+ .v-tab--selected .v-tab__slider {
24120
+ opacity: 1;
24121
+ }
24122
+ .v-slide-group--vertical .v-tab__slider {
24123
+ top: 0;
24124
+ height: 100%;
24125
+ width: 2px;
24126
+ }.v-tabs {
24127
+ display: flex;
24128
+ height: var(--v-tabs-height);
24129
+ }
24130
+ .v-tabs--density-default {
24131
+ --v-tabs-height: 48px;
24132
+ }
24133
+ .v-tabs--density-default.v-tabs--stacked {
24134
+ --v-tabs-height: 72px;
24135
+ }
24136
+
24137
+ .v-tabs--density-comfortable {
24138
+ --v-tabs-height: 44px;
24139
+ }
24140
+ .v-tabs--density-comfortable.v-tabs--stacked {
24141
+ --v-tabs-height: 68px;
24142
+ }
24143
+
24144
+ .v-tabs--density-compact {
24145
+ --v-tabs-height: 36px;
24146
+ }
24147
+ .v-tabs--density-compact.v-tabs--stacked {
24148
+ --v-tabs-height: 60px;
24149
+ }
24150
+
24151
+ .v-tabs.v-slide-group--vertical {
24152
+ height: auto;
24153
+ flex: none;
24154
+ --v-tabs-height: 48px;
24155
+ }
24156
+
24157
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24158
+ margin-inline-start: 42px;
24159
+ }
24160
+
24161
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24162
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24163
+ margin-inline-end: auto;
24164
+ }
24165
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24166
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24167
+ margin-inline-start: auto;
24168
+ }
24169
+
24170
+ .v-tabs--grow {
24171
+ flex-grow: 1;
24172
+ }
24173
+ .v-tabs--grow .v-tab {
24174
+ flex: 1 0 auto;
24175
+ max-width: none;
24176
+ }
24177
+
24178
+ .v-tabs--align-tabs-end .v-tab:first-child {
24179
+ margin-inline-start: auto;
24180
+ }
24181
+ .v-tabs--align-tabs-end .v-tab:last-child {
24182
+ margin-inline-end: 0;
24183
+ }
24184
+
24185
+ @media (max-width: 1279.98px) {
24186
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24187
+ margin-inline-start: 52px;
24188
+ }
24189
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24190
+ margin-inline-end: 52px;
24191
+ }
24254
24192
  }.v-table {
24255
24193
  background: rgb(var(--v-theme-surface));
24256
24194
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24389,101 +24327,6 @@ html.v-overlay-scroll-blocked {
24389
24327
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24390
24328
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24391
24329
  border-top: 0px !important;
24392
- }.v-tab.v-tab.v-btn {
24393
- height: var(--v-tabs-height);
24394
- border-radius: 0;
24395
- min-width: 90px;
24396
- }
24397
- .v-slide-group--horizontal .v-tab {
24398
- max-width: 360px;
24399
- }
24400
- .v-slide-group--vertical .v-tab {
24401
- justify-content: start;
24402
- }
24403
-
24404
- .v-tab__slider {
24405
- position: absolute;
24406
- bottom: 0;
24407
- left: 0;
24408
- height: 2px;
24409
- width: 100%;
24410
- background: currentColor;
24411
- pointer-events: none;
24412
- opacity: 0;
24413
- }
24414
- .v-tab--selected .v-tab__slider {
24415
- opacity: 1;
24416
- }
24417
- .v-slide-group--vertical .v-tab__slider {
24418
- top: 0;
24419
- height: 100%;
24420
- width: 2px;
24421
- }.v-tabs {
24422
- display: flex;
24423
- height: var(--v-tabs-height);
24424
- }
24425
- .v-tabs--density-default {
24426
- --v-tabs-height: 48px;
24427
- }
24428
- .v-tabs--density-default.v-tabs--stacked {
24429
- --v-tabs-height: 72px;
24430
- }
24431
-
24432
- .v-tabs--density-comfortable {
24433
- --v-tabs-height: 44px;
24434
- }
24435
- .v-tabs--density-comfortable.v-tabs--stacked {
24436
- --v-tabs-height: 68px;
24437
- }
24438
-
24439
- .v-tabs--density-compact {
24440
- --v-tabs-height: 36px;
24441
- }
24442
- .v-tabs--density-compact.v-tabs--stacked {
24443
- --v-tabs-height: 60px;
24444
- }
24445
-
24446
- .v-tabs.v-slide-group--vertical {
24447
- height: auto;
24448
- flex: none;
24449
- --v-tabs-height: 48px;
24450
- }
24451
-
24452
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24453
- margin-inline-start: 42px;
24454
- }
24455
-
24456
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24457
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24458
- margin-inline-end: auto;
24459
- }
24460
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24461
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24462
- margin-inline-start: auto;
24463
- }
24464
-
24465
- .v-tabs--grow {
24466
- flex-grow: 1;
24467
- }
24468
- .v-tabs--grow .v-tab {
24469
- flex: 1 0 auto;
24470
- max-width: none;
24471
- }
24472
-
24473
- .v-tabs--align-tabs-end .v-tab:first-child {
24474
- margin-inline-start: auto;
24475
- }
24476
- .v-tabs--align-tabs-end .v-tab:last-child {
24477
- margin-inline-end: 0;
24478
- }
24479
-
24480
- @media (max-width: 1279.98px) {
24481
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24482
- margin-inline-start: 52px;
24483
- }
24484
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24485
- margin-inline-end: 52px;
24486
- }
24487
24330
  }/* region BLOCK */
24488
24331
  .v-text-field input {
24489
24332
  color: inherit;
@@ -25160,15 +25003,6 @@ html.v-overlay-scroll-blocked {
25160
25003
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25161
25004
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25162
25005
  transition-duration: 75ms;
25163
- }.v-virtual-scroll {
25164
- display: block;
25165
- flex: 1 1 auto;
25166
- max-width: 100%;
25167
- overflow: auto;
25168
- position: relative;
25169
- }
25170
- .v-virtual-scroll__container {
25171
- display: block;
25172
25006
  }.v-window {
25173
25007
  overflow: hidden;
25174
25008
  }
@@ -25216,124 +25050,270 @@ html.v-overlay-scroll-blocked {
25216
25050
  top: 0;
25217
25051
  width: 100%;
25218
25052
  }
25219
- .v-window-x-transition-enter-from {
25220
- transform: translateX(100%);
25221
- }
25222
- .v-window-x-transition-leave-to {
25223
- transform: translateX(-100%);
25224
- }
25225
- .v-window-x-reverse-transition-enter-from {
25226
- transform: translateX(-100%);
25053
+ .v-window-x-transition-enter-from {
25054
+ transform: translateX(100%);
25055
+ }
25056
+ .v-window-x-transition-leave-to {
25057
+ transform: translateX(-100%);
25058
+ }
25059
+ .v-window-x-reverse-transition-enter-from {
25060
+ transform: translateX(-100%);
25061
+ }
25062
+ .v-window-x-reverse-transition-leave-to {
25063
+ transform: translateX(100%);
25064
+ }
25065
+ .v-window-y-transition-enter-from {
25066
+ transform: translateY(100%);
25067
+ }
25068
+ .v-window-y-transition-leave-to {
25069
+ transform: translateY(-100%);
25070
+ }
25071
+ .v-window-y-reverse-transition-enter-from {
25072
+ transform: translateY(-100%);
25073
+ }
25074
+ .v-window-y-reverse-transition-leave-to {
25075
+ transform: translateY(100%);
25076
+ }.v-virtual-scroll {
25077
+ display: block;
25078
+ flex: 1 1 auto;
25079
+ max-width: 100%;
25080
+ overflow: auto;
25081
+ position: relative;
25082
+ }
25083
+ .v-virtual-scroll__container {
25084
+ display: block;
25085
+ }.v-expansion-panel {
25086
+ background-color: rgb(var(--v-theme-surface));
25087
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25088
+ }
25089
+ .v-expansion-panel:not(:first-child)::after {
25090
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25091
+ }
25092
+ .v-expansion-panel--disabled .v-expansion-panel-title {
25093
+ color: rgba(var(--v-theme-on-surface), 0.26);
25094
+ }
25095
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
25096
+ opacity: 0.4615384615;
25097
+ }
25098
+
25099
+ .v-expansion-panels {
25100
+ display: flex;
25101
+ flex-wrap: wrap;
25102
+ justify-content: center;
25103
+ list-style-type: none;
25104
+ padding: 0;
25105
+ width: 100%;
25106
+ position: relative;
25107
+ z-index: 1;
25108
+ }
25109
+ .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) {
25110
+ border-bottom-left-radius: 0 !important;
25111
+ border-bottom-right-radius: 0 !important;
25112
+ }
25113
+ .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) {
25114
+ border-top-left-radius: 0 !important;
25115
+ border-top-right-radius: 0 !important;
25116
+ }
25117
+ .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) {
25118
+ border-bottom-left-radius: 0 !important;
25119
+ border-bottom-right-radius: 0 !important;
25120
+ }
25121
+ .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) {
25122
+ border-top-left-radius: 0 !important;
25123
+ border-top-right-radius: 0 !important;
25124
+ }
25125
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
25126
+ border-bottom-left-radius: 0 !important;
25127
+ border-bottom-right-radius: 0 !important;
25128
+ }
25129
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
25130
+ border-top-left-radius: 0 !important;
25131
+ border-top-right-radius: 0 !important;
25132
+ }
25133
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
25134
+ border-bottom-left-radius: initial;
25135
+ border-bottom-right-radius: initial;
25136
+ }
25137
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
25138
+ border-radius: 0 !important;
25139
+ }
25140
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
25141
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
25142
+ }
25143
+
25144
+ .v-expansion-panel {
25145
+ flex: 1 0 100%;
25146
+ max-width: 100%;
25147
+ position: relative;
25148
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
25149
+ transition-property: margin-top, border-radius, border, max-width;
25150
+ border-radius: 4px;
25151
+ }
25152
+ .v-expansion-panel:not(:first-child)::after {
25153
+ border-top-style: solid;
25154
+ border-top-width: thin;
25155
+ content: "";
25156
+ left: 0;
25157
+ position: absolute;
25158
+ right: 0;
25159
+ top: 0;
25160
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
25161
+ }
25162
+ .v-expansion-panel--disabled .v-expansion-panel-title {
25163
+ pointer-events: none;
25164
+ }
25165
+ .v-expansion-panel--active:not(:first-child),
25166
+ .v-expansion-panel--active + .v-expansion-panel {
25167
+ margin-top: 16px;
25168
+ }
25169
+ .v-expansion-panel--active:not(:first-child)::after,
25170
+ .v-expansion-panel--active + .v-expansion-panel::after {
25171
+ opacity: 0;
25172
+ }
25173
+ .v-expansion-panel--active > .v-expansion-panel-title {
25174
+ border-bottom-left-radius: 0;
25175
+ border-bottom-right-radius: 0;
25176
+ }
25177
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
25178
+ min-height: 64px;
25179
+ }
25180
+
25181
+ .v-expansion-panel__shadow {
25182
+ position: absolute;
25183
+ top: 0;
25184
+ left: 0;
25185
+ width: 100%;
25186
+ height: 100%;
25187
+ 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));
25188
+ border-radius: inherit;
25189
+ z-index: -1;
25190
+ }
25191
+
25192
+ .v-expansion-panel-title {
25193
+ align-items: center;
25194
+ text-align: start;
25195
+ border-radius: inherit;
25196
+ display: flex;
25197
+ font-size: 0.9375rem;
25198
+ line-height: 1;
25199
+ min-height: 48px;
25200
+ outline: none;
25201
+ padding: 16px 24px;
25202
+ position: relative;
25203
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
25204
+ width: 100%;
25205
+ justify-content: space-between;
25206
+ }
25207
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
25208
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25227
25209
  }
25228
- .v-window-x-reverse-transition-leave-to {
25229
- transform: translateX(100%);
25210
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
25211
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25230
25212
  }
25231
- .v-window-y-transition-enter-from {
25232
- transform: translateY(100%);
25213
+ @supports not selector(:focus-visible) {
25214
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
25215
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25216
+ }
25233
25217
  }
25234
- .v-window-y-transition-leave-to {
25235
- transform: translateY(-100%);
25218
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
25219
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25236
25220
  }
25237
- .v-window-y-reverse-transition-enter-from {
25238
- transform: translateY(-100%);
25221
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
25222
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25239
25223
  }
25240
- .v-window-y-reverse-transition-leave-to {
25241
- transform: translateY(100%);
25242
- }.bottom-sheet-transition-enter-from {
25243
- transform: translateY(100%);
25224
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
25225
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25244
25226
  }
25245
- .bottom-sheet-transition-leave-to {
25246
- transform: translateY(100%);
25227
+ @supports not selector(:focus-visible) {
25228
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
25229
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25230
+ }
25247
25231
  }
25248
25232
 
25249
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
25250
- align-self: flex-end;
25251
- border-radius: 0;
25252
- flex: 0 1 auto;
25233
+ .v-expansion-panel-title__overlay {
25234
+ position: absolute;
25235
+ top: 0;
25253
25236
  left: 0;
25254
- right: 0;
25255
- margin-inline: 0;
25256
- margin-bottom: 0;
25257
- transition-duration: 0.2s;
25258
25237
  width: 100%;
25259
- max-width: 100%;
25260
- overflow: visible;
25261
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25262
- }
25263
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
25264
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
25265
- border-radius: 0;
25238
+ height: 100%;
25239
+ background-color: currentColor;
25240
+ border-radius: inherit;
25241
+ opacity: 0;
25266
25242
  }
25267
- .v-bottom-sheet.v-bottom-sheet--inset {
25268
- max-width: none;
25243
+
25244
+ .v-expansion-panel-title__icon {
25245
+ display: inline-flex;
25246
+ margin-bottom: -4px;
25247
+ margin-top: -4px;
25248
+ -webkit-user-select: none;
25249
+ user-select: none;
25250
+ margin-inline-start: auto;
25269
25251
  }
25270
- @media (min-width: 600px) {
25271
- .v-bottom-sheet.v-bottom-sheet--inset {
25272
- max-width: 70%;
25273
- }
25274
- }.v-color-picker-edit {
25252
+
25253
+ .v-expansion-panel-text {
25275
25254
  display: flex;
25276
- margin-top: 24px;
25255
+ }
25256
+ .v-expansion-panel-text__wrapper {
25257
+ padding: 8px 24px 16px;
25258
+ flex: 1 1 auto;
25259
+ max-width: 100%;
25277
25260
  }
25278
25261
 
25279
- .v-color-picker-edit__input {
25280
- width: 100%;
25281
- display: flex;
25282
- flex-wrap: wrap;
25283
- justify-content: center;
25284
- text-align: center;
25262
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
25263
+ margin-top: 0;
25285
25264
  }
25286
- .v-color-picker-edit__input:not(:last-child) {
25287
- margin-inline-end: 8px;
25265
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
25266
+ opacity: 1;
25288
25267
  }
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));
25268
+
25269
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
25270
+ max-width: calc(100% - 32px);
25299
25271
  }
25300
- .v-color-picker-edit__input span {
25301
- font-size: 0.75rem;
25302
- }.v-color-picker-swatches {
25303
- overflow-y: auto;
25272
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
25273
+ max-width: calc(100% + 16px);
25304
25274
  }
25305
- .v-color-picker-swatches > div {
25306
- display: flex;
25307
- flex-wrap: wrap;
25308
- justify-content: center;
25309
- padding: 8px;
25275
+
25276
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
25277
+ max-width: 100%;
25278
+ }
25279
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
25280
+ max-width: calc(100% - 32px);
25310
25281
  }
25311
25282
 
25312
- .v-color-picker-swatches__swatch {
25313
- display: flex;
25314
- flex-direction: column;
25315
- margin-bottom: 10px;
25283
+ .v-expansion-panels--flat > .v-expansion-panel::after {
25284
+ border-top: none;
25285
+ }
25286
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
25287
+ display: none;
25316
25288
  }
25317
25289
 
25318
- .v-color-picker-swatches__color {
25290
+ .v-expansion-panels--tile {
25291
+ border-radius: 0;
25292
+ }
25293
+ .v-expansion-panels--tile > .v-expansion-panel {
25294
+ border-radius: 0;
25295
+ }.v-color-picker-canvas {
25296
+ display: flex;
25319
25297
  position: relative;
25320
- height: 18px;
25321
- max-height: 18px;
25322
- width: 45px;
25323
- margin: 2px 4px;
25324
- border-radius: 2px;
25325
- -webkit-user-select: none;
25326
- user-select: none;
25327
25298
  overflow: hidden;
25328
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25329
- cursor: pointer;
25299
+ contain: content;
25300
+ touch-action: none;
25330
25301
  }
25331
- .v-color-picker-swatches__color > div {
25332
- display: flex;
25333
- align-items: center;
25334
- justify-content: center;
25335
- width: 100%;
25336
- height: 100%;
25302
+ .v-color-picker-canvas__dot {
25303
+ position: absolute;
25304
+ top: 0;
25305
+ left: 0;
25306
+ width: 15px;
25307
+ height: 15px;
25308
+ background: transparent;
25309
+ border-radius: 50%;
25310
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25311
+ }
25312
+ .v-color-picker-canvas__dot--disabled {
25313
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25314
+ }
25315
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25316
+ will-change: transform;
25337
25317
  }.v-color-picker-preview__alpha .v-slider-track__background {
25338
25318
  background-color: transparent !important;
25339
25319
  }
@@ -25404,28 +25384,69 @@ html.v-overlay-scroll-blocked {
25404
25384
  .v-color-picker-preview__eye-dropper {
25405
25385
  position: relative;
25406
25386
  margin-right: 12px;
25407
- }.v-color-picker-canvas {
25387
+ }.v-color-picker-swatches {
25388
+ overflow-y: auto;
25389
+ }
25390
+ .v-color-picker-swatches > div {
25391
+ display: flex;
25392
+ flex-wrap: wrap;
25393
+ justify-content: center;
25394
+ padding: 8px;
25395
+ }
25396
+
25397
+ .v-color-picker-swatches__swatch {
25408
25398
  display: flex;
25399
+ flex-direction: column;
25400
+ margin-bottom: 10px;
25401
+ }
25402
+
25403
+ .v-color-picker-swatches__color {
25409
25404
  position: relative;
25405
+ height: 18px;
25406
+ max-height: 18px;
25407
+ width: 45px;
25408
+ margin: 2px 4px;
25409
+ border-radius: 2px;
25410
+ -webkit-user-select: none;
25411
+ user-select: none;
25410
25412
  overflow: hidden;
25411
- contain: content;
25412
- touch-action: none;
25413
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25414
+ cursor: pointer;
25413
25415
  }
25414
- .v-color-picker-canvas__dot {
25415
- position: absolute;
25416
- top: 0;
25417
- left: 0;
25418
- width: 15px;
25419
- height: 15px;
25420
- background: transparent;
25421
- border-radius: 50%;
25422
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25416
+ .v-color-picker-swatches__color > div {
25417
+ display: flex;
25418
+ align-items: center;
25419
+ justify-content: center;
25420
+ width: 100%;
25421
+ height: 100%;
25422
+ }.v-color-picker-edit {
25423
+ display: flex;
25424
+ margin-top: 24px;
25423
25425
  }
25424
- .v-color-picker-canvas__dot--disabled {
25425
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25426
+
25427
+ .v-color-picker-edit__input {
25428
+ width: 100%;
25429
+ display: flex;
25430
+ flex-wrap: wrap;
25431
+ justify-content: center;
25432
+ text-align: center;
25426
25433
  }
25427
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25428
- will-change: transform;
25434
+ .v-color-picker-edit__input:not(:last-child) {
25435
+ margin-inline-end: 8px;
25436
+ }
25437
+ .v-color-picker-edit__input input {
25438
+ border-radius: 4px;
25439
+ margin-bottom: 8px;
25440
+ min-width: 0;
25441
+ outline: none;
25442
+ text-align: center;
25443
+ width: 100%;
25444
+ height: 32px;
25445
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25446
+ color: rgba(var(--v-theme-on-surface));
25447
+ }
25448
+ .v-color-picker-edit__input span {
25449
+ font-size: 0.75rem;
25429
25450
  }.v-picker.v-sheet {
25430
25451
  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
25452
  border-radius: 4px;