@vuetify/nightly 3.6.8-master.2024-06-11 → 3.6.9-master.2024-06-15

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 (49) hide show
  1. package/CHANGELOG.md +5 -6
  2. package/dist/json/attributes.json +4 -4
  3. package/dist/json/importMap-labs.json +18 -18
  4. package/dist/json/importMap.json +138 -138
  5. package/dist/json/web-types.json +13 -14
  6. package/dist/vuetify-labs.css +3435 -3435
  7. package/dist/vuetify-labs.d.ts +44 -45
  8. package/dist/vuetify-labs.esm.js +64 -33
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +64 -33
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +955 -955
  13. package/dist/vuetify.d.ts +86 -93
  14. package/dist/vuetify.esm.js +52 -27
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +52 -27
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +34 -31
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +23 -11
  22. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  23. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +13 -5
  24. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  25. package/lib/components/VFab/VFab.mjs +4 -7
  26. package/lib/components/VFab/VFab.mjs.map +1 -1
  27. package/lib/components/VFab/index.d.mts +46 -49
  28. package/lib/components/VList/VList.mjs +1 -0
  29. package/lib/components/VList/VList.mjs.map +1 -1
  30. package/lib/components/VList/index.d.mts +2 -0
  31. package/lib/components/VMenu/VMenu.mjs +1 -1
  32. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  33. package/lib/components/VOverlay/VOverlay.mjs +4 -3
  34. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  35. package/lib/components/index.d.mts +38 -45
  36. package/lib/composables/scroll.mjs +6 -0
  37. package/lib/composables/scroll.mjs.map +1 -1
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/index.d.mts +48 -48
  41. package/lib/labs/VTimePicker/VTimePickerClock.mjs +3 -1
  42. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  43. package/lib/labs/VTimePicker/VTimePickerControls.mjs +7 -2
  44. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  45. package/lib/labs/VTreeview/VTreeview.mjs +3 -4
  46. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  47. package/lib/labs/VTreeview/index.d.mts +6 -0
  48. package/lib/labs/components.d.mts +6 -0
  49. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.8-master.2024-06-11
2
+ * Vuetify v3.6.9-master.2024-06-15
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17484,87 +17484,6 @@ html.overflow-y-hidden {
17484
17484
  }
17485
17485
  .v-app-bar:not(.v-toolbar--absolute) {
17486
17486
  padding-inline-end: var(--v-scrollbar-offset);
17487
- }.v-autocomplete .v-field .v-text-field__prefix,
17488
- .v-autocomplete .v-field .v-text-field__suffix,
17489
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17490
- cursor: text;
17491
- }
17492
- .v-autocomplete .v-field .v-field__input > input {
17493
- flex: 1 1;
17494
- }
17495
- .v-autocomplete .v-field input {
17496
- min-width: 64px;
17497
- }
17498
- .v-autocomplete .v-field:not(.v-field--focused) input {
17499
- min-width: 0;
17500
- }
17501
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17502
- margin-inline-end: 2px;
17503
- }
17504
- .v-autocomplete .v-autocomplete__selection-text {
17505
- overflow: hidden;
17506
- text-overflow: ellipsis;
17507
- white-space: nowrap;
17508
- }
17509
-
17510
- .v-autocomplete__content {
17511
- overflow: hidden;
17512
- 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));
17513
- border-radius: 4px;
17514
- }
17515
- .v-autocomplete__mask {
17516
- background: rgb(var(--v-theme-surface-light));
17517
- }
17518
- .v-autocomplete__selection {
17519
- display: inline-flex;
17520
- align-items: center;
17521
- height: 1.5rem;
17522
- letter-spacing: inherit;
17523
- line-height: inherit;
17524
- max-width: calc(100% - 2px - 2px);
17525
- }
17526
- .v-autocomplete__selection:first-child {
17527
- margin-inline-start: 0;
17528
- }
17529
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17530
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17531
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17532
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17533
- top: 0px;
17534
- }
17535
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17536
- opacity: var(--v-medium-emphasis-opacity);
17537
- }
17538
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17539
- opacity: 1;
17540
- }
17541
- .v-autocomplete--selecting-index .v-field__input > input {
17542
- caret-color: transparent;
17543
- }
17544
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17545
- flex: 1 1;
17546
- position: absolute;
17547
- left: 0;
17548
- right: 0;
17549
- width: 100%;
17550
- padding-inline: inherit;
17551
- }
17552
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17553
- transition: none;
17554
- }
17555
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17556
- opacity: 0;
17557
- }
17558
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17559
- opacity: 0;
17560
- }
17561
- .v-autocomplete__menu-icon {
17562
- margin-inline-start: 4px;
17563
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17564
- }
17565
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17566
- opacity: var(--v-high-emphasis-opacity);
17567
- transform: rotate(180deg);
17568
17487
  }.v-alert {
17569
17488
  display: grid;
17570
17489
  flex: 1 1;
@@ -17777,6 +17696,87 @@ html.overflow-y-hidden {
17777
17696
  text-transform: none;
17778
17697
  word-break: normal;
17779
17698
  word-wrap: break-word;
17699
+ }.v-autocomplete .v-field .v-text-field__prefix,
17700
+ .v-autocomplete .v-field .v-text-field__suffix,
17701
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17702
+ cursor: text;
17703
+ }
17704
+ .v-autocomplete .v-field .v-field__input > input {
17705
+ flex: 1 1;
17706
+ }
17707
+ .v-autocomplete .v-field input {
17708
+ min-width: 64px;
17709
+ }
17710
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17711
+ min-width: 0;
17712
+ }
17713
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17714
+ margin-inline-end: 2px;
17715
+ }
17716
+ .v-autocomplete .v-autocomplete__selection-text {
17717
+ overflow: hidden;
17718
+ text-overflow: ellipsis;
17719
+ white-space: nowrap;
17720
+ }
17721
+
17722
+ .v-autocomplete__content {
17723
+ overflow: hidden;
17724
+ 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));
17725
+ border-radius: 4px;
17726
+ }
17727
+ .v-autocomplete__mask {
17728
+ background: rgb(var(--v-theme-surface-light));
17729
+ }
17730
+ .v-autocomplete__selection {
17731
+ display: inline-flex;
17732
+ align-items: center;
17733
+ height: 1.5rem;
17734
+ letter-spacing: inherit;
17735
+ line-height: inherit;
17736
+ max-width: calc(100% - 2px - 2px);
17737
+ }
17738
+ .v-autocomplete__selection:first-child {
17739
+ margin-inline-start: 0;
17740
+ }
17741
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17742
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17743
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17744
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17745
+ top: 0px;
17746
+ }
17747
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17748
+ opacity: var(--v-medium-emphasis-opacity);
17749
+ }
17750
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17751
+ opacity: 1;
17752
+ }
17753
+ .v-autocomplete--selecting-index .v-field__input > input {
17754
+ caret-color: transparent;
17755
+ }
17756
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17757
+ flex: 1 1;
17758
+ position: absolute;
17759
+ left: 0;
17760
+ right: 0;
17761
+ width: 100%;
17762
+ padding-inline: inherit;
17763
+ }
17764
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17765
+ transition: none;
17766
+ }
17767
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17768
+ opacity: 0;
17769
+ }
17770
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17771
+ opacity: 0;
17772
+ }
17773
+ .v-autocomplete__menu-icon {
17774
+ margin-inline-start: 4px;
17775
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17776
+ }
17777
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17778
+ opacity: var(--v-high-emphasis-opacity);
17779
+ transform: rotate(180deg);
17780
17780
  }.v-avatar {
17781
17781
  flex: none;
17782
17782
  align-items: center;
@@ -17872,6 +17872,77 @@ html.overflow-y-hidden {
17872
17872
  .v-avatar .v-img {
17873
17873
  height: 100%;
17874
17874
  width: 100%;
17875
+ }.v-badge {
17876
+ display: inline-block;
17877
+ line-height: 1;
17878
+ }
17879
+
17880
+ .v-badge__badge {
17881
+ align-items: center;
17882
+ display: inline-flex;
17883
+ border-radius: 10px;
17884
+ font-size: 0.75rem;
17885
+ font-weight: 500;
17886
+ height: 1.25rem;
17887
+ justify-content: center;
17888
+ min-width: 20px;
17889
+ padding: 4px 6px;
17890
+ pointer-events: auto;
17891
+ position: absolute;
17892
+ text-align: center;
17893
+ text-indent: 0;
17894
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17895
+ white-space: nowrap;
17896
+ background: rgb(var(--v-theme-surface-variant));
17897
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17898
+ }
17899
+ .v-badge--bordered .v-badge__badge::after {
17900
+ border-radius: inherit;
17901
+ border-style: solid;
17902
+ border-width: 2px;
17903
+ bottom: 0;
17904
+ color: rgb(var(--v-theme-background));
17905
+ content: "";
17906
+ left: 0;
17907
+ position: absolute;
17908
+ right: 0;
17909
+ top: 0;
17910
+ transform: scale(1.05);
17911
+ }
17912
+ .v-badge--dot .v-badge__badge {
17913
+ border-radius: 4.5px;
17914
+ height: 9px;
17915
+ min-width: 0;
17916
+ padding: 0;
17917
+ width: 9px;
17918
+ }
17919
+ .v-badge--dot .v-badge__badge::after {
17920
+ border-width: 1.5px;
17921
+ }
17922
+ .v-badge--inline .v-badge__badge {
17923
+ position: relative;
17924
+ vertical-align: middle;
17925
+ }
17926
+ .v-badge__badge .v-icon {
17927
+ color: inherit;
17928
+ font-size: 0.75rem;
17929
+ margin: 0 -2px;
17930
+ }
17931
+ .v-badge__badge img,
17932
+ .v-badge__badge .v-img {
17933
+ height: 100%;
17934
+ width: 100%;
17935
+ }
17936
+
17937
+ .v-badge__wrapper {
17938
+ display: flex;
17939
+ position: relative;
17940
+ }
17941
+ .v-badge--inline .v-badge__wrapper {
17942
+ align-items: center;
17943
+ display: inline-flex;
17944
+ justify-content: center;
17945
+ margin: 0 4px;
17875
17946
  }.v-banner {
17876
17947
  display: grid;
17877
17948
  flex: 1 1;
@@ -18030,96 +18101,25 @@ html.overflow-y-hidden {
18030
18101
  }
18031
18102
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18032
18103
  align-self: flex-start;
18033
- }.v-badge {
18034
- display: inline-block;
18035
- line-height: 1;
18036
- }
18037
-
18038
- .v-badge__badge {
18039
- align-items: center;
18040
- display: inline-flex;
18041
- border-radius: 10px;
18042
- font-size: 0.75rem;
18043
- font-weight: 500;
18044
- height: 1.25rem;
18045
- justify-content: center;
18046
- min-width: 20px;
18047
- padding: 4px 6px;
18048
- pointer-events: auto;
18049
- position: absolute;
18050
- text-align: center;
18051
- text-indent: 0;
18052
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18053
- white-space: nowrap;
18054
- background: rgb(var(--v-theme-surface-variant));
18055
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18056
- }
18057
- .v-badge--bordered .v-badge__badge::after {
18058
- border-radius: inherit;
18059
- border-style: solid;
18060
- border-width: 2px;
18061
- bottom: 0;
18062
- color: rgb(var(--v-theme-background));
18063
- content: "";
18064
- left: 0;
18065
- position: absolute;
18066
- right: 0;
18067
- top: 0;
18068
- transform: scale(1.05);
18069
- }
18070
- .v-badge--dot .v-badge__badge {
18071
- border-radius: 4.5px;
18072
- height: 9px;
18073
- min-width: 0;
18074
- padding: 0;
18075
- width: 9px;
18076
- }
18077
- .v-badge--dot .v-badge__badge::after {
18078
- border-width: 1.5px;
18079
- }
18080
- .v-badge--inline .v-badge__badge {
18081
- position: relative;
18082
- vertical-align: middle;
18083
- }
18084
- .v-badge__badge .v-icon {
18085
- color: inherit;
18086
- font-size: 0.75rem;
18087
- margin: 0 -2px;
18088
- }
18089
- .v-badge__badge img,
18090
- .v-badge__badge .v-img {
18091
- height: 100%;
18092
- width: 100%;
18093
- }
18094
-
18095
- .v-badge__wrapper {
18096
- display: flex;
18097
- position: relative;
18098
- }
18099
- .v-badge--inline .v-badge__wrapper {
18100
- align-items: center;
18101
- display: inline-flex;
18102
- justify-content: center;
18103
- margin: 0 4px;
18104
- }.v-bottom-navigation {
18105
- display: flex;
18106
- max-width: 100%;
18107
- overflow: hidden;
18108
- position: absolute;
18109
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18110
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18111
- border-style: solid;
18112
- border-width: 0;
18113
- border-radius: 0;
18114
- background: rgb(var(--v-theme-surface));
18115
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18116
- }
18117
- .v-bottom-navigation--border {
18118
- border-width: thin;
18119
- box-shadow: none;
18120
- }
18121
- .v-bottom-navigation--active {
18122
- 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));
18104
+ }.v-bottom-navigation {
18105
+ display: flex;
18106
+ max-width: 100%;
18107
+ overflow: hidden;
18108
+ position: absolute;
18109
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18110
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18111
+ border-style: solid;
18112
+ border-width: 0;
18113
+ border-radius: 0;
18114
+ background: rgb(var(--v-theme-surface));
18115
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18116
+ }
18117
+ .v-bottom-navigation--border {
18118
+ border-width: thin;
18119
+ box-shadow: none;
18120
+ }
18121
+ .v-bottom-navigation--active {
18122
+ 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));
18123
18123
  }
18124
18124
 
18125
18125
  .v-bottom-navigation__content {
@@ -18188,63 +18188,6 @@ html.overflow-y-hidden {
18188
18188
  .v-bottom-sheet.v-bottom-sheet--inset {
18189
18189
  max-width: 70%;
18190
18190
  }
18191
- }.v-breadcrumbs {
18192
- display: flex;
18193
- align-items: center;
18194
- line-height: 1.6;
18195
- padding: 16px 12px;
18196
- }
18197
- .v-breadcrumbs--rounded {
18198
- border-radius: 4px;
18199
- }
18200
- .v-breadcrumbs--density-default {
18201
- padding-top: 16px;
18202
- padding-bottom: 16px;
18203
- }
18204
-
18205
- .v-breadcrumbs--density-comfortable {
18206
- padding-top: 12px;
18207
- padding-bottom: 12px;
18208
- }
18209
-
18210
- .v-breadcrumbs--density-compact {
18211
- padding-top: 8px;
18212
- padding-bottom: 8px;
18213
- }
18214
-
18215
- .v-breadcrumbs__prepend {
18216
- align-items: center;
18217
- display: inline-flex;
18218
- }
18219
-
18220
- .v-breadcrumbs-item {
18221
- align-items: center;
18222
- color: inherit;
18223
- display: inline-flex;
18224
- padding: 0 4px;
18225
- text-decoration: none;
18226
- vertical-align: middle;
18227
- }
18228
- .v-breadcrumbs-item--disabled {
18229
- opacity: var(--v-disabled-opacity);
18230
- pointer-events: none;
18231
- }
18232
- .v-breadcrumbs-item--link {
18233
- color: inherit;
18234
- text-decoration: none;
18235
- }
18236
- .v-breadcrumbs-item--link:hover {
18237
- text-decoration: underline;
18238
- }
18239
- .v-breadcrumbs-item .v-icon {
18240
- font-size: 1rem;
18241
- margin-inline: -4px 2px;
18242
- }
18243
-
18244
- .v-breadcrumbs-divider {
18245
- display: inline-block;
18246
- padding: 0 8px;
18247
- vertical-align: middle;
18248
18191
  }.v-btn {
18249
18192
  align-items: center;
18250
18193
  border-radius: 4px;
@@ -18663,6 +18606,63 @@ html.overflow-y-hidden {
18663
18606
  }
18664
18607
  .v-pagination__item--is-active .v-btn__overlay {
18665
18608
  opacity: var(--v-border-opacity);
18609
+ }.v-breadcrumbs {
18610
+ display: flex;
18611
+ align-items: center;
18612
+ line-height: 1.6;
18613
+ padding: 16px 12px;
18614
+ }
18615
+ .v-breadcrumbs--rounded {
18616
+ border-radius: 4px;
18617
+ }
18618
+ .v-breadcrumbs--density-default {
18619
+ padding-top: 16px;
18620
+ padding-bottom: 16px;
18621
+ }
18622
+
18623
+ .v-breadcrumbs--density-comfortable {
18624
+ padding-top: 12px;
18625
+ padding-bottom: 12px;
18626
+ }
18627
+
18628
+ .v-breadcrumbs--density-compact {
18629
+ padding-top: 8px;
18630
+ padding-bottom: 8px;
18631
+ }
18632
+
18633
+ .v-breadcrumbs__prepend {
18634
+ align-items: center;
18635
+ display: inline-flex;
18636
+ }
18637
+
18638
+ .v-breadcrumbs-item {
18639
+ align-items: center;
18640
+ color: inherit;
18641
+ display: inline-flex;
18642
+ padding: 0 4px;
18643
+ text-decoration: none;
18644
+ vertical-align: middle;
18645
+ }
18646
+ .v-breadcrumbs-item--disabled {
18647
+ opacity: var(--v-disabled-opacity);
18648
+ pointer-events: none;
18649
+ }
18650
+ .v-breadcrumbs-item--link {
18651
+ color: inherit;
18652
+ text-decoration: none;
18653
+ }
18654
+ .v-breadcrumbs-item--link:hover {
18655
+ text-decoration: underline;
18656
+ }
18657
+ .v-breadcrumbs-item .v-icon {
18658
+ font-size: 1rem;
18659
+ margin-inline: -4px 2px;
18660
+ }
18661
+
18662
+ .v-breadcrumbs-divider {
18663
+ display: inline-block;
18664
+ padding: 0 8px;
18665
+ vertical-align: middle;
18666
18666
  }.v-btn-group {
18667
18667
  display: inline-flex;
18668
18668
  flex-wrap: nowrap;
@@ -18719,6 +18719,19 @@ html.overflow-y-hidden {
18719
18719
  }
18720
18720
  .v-btn-group--tile {
18721
18721
  border-radius: 0;
18722
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18723
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18724
+ }
18725
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18726
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18727
+ }
18728
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18729
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18730
+ }
18731
+ @supports not selector(:focus-visible) {
18732
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
+ }
18722
18735
  }.v-card {
18723
18736
  display: block;
18724
18737
  overflow: hidden;
@@ -19018,19 +19031,6 @@ html.overflow-y-hidden {
19018
19031
  pointer-events: none;
19019
19032
  opacity: 0;
19020
19033
  transition: opacity 0.2s ease-in-out;
19021
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19022
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19023
- }
19024
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19025
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19026
- }
19027
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19028
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19029
- }
19030
- @supports not selector(:focus-visible) {
19031
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19032
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19033
- }
19034
19034
  }.v-carousel {
19035
19035
  overflow: hidden;
19036
19036
  position: relative;
@@ -19094,6 +19094,11 @@ html.overflow-y-hidden {
19094
19094
  flex-direction: column;
19095
19095
  height: 100% !important;
19096
19096
  width: 50px;
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19097
19102
  }.v-chip {
19098
19103
  align-items: center;
19099
19104
  display: inline-flex;
@@ -19506,11 +19511,6 @@ html.overflow-y-hidden {
19506
19511
 
19507
19512
  .v-chip--label {
19508
19513
  border-radius: 4px;
19509
- }.v-checkbox.v-input {
19510
- flex: 0 1 auto;
19511
- }
19512
- .v-checkbox .v-selection-control {
19513
- min-height: var(--v-input-control-height);
19514
19514
  }.v-chip-group {
19515
19515
  display: flex;
19516
19516
  max-width: 100%;
@@ -19859,61 +19859,66 @@ html.overflow-y-hidden {
19859
19859
  }
19860
19860
  .v-date-picker--show-week {
19861
19861
  width: 368px;
19862
- }.v-date-picker-month {
19863
- display: flex;
19864
- justify-content: center;
19865
- padding: 0 12px 8px;
19866
- --v-date-picker-month-day-diff: 4px;
19867
- }
19868
-
19869
- .v-date-picker-month__weeks {
19862
+ }.v-date-picker-header {
19863
+ align-items: flex-end;
19864
+ height: 70px;
19870
19865
  display: grid;
19871
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19872
- column-gap: 4px;
19873
- font-size: 0.85rem;
19874
- }
19875
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19876
- grid-row-gap: 0;
19866
+ grid-template-areas: "prepend content append";
19867
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19868
+ overflow: hidden;
19869
+ padding-inline: 24px 12px;
19870
+ padding-bottom: 12px;
19877
19871
  }
19878
19872
 
19879
- .v-date-picker-month__weekday {
19880
- font-size: 0.85rem;
19873
+ .v-date-picker-header__append {
19874
+ grid-area: append;
19881
19875
  }
19882
19876
 
19883
- .v-date-picker-month__days {
19884
- display: grid;
19885
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19886
- column-gap: 4px;
19887
- flex: 1 1;
19888
- justify-content: space-around;
19877
+ .v-date-picker-header__prepend {
19878
+ grid-area: prepend;
19879
+ padding-inline-start: 8px;
19889
19880
  }
19890
19881
 
19891
- .v-date-picker-month__day {
19882
+ .v-date-picker-header__content {
19892
19883
  align-items: center;
19893
- display: flex;
19894
- justify-content: center;
19895
- position: relative;
19896
- height: 40px;
19897
- width: 40px;
19884
+ display: inline-flex;
19885
+ font-size: 32px;
19886
+ line-height: 40px;
19887
+ grid-area: content;
19888
+ justify-content: space-between;
19898
19889
  }
19899
- .v-date-picker-month__day--selected .v-btn {
19900
- background-color: rgb(var(--v-theme-surface-variant));
19901
- color: rgb(var(--v-theme-on-surface-variant));
19890
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19891
+ cursor: pointer;
19902
19892
  }
19903
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19904
- --v-btn-height: 24px;
19905
- --v-btn-size: 0.85rem;
19893
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19894
+ opacity: 0.7;
19906
19895
  }
19907
- .v-date-picker-month__day--week {
19908
- font-size: var(--v-btn-size);
19896
+
19897
+ .date-picker-header-transition-enter-active,
19898
+ .date-picker-header-reverse-transition-enter-active {
19899
+ transition-duration: 0.3s;
19900
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19901
+ }
19902
+ .date-picker-header-transition-leave-active,
19903
+ .date-picker-header-reverse-transition-leave-active {
19904
+ transition-duration: 0.3s;
19905
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19909
19906
  }
19910
19907
 
19911
- .v-date-picker-month__day--adjacent {
19912
- opacity: 0.5;
19908
+ .date-picker-header-transition-enter-from {
19909
+ transform: translate(0, 100%);
19910
+ }
19911
+ .date-picker-header-transition-leave-to {
19912
+ opacity: 0;
19913
+ transform: translate(0, -100%);
19913
19914
  }
19914
19915
 
19915
- .v-date-picker-month__day--hide-adjacent {
19916
+ .date-picker-header-reverse-transition-enter-from {
19917
+ transform: translate(0, -100%);
19918
+ }
19919
+ .date-picker-header-reverse-transition-leave-to {
19916
19920
  opacity: 0;
19921
+ transform: translate(0, 100%);
19917
19922
  }.v-date-picker-controls {
19918
19923
  display: flex;
19919
19924
  align-items: center;
@@ -19970,66 +19975,61 @@ html.overflow-y-hidden {
19970
19975
 
19971
19976
  .v-date-picker__title {
19972
19977
  display: inline-block;
19973
- }.v-date-picker-header {
19974
- align-items: flex-end;
19975
- height: 70px;
19978
+ }.v-date-picker-month {
19979
+ display: flex;
19980
+ justify-content: center;
19981
+ padding: 0 12px 8px;
19982
+ --v-date-picker-month-day-diff: 4px;
19983
+ }
19984
+
19985
+ .v-date-picker-month__weeks {
19976
19986
  display: grid;
19977
- grid-template-areas: "prepend content append";
19978
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19979
- overflow: hidden;
19980
- padding-inline: 24px 12px;
19981
- padding-bottom: 12px;
19987
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19988
+ column-gap: 4px;
19989
+ font-size: 0.85rem;
19990
+ }
19991
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19992
+ grid-row-gap: 0;
19982
19993
  }
19983
19994
 
19984
- .v-date-picker-header__append {
19985
- grid-area: append;
19995
+ .v-date-picker-month__weekday {
19996
+ font-size: 0.85rem;
19986
19997
  }
19987
19998
 
19988
- .v-date-picker-header__prepend {
19989
- grid-area: prepend;
19990
- padding-inline-start: 8px;
19999
+ .v-date-picker-month__days {
20000
+ display: grid;
20001
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20002
+ column-gap: 4px;
20003
+ flex: 1 1;
20004
+ justify-content: space-around;
19991
20005
  }
19992
20006
 
19993
- .v-date-picker-header__content {
20007
+ .v-date-picker-month__day {
19994
20008
  align-items: center;
19995
- display: inline-flex;
19996
- font-size: 32px;
19997
- line-height: 40px;
19998
- grid-area: content;
19999
- justify-content: space-between;
20000
- }
20001
- .v-date-picker-header--clickable .v-date-picker-header__content {
20002
- cursor: pointer;
20009
+ display: flex;
20010
+ justify-content: center;
20011
+ position: relative;
20012
+ height: 40px;
20013
+ width: 40px;
20003
20014
  }
20004
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20005
- opacity: 0.7;
20015
+ .v-date-picker-month__day--selected .v-btn {
20016
+ background-color: rgb(var(--v-theme-surface-variant));
20017
+ color: rgb(var(--v-theme-on-surface-variant));
20006
20018
  }
20007
-
20008
- .date-picker-header-transition-enter-active,
20009
- .date-picker-header-reverse-transition-enter-active {
20010
- transition-duration: 0.3s;
20011
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20019
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20020
+ --v-btn-height: 24px;
20021
+ --v-btn-size: 0.85rem;
20012
20022
  }
20013
- .date-picker-header-transition-leave-active,
20014
- .date-picker-header-reverse-transition-leave-active {
20015
- transition-duration: 0.3s;
20016
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20023
+ .v-date-picker-month__day--week {
20024
+ font-size: var(--v-btn-size);
20017
20025
  }
20018
20026
 
20019
- .date-picker-header-transition-enter-from {
20020
- transform: translate(0, 100%);
20021
- }
20022
- .date-picker-header-transition-leave-to {
20023
- opacity: 0;
20024
- transform: translate(0, -100%);
20027
+ .v-date-picker-month__day--adjacent {
20028
+ opacity: 0.5;
20025
20029
  }
20026
20030
 
20027
- .date-picker-header-reverse-transition-enter-from {
20028
- transform: translate(0, -100%);
20029
- }
20030
- .date-picker-header-reverse-transition-leave-to {
20031
+ .v-date-picker-month__day--hide-adjacent {
20031
20032
  opacity: 0;
20032
- transform: translate(0, 100%);
20033
20033
  }.v-date-picker-years {
20034
20034
  height: 288px;
20035
20035
  overflow-y: scroll;
@@ -21123,35 +21123,7 @@ textarea.v-field__input::placeholder {
21123
21123
  opacity: 0;
21124
21124
  }
21125
21125
 
21126
- /* endregion */.v-footer {
21127
- align-items: center;
21128
- display: flex;
21129
- flex: 1 1 auto;
21130
- padding: 8px 16px;
21131
- position: relative;
21132
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21133
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21134
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21135
- border-style: solid;
21136
- border-width: 0;
21137
- 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));
21138
- border-radius: 0;
21139
- background: rgb(var(--v-theme-surface));
21140
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21141
- }
21142
- .v-footer--border {
21143
- border-width: thin;
21144
- box-shadow: none;
21145
- }
21146
- .v-footer--absolute {
21147
- position: absolute;
21148
- }
21149
- .v-footer--fixed {
21150
- position: fixed;
21151
- }
21152
- .v-footer--rounded {
21153
- border-radius: 4px;
21154
- }.v-file-input--hide.v-input .v-field,
21126
+ /* endregion */.v-file-input--hide.v-input .v-field,
21155
21127
  .v-file-input--hide.v-input .v-input__control,
21156
21128
  .v-file-input--hide.v-input .v-input__details {
21157
21129
  display: none;
@@ -21180,6 +21152,34 @@ textarea.v-field__input::placeholder {
21180
21152
  }
21181
21153
  .v-input--plain-underlined.v-file-input .v-input__details {
21182
21154
  padding-inline: 0;
21155
+ }.v-footer {
21156
+ align-items: center;
21157
+ display: flex;
21158
+ flex: 1 1 auto;
21159
+ padding: 8px 16px;
21160
+ position: relative;
21161
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21162
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21163
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21164
+ border-style: solid;
21165
+ border-width: 0;
21166
+ 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));
21167
+ border-radius: 0;
21168
+ background: rgb(var(--v-theme-surface));
21169
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21170
+ }
21171
+ .v-footer--border {
21172
+ border-width: thin;
21173
+ box-shadow: none;
21174
+ }
21175
+ .v-footer--absolute {
21176
+ position: absolute;
21177
+ }
21178
+ .v-footer--fixed {
21179
+ position: fixed;
21180
+ }
21181
+ .v-footer--rounded {
21182
+ border-radius: 4px;
21183
21183
  }.v-container {
21184
21184
  width: 100%;
21185
21185
  padding: 16px;
@@ -22108,11 +22108,6 @@ textarea.v-field__input::placeholder {
22108
22108
 
22109
22109
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
22110
  padding-top: calc(var(--v-input-padding-top) + 0px);
22111
- }.v-item-group {
22112
- flex: 0 1 auto;
22113
- max-width: 100%;
22114
- position: relative;
22115
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22116
22111
  }.v-label {
22117
22112
  align-items: center;
22118
22113
  color: inherit;
@@ -22128,6 +22123,18 @@ textarea.v-field__input::placeholder {
22128
22123
 
22129
22124
  .v-label--clickable {
22130
22125
  cursor: pointer;
22126
+ }.v-item-group {
22127
+ flex: 0 1 auto;
22128
+ max-width: 100%;
22129
+ position: relative;
22130
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22131
+ }.v-layout-item {
22132
+ position: absolute;
22133
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22134
+ }
22135
+
22136
+ .v-layout-item--absolute {
22137
+ position: absolute;
22131
22138
  }.v-layout {
22132
22139
  --v-scrollbar-offset: 0px;
22133
22140
  display: flex;
@@ -22136,13 +22143,6 @@ textarea.v-field__input::placeholder {
22136
22143
  .v-layout--full-height {
22137
22144
  --v-scrollbar-offset: inherit;
22138
22145
  height: 100%;
22139
- }.v-layout-item {
22140
- position: absolute;
22141
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22142
- }
22143
-
22144
- .v-layout-item--absolute {
22145
- position: absolute;
22146
22146
  }.v-list {
22147
22147
  overflow: auto;
22148
22148
  padding: 8px 0;
@@ -22700,6 +22700,8 @@ textarea.v-field__input::placeholder {
22700
22700
  }
22701
22701
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22702
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
+ }.v-locale-provider {
22704
+ display: contents;
22703
22705
  }.v-main {
22704
22706
  flex: 1 0 auto;
22705
22707
  max-width: 100%;
@@ -22728,8 +22730,6 @@ textarea.v-field__input::placeholder {
22728
22730
  --v-layout-right: 0px;
22729
22731
  --v-layout-top: 0px;
22730
22732
  --v-layout-bottom: 0px;
22731
- }.v-locale-provider {
22732
- display: contents;
22733
22733
  }.v-menu > .v-overlay__content {
22734
22734
  display: flex;
22735
22735
  flex-direction: column;
@@ -22861,82 +22861,26 @@ textarea.v-field__input::placeholder {
22861
22861
  .v-navigation-drawer__append {
22862
22862
  flex: none;
22863
22863
  overflow: hidden;
22864
- }.v-otp-input {
22865
- border-radius: 4px;
22866
- align-items: center;
22867
- display: flex;
22868
- justify-content: center;
22869
- padding: 0.5rem 0;
22870
- position: relative;
22864
+ }.v-overlay-container {
22865
+ contain: layout;
22866
+ left: 0;
22867
+ pointer-events: none;
22868
+ position: absolute;
22869
+ top: 0;
22870
+ display: contents;
22871
22871
  }
22872
- .v-otp-input .v-field {
22873
- height: 100%;
22874
- }
22875
-
22876
- .v-otp-input__divider {
22877
- margin: 0 8px;
22878
- }
22879
-
22880
- .v-otp-input__content {
22881
- align-items: center;
22882
- display: flex;
22883
- gap: 0.5rem;
22884
- height: 64px;
22885
- padding: 0.5rem;
22886
- justify-content: center;
22887
- max-width: 320px;
22888
- position: relative;
22889
- border-radius: inherit;
22890
- }
22891
- .v-otp-input--divided .v-otp-input__content {
22892
- max-width: 360px;
22893
- }
22894
-
22895
- .v-otp-input__field {
22896
- color: inherit;
22897
- font-size: 1.25rem;
22898
- height: 100%;
22899
- outline: none;
22900
- text-align: center;
22901
- width: 100%;
22902
- }
22903
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22904
- -webkit-appearance: none;
22905
- margin: 0;
22906
- }
22907
- .v-otp-input__field[type=number] {
22908
- -moz-appearance: textfield;
22909
- }
22910
-
22911
- .v-otp-input__loader {
22912
- align-items: center;
22913
- display: flex;
22914
- height: 100%;
22915
- justify-content: center;
22916
- width: 100%;
22917
- }
22918
- .v-otp-input__loader .v-progress-linear {
22919
- position: absolute;
22920
- }.v-overlay-container {
22921
- contain: layout;
22922
- left: 0;
22923
- pointer-events: none;
22924
- position: absolute;
22925
- top: 0;
22926
- display: contents;
22927
- }
22928
-
22929
- .v-overlay-scroll-blocked {
22930
- padding-inline-end: var(--v-scrollbar-offset);
22931
- }
22932
- .v-overlay-scroll-blocked:not(html) {
22933
- overflow-y: hidden !important;
22934
- }
22935
- html.v-overlay-scroll-blocked {
22936
- position: fixed;
22937
- top: var(--v-body-scroll-y);
22938
- left: var(--v-body-scroll-x);
22939
- width: 100%;
22872
+
22873
+ .v-overlay-scroll-blocked {
22874
+ padding-inline-end: var(--v-scrollbar-offset);
22875
+ }
22876
+ .v-overlay-scroll-blocked:not(html) {
22877
+ overflow-y: hidden !important;
22878
+ }
22879
+ html.v-overlay-scroll-blocked {
22880
+ position: fixed;
22881
+ top: var(--v-body-scroll-y);
22882
+ left: var(--v-body-scroll-x);
22883
+ width: 100%;
22940
22884
  height: 100%;
22941
22885
  }
22942
22886
 
@@ -22980,122 +22924,76 @@ html.v-overlay-scroll-blocked {
22980
22924
 
22981
22925
  .v-overlay--scroll-blocked {
22982
22926
  padding-inline-end: var(--v-scrollbar-offset);
22983
- }.v-pagination__list {
22984
- display: inline-flex;
22985
- list-style-type: none;
22986
- justify-content: center;
22987
- width: 100%;
22988
- }
22989
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22990
- margin: 0.3rem;
22991
- }.v-parallax {
22992
- position: relative;
22993
- overflow: hidden;
22994
- }
22995
- .v-parallax--active > .v-img__img {
22996
- will-change: transform;
22997
- }.v-progress-circular {
22927
+ }.v-otp-input {
22928
+ border-radius: 4px;
22998
22929
  align-items: center;
22999
- display: inline-flex;
22930
+ display: flex;
23000
22931
  justify-content: center;
22932
+ padding: 0.5rem 0;
23001
22933
  position: relative;
23002
- vertical-align: middle;
23003
22934
  }
23004
- .v-progress-circular > svg {
23005
- width: 100%;
22935
+ .v-otp-input .v-field {
23006
22936
  height: 100%;
23007
- margin: auto;
23008
- position: absolute;
23009
- top: 0;
23010
- bottom: 0;
23011
- left: 0;
23012
- right: 0;
23013
- z-index: 0;
23014
22937
  }
23015
22938
 
23016
- .v-progress-circular__content {
22939
+ .v-otp-input__divider {
22940
+ margin: 0 8px;
22941
+ }
22942
+
22943
+ .v-otp-input__content {
23017
22944
  align-items: center;
23018
22945
  display: flex;
22946
+ gap: 0.5rem;
22947
+ height: 64px;
22948
+ padding: 0.5rem;
23019
22949
  justify-content: center;
22950
+ max-width: 320px;
22951
+ position: relative;
22952
+ border-radius: inherit;
23020
22953
  }
23021
-
23022
- .v-progress-circular__underlay {
23023
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23024
- stroke: currentColor;
23025
- z-index: 1;
23026
- }
23027
-
23028
- .v-progress-circular__overlay {
23029
- stroke: currentColor;
23030
- transition: all 0.2s ease-in-out, stroke-width 0s;
23031
- z-index: 2;
22954
+ .v-otp-input--divided .v-otp-input__content {
22955
+ max-width: 360px;
23032
22956
  }
23033
22957
 
23034
- .v-progress-circular--size-x-small {
23035
- height: 16px;
23036
- width: 16px;
23037
- }
23038
- .v-progress-circular--size-small {
23039
- height: 24px;
23040
- width: 24px;
23041
- }
23042
- .v-progress-circular--size-default {
23043
- height: 32px;
23044
- width: 32px;
23045
- }
23046
- .v-progress-circular--size-large {
23047
- height: 48px;
23048
- width: 48px;
23049
- }
23050
- .v-progress-circular--size-x-large {
23051
- height: 64px;
23052
- width: 64px;
22958
+ .v-otp-input__field {
22959
+ color: inherit;
22960
+ font-size: 1.25rem;
22961
+ height: 100%;
22962
+ outline: none;
22963
+ text-align: center;
22964
+ width: 100%;
23053
22965
  }
23054
-
23055
- .v-progress-circular--indeterminate > svg {
23056
- animation: progress-circular-rotate 1.4s linear infinite;
23057
- transform-origin: center center;
23058
- transition: all 0.2s ease-in-out;
22966
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22967
+ -webkit-appearance: none;
22968
+ margin: 0;
23059
22969
  }
23060
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23061
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23062
- stroke-dasharray: 25, 200;
23063
- stroke-dashoffset: 0;
23064
- stroke-linecap: round;
23065
- transform-origin: center center;
23066
- transform: rotate(-90deg);
22970
+ .v-otp-input__field[type=number] {
22971
+ -moz-appearance: textfield;
23067
22972
  }
23068
22973
 
23069
- .v-progress-circular--disable-shrink > svg {
23070
- animation-duration: 0.7s;
23071
- }
23072
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23073
- animation: none;
22974
+ .v-otp-input__loader {
22975
+ align-items: center;
22976
+ display: flex;
22977
+ height: 100%;
22978
+ justify-content: center;
22979
+ width: 100%;
23074
22980
  }
23075
-
23076
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23077
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23078
- animation-play-state: paused !important;
22981
+ .v-otp-input__loader .v-progress-linear {
22982
+ position: absolute;
22983
+ }.v-parallax {
22984
+ position: relative;
22985
+ overflow: hidden;
23079
22986
  }
23080
-
23081
- @keyframes progress-circular-dash {
23082
- 0% {
23083
- stroke-dasharray: 1, 200;
23084
- stroke-dashoffset: 0px;
23085
- }
23086
- 50% {
23087
- stroke-dasharray: 100, 200;
23088
- stroke-dashoffset: -15px;
23089
- }
23090
- 100% {
23091
- stroke-dasharray: 100, 200;
23092
- stroke-dashoffset: -124px;
23093
- }
22987
+ .v-parallax--active > .v-img__img {
22988
+ will-change: transform;
22989
+ }.v-pagination__list {
22990
+ display: inline-flex;
22991
+ list-style-type: none;
22992
+ justify-content: center;
22993
+ width: 100%;
23094
22994
  }
23095
- @keyframes progress-circular-rotate {
23096
- 100% {
23097
- transform: rotate(270deg);
23098
- }
22995
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22996
+ margin: 0.3rem;
23099
22997
  }.v-progress-linear {
23100
22998
  background: transparent;
23101
22999
  overflow: hidden;
@@ -23307,129 +23205,120 @@ html.v-overlay-scroll-blocked {
23307
23205
  0% {
23308
23206
  background-position-x: var(--v-progress-linear-height);
23309
23207
  }
23310
- }.v-radio-group > .v-input__control {
23311
- flex-direction: column;
23312
- }
23313
- .v-radio-group > .v-input__control > .v-label {
23314
- margin-inline-start: 16px;
23315
- }
23316
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23317
- padding-inline-start: 6px;
23318
- margin-top: 8px;
23208
+ }.v-progress-circular {
23209
+ align-items: center;
23210
+ display: inline-flex;
23211
+ justify-content: center;
23212
+ position: relative;
23213
+ vertical-align: middle;
23319
23214
  }
23320
- .v-radio-group .v-input__details {
23321
- padding-inline: 16px;
23322
- }.v-slider .v-slider__container input {
23323
- cursor: default;
23324
- padding: 0;
23215
+ .v-progress-circular > svg {
23325
23216
  width: 100%;
23326
- display: none;
23327
- }
23328
- .v-slider > .v-input__append,
23329
- .v-slider > .v-input__prepend {
23330
- padding: 0;
23217
+ height: 100%;
23218
+ margin: auto;
23219
+ position: absolute;
23220
+ top: 0;
23221
+ bottom: 0;
23222
+ left: 0;
23223
+ right: 0;
23224
+ z-index: 0;
23331
23225
  }
23332
23226
 
23333
- .v-slider__container {
23334
- position: relative;
23335
- min-height: inherit;
23336
- width: 100%;
23337
- height: 100%;
23227
+ .v-progress-circular__content {
23228
+ align-items: center;
23338
23229
  display: flex;
23339
23230
  justify-content: center;
23340
- align-items: center;
23341
- cursor: pointer;
23342
- }
23343
- .v-input--disabled .v-slider__container {
23344
- opacity: var(--v-disabled-opacity);
23345
- }
23346
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23347
- color: rgb(var(--v-theme-error));
23348
23231
  }
23349
23232
 
23350
- .v-slider.v-input--horizontal {
23351
- align-items: center;
23352
- margin-inline: 8px 8px;
23353
- }
23354
- .v-slider.v-input--horizontal > .v-input__control {
23355
- min-height: 32px;
23356
- display: flex;
23357
- align-items: center;
23233
+ .v-progress-circular__underlay {
23234
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23235
+ stroke: currentColor;
23236
+ z-index: 1;
23358
23237
  }
23359
23238
 
23360
- .v-slider.v-input--vertical {
23361
- justify-content: center;
23362
- margin-top: 12px;
23363
- margin-bottom: 12px;
23364
- }
23365
- .v-slider.v-input--vertical > .v-input__control {
23366
- min-height: 300px;
23239
+ .v-progress-circular__overlay {
23240
+ stroke: currentColor;
23241
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23242
+ z-index: 2;
23367
23243
  }
23368
23244
 
23369
- .v-slider.v-input--disabled {
23370
- pointer-events: none;
23245
+ .v-progress-circular--size-x-small {
23246
+ height: 16px;
23247
+ width: 16px;
23371
23248
  }
23372
-
23373
- .v-slider--has-labels > .v-input__control {
23374
- margin-bottom: 4px;
23249
+ .v-progress-circular--size-small {
23250
+ height: 24px;
23251
+ width: 24px;
23375
23252
  }
23376
-
23377
- .v-slider__label {
23378
- margin-inline-end: 12px;
23379
- }.v-rating {
23380
- max-width: 100%;
23381
- display: inline-flex;
23382
- white-space: nowrap;
23253
+ .v-progress-circular--size-default {
23254
+ height: 32px;
23255
+ width: 32px;
23383
23256
  }
23384
- .v-rating--readonly {
23385
- pointer-events: none;
23257
+ .v-progress-circular--size-large {
23258
+ height: 48px;
23259
+ width: 48px;
23260
+ }
23261
+ .v-progress-circular--size-x-large {
23262
+ height: 64px;
23263
+ width: 64px;
23386
23264
  }
23387
23265
 
23388
- .v-rating__wrapper {
23389
- align-items: center;
23390
- display: inline-flex;
23391
- flex-direction: column;
23266
+ .v-progress-circular--indeterminate > svg {
23267
+ animation: progress-circular-rotate 1.4s linear infinite;
23268
+ transform-origin: center center;
23269
+ transition: all 0.2s ease-in-out;
23392
23270
  }
23393
- .v-rating__wrapper--bottom {
23394
- flex-direction: column-reverse;
23271
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23272
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23273
+ stroke-dasharray: 25, 200;
23274
+ stroke-dashoffset: 0;
23275
+ stroke-linecap: round;
23276
+ transform-origin: center center;
23277
+ transform: rotate(-90deg);
23395
23278
  }
23396
23279
 
23397
- .v-rating__item {
23398
- display: inline-flex;
23399
- position: relative;
23400
- }
23401
- .v-rating__item label {
23402
- cursor: pointer;
23280
+ .v-progress-circular--disable-shrink > svg {
23281
+ animation-duration: 0.7s;
23403
23282
  }
23404
- .v-rating__item .v-btn--variant-plain {
23405
- opacity: 1;
23283
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23284
+ animation: none;
23406
23285
  }
23407
- .v-rating__item .v-btn {
23408
- transition-property: transform;
23286
+
23287
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23288
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23289
+ animation-play-state: paused !important;
23409
23290
  }
23410
- .v-rating__item .v-btn .v-icon {
23411
- transition: inherit;
23412
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23291
+
23292
+ @keyframes progress-circular-dash {
23293
+ 0% {
23294
+ stroke-dasharray: 1, 200;
23295
+ stroke-dashoffset: 0px;
23296
+ }
23297
+ 50% {
23298
+ stroke-dasharray: 100, 200;
23299
+ stroke-dashoffset: -15px;
23300
+ }
23301
+ 100% {
23302
+ stroke-dasharray: 100, 200;
23303
+ stroke-dashoffset: -124px;
23304
+ }
23413
23305
  }
23414
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23415
- transform: scale(1.25);
23306
+ @keyframes progress-circular-rotate {
23307
+ 100% {
23308
+ transform: rotate(270deg);
23309
+ }
23310
+ }.v-radio-group > .v-input__control {
23311
+ flex-direction: column;
23416
23312
  }
23417
- .v-rating__item--half {
23418
- overflow: hidden;
23419
- position: absolute;
23420
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23421
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23422
- z-index: 1;
23313
+ .v-radio-group > .v-input__control > .v-label {
23314
+ margin-inline-start: 16px;
23423
23315
  }
23424
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23425
- opacity: 0;
23316
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23317
+ padding-inline-start: 6px;
23318
+ margin-top: 8px;
23426
23319
  }
23427
-
23428
- .v-rating__hidden {
23429
- height: 0;
23430
- opacity: 0;
23431
- position: absolute;
23432
- width: 0;
23320
+ .v-radio-group .v-input__details {
23321
+ padding-inline: 16px;
23433
23322
  }.v-responsive {
23434
23323
  display: flex;
23435
23324
  flex: 1 0 auto;
@@ -23456,62 +23345,63 @@ html.v-overlay-scroll-blocked {
23456
23345
  flex: 1 0 0px;
23457
23346
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
23347
  pointer-events: none;
23459
- }.v-select .v-field .v-text-field__prefix,
23460
- .v-select .v-field .v-text-field__suffix,
23461
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23462
- cursor: pointer;
23348
+ }.v-slider .v-slider__container input {
23349
+ cursor: default;
23350
+ padding: 0;
23351
+ width: 100%;
23352
+ display: none;
23463
23353
  }
23464
- .v-select .v-field .v-field__input > input {
23465
- align-self: flex-start;
23466
- opacity: 1;
23467
- flex: 0 0;
23468
- position: absolute;
23354
+ .v-slider > .v-input__append,
23355
+ .v-slider > .v-input__prepend {
23356
+ padding: 0;
23357
+ }
23358
+
23359
+ .v-slider__container {
23360
+ position: relative;
23361
+ min-height: inherit;
23469
23362
  width: 100%;
23470
- transition: none;
23471
- pointer-events: none;
23472
- caret-color: transparent;
23363
+ height: 100%;
23364
+ display: flex;
23365
+ justify-content: center;
23366
+ align-items: center;
23367
+ cursor: pointer;
23473
23368
  }
23474
- .v-select .v-field--dirty .v-select__selection {
23475
- margin-inline-end: 2px;
23369
+ .v-input--disabled .v-slider__container {
23370
+ opacity: var(--v-disabled-opacity);
23476
23371
  }
23477
- .v-select .v-select__selection-text {
23478
- overflow: hidden;
23479
- text-overflow: ellipsis;
23480
- white-space: nowrap;
23372
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23373
+ color: rgb(var(--v-theme-error));
23481
23374
  }
23482
- .v-select__content {
23483
- overflow: hidden;
23484
- 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));
23485
- border-radius: 4px;
23375
+
23376
+ .v-slider.v-input--horizontal {
23377
+ align-items: center;
23378
+ margin-inline: 8px 8px;
23486
23379
  }
23487
- .v-select__selection {
23488
- display: inline-flex;
23380
+ .v-slider.v-input--horizontal > .v-input__control {
23381
+ min-height: 32px;
23382
+ display: flex;
23489
23383
  align-items: center;
23490
- letter-spacing: inherit;
23491
- line-height: inherit;
23492
- max-width: 100%;
23493
23384
  }
23494
- .v-select .v-select__selection:first-child {
23495
- margin-inline-start: 0;
23385
+
23386
+ .v-slider.v-input--vertical {
23387
+ justify-content: center;
23388
+ margin-top: 12px;
23389
+ margin-bottom: 12px;
23496
23390
  }
23497
- .v-select--selected .v-field .v-field__input > input {
23498
- opacity: 0;
23391
+ .v-slider.v-input--vertical > .v-input__control {
23392
+ min-height: 300px;
23499
23393
  }
23500
- .v-select__menu-icon {
23501
- margin-inline-start: 4px;
23502
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23394
+
23395
+ .v-slider.v-input--disabled {
23396
+ pointer-events: none;
23503
23397
  }
23504
- .v-select--active-menu .v-select__menu-icon {
23505
- opacity: var(--v-high-emphasis-opacity);
23506
- transform: rotate(180deg);
23507
- }.v-selection-control-group {
23508
- grid-area: control;
23509
- display: flex;
23510
- flex-direction: column;
23398
+
23399
+ .v-slider--has-labels > .v-input__control {
23400
+ margin-bottom: 4px;
23511
23401
  }
23512
- .v-selection-control-group--inline {
23513
- flex-direction: row;
23514
- flex-wrap: wrap;
23402
+
23403
+ .v-slider__label {
23404
+ margin-inline-end: 12px;
23515
23405
  }.v-selection-control {
23516
23406
  align-items: center;
23517
23407
  contain: layout;
@@ -23613,6 +23503,62 @@ html.v-overlay-scroll-blocked {
23613
23503
  }
23614
23504
  .v-selection-control--focus-visible .v-selection-control__input::before {
23615
23505
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23506
+ }.v-select .v-field .v-text-field__prefix,
23507
+ .v-select .v-field .v-text-field__suffix,
23508
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23509
+ cursor: pointer;
23510
+ }
23511
+ .v-select .v-field .v-field__input > input {
23512
+ align-self: flex-start;
23513
+ opacity: 1;
23514
+ flex: 0 0;
23515
+ position: absolute;
23516
+ width: 100%;
23517
+ transition: none;
23518
+ pointer-events: none;
23519
+ caret-color: transparent;
23520
+ }
23521
+ .v-select .v-field--dirty .v-select__selection {
23522
+ margin-inline-end: 2px;
23523
+ }
23524
+ .v-select .v-select__selection-text {
23525
+ overflow: hidden;
23526
+ text-overflow: ellipsis;
23527
+ white-space: nowrap;
23528
+ }
23529
+ .v-select__content {
23530
+ overflow: hidden;
23531
+ 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));
23532
+ border-radius: 4px;
23533
+ }
23534
+ .v-select__selection {
23535
+ display: inline-flex;
23536
+ align-items: center;
23537
+ letter-spacing: inherit;
23538
+ line-height: inherit;
23539
+ max-width: 100%;
23540
+ }
23541
+ .v-select .v-select__selection:first-child {
23542
+ margin-inline-start: 0;
23543
+ }
23544
+ .v-select--selected .v-field .v-field__input > input {
23545
+ opacity: 0;
23546
+ }
23547
+ .v-select__menu-icon {
23548
+ margin-inline-start: 4px;
23549
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23550
+ }
23551
+ .v-select--active-menu .v-select__menu-icon {
23552
+ opacity: var(--v-high-emphasis-opacity);
23553
+ transform: rotate(180deg);
23554
+ }.v-selection-control-group {
23555
+ grid-area: control;
23556
+ display: flex;
23557
+ flex-direction: column;
23558
+ }
23559
+ .v-selection-control-group--inline {
23560
+ flex-direction: row;
23561
+ flex-wrap: wrap;
23616
23562
  }.v-sheet {
23617
23563
  display: block;
23618
23564
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -24264,6 +24210,43 @@ html.v-overlay-scroll-blocked {
24264
24210
  width: 100%;
24265
24211
  height: 100%;
24266
24212
  pointer-events: none;
24213
+ }.v-system-bar {
24214
+ align-items: center;
24215
+ display: flex;
24216
+ flex: 1 1 auto;
24217
+ height: 24px;
24218
+ justify-content: flex-end;
24219
+ max-width: 100%;
24220
+ padding-inline: 8px;
24221
+ position: relative;
24222
+ text-align: end;
24223
+ width: 100%;
24224
+ 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));
24225
+ background: rgba(var(--v-theme-surface-light));
24226
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24227
+ font-size: 0.75rem;
24228
+ font-weight: 400;
24229
+ letter-spacing: 0.0333333333em;
24230
+ line-height: 1.667;
24231
+ text-transform: none;
24232
+ }
24233
+ .v-system-bar .v-icon {
24234
+ opacity: var(--v-medium-emphasis-opacity);
24235
+ }
24236
+ .v-system-bar--absolute {
24237
+ position: absolute;
24238
+ }
24239
+ .v-system-bar--fixed {
24240
+ position: fixed;
24241
+ }
24242
+ .v-system-bar--rounded {
24243
+ border-radius: 0;
24244
+ }
24245
+ .v-system-bar--window {
24246
+ height: 32px;
24247
+ }
24248
+ .v-system-bar:not(.v-system-bar--absolute) {
24249
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24267
24250
  }.v-switch .v-label {
24268
24251
  padding-inline-start: 10px;
24269
24252
  }
@@ -24512,70 +24495,33 @@ html.v-overlay-scroll-blocked {
24512
24495
  .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24513
24496
  margin-inline-end: auto;
24514
24497
  }
24515
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24516
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24517
- margin-inline-start: auto;
24518
- }
24519
-
24520
- .v-tabs--grow {
24521
- flex-grow: 1;
24522
- }
24523
- .v-tabs--grow .v-tab {
24524
- flex: 1 0 auto;
24525
- max-width: none;
24526
- }
24527
-
24528
- .v-tabs--align-tabs-end .v-tab:first-child {
24529
- margin-inline-start: auto;
24530
- }
24531
- .v-tabs--align-tabs-end .v-tab:last-child {
24532
- margin-inline-end: 0;
24533
- }
24534
-
24535
- @media (max-width: 1279.98px) {
24536
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24537
- margin-inline-start: 52px;
24538
- }
24539
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24540
- margin-inline-end: 52px;
24541
- }
24542
- }.v-system-bar {
24543
- align-items: center;
24544
- display: flex;
24545
- flex: 1 1 auto;
24546
- height: 24px;
24547
- justify-content: flex-end;
24548
- max-width: 100%;
24549
- padding-inline: 8px;
24550
- position: relative;
24551
- text-align: end;
24552
- width: 100%;
24553
- 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));
24554
- background: rgba(var(--v-theme-surface-light));
24555
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24556
- font-size: 0.75rem;
24557
- font-weight: 400;
24558
- letter-spacing: 0.0333333333em;
24559
- line-height: 1.667;
24560
- text-transform: none;
24561
- }
24562
- .v-system-bar .v-icon {
24563
- opacity: var(--v-medium-emphasis-opacity);
24498
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24499
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24500
+ margin-inline-start: auto;
24564
24501
  }
24565
- .v-system-bar--absolute {
24566
- position: absolute;
24502
+
24503
+ .v-tabs--grow {
24504
+ flex-grow: 1;
24567
24505
  }
24568
- .v-system-bar--fixed {
24569
- position: fixed;
24506
+ .v-tabs--grow .v-tab {
24507
+ flex: 1 0 auto;
24508
+ max-width: none;
24570
24509
  }
24571
- .v-system-bar--rounded {
24572
- border-radius: 0;
24510
+
24511
+ .v-tabs--align-tabs-end .v-tab:first-child {
24512
+ margin-inline-start: auto;
24573
24513
  }
24574
- .v-system-bar--window {
24575
- height: 32px;
24514
+ .v-tabs--align-tabs-end .v-tab:last-child {
24515
+ margin-inline-end: 0;
24576
24516
  }
24577
- .v-system-bar:not(.v-system-bar--absolute) {
24578
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24517
+
24518
+ @media (max-width: 1279.98px) {
24519
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24520
+ margin-inline-start: 52px;
24521
+ }
24522
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24523
+ margin-inline-end: 52px;
24524
+ }
24579
24525
  }.v-table {
24580
24526
  background: rgb(var(--v-theme-surface));
24581
24527
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25469,34 +25415,60 @@ html.v-overlay-scroll-blocked {
25469
25415
  }
25470
25416
  .v-window-y-reverse-transition-leave-to {
25471
25417
  transform: translateY(100%);
25472
- }.v-color-picker-edit {
25473
- display: flex;
25474
- margin-top: 24px;
25418
+ }.v-rating {
25419
+ max-width: 100%;
25420
+ display: inline-flex;
25421
+ white-space: nowrap;
25422
+ }
25423
+ .v-rating--readonly {
25424
+ pointer-events: none;
25475
25425
  }
25476
25426
 
25477
- .v-color-picker-edit__input {
25478
- width: 100%;
25479
- display: flex;
25480
- flex-wrap: wrap;
25481
- justify-content: center;
25482
- text-align: center;
25427
+ .v-rating__wrapper {
25428
+ align-items: center;
25429
+ display: inline-flex;
25430
+ flex-direction: column;
25483
25431
  }
25484
- .v-color-picker-edit__input:not(:last-child) {
25485
- margin-inline-end: 8px;
25432
+ .v-rating__wrapper--bottom {
25433
+ flex-direction: column-reverse;
25486
25434
  }
25487
- .v-color-picker-edit__input input {
25488
- border-radius: 4px;
25489
- margin-bottom: 8px;
25490
- min-width: 0;
25491
- outline: none;
25492
- text-align: center;
25493
- width: 100%;
25494
- height: 32px;
25495
- background: rgba(var(--v-theme-surface-variant), 0.2);
25496
- color: rgba(var(--v-theme-on-surface));
25435
+
25436
+ .v-rating__item {
25437
+ display: inline-flex;
25438
+ position: relative;
25497
25439
  }
25498
- .v-color-picker-edit__input span {
25499
- font-size: 0.75rem;
25440
+ .v-rating__item label {
25441
+ cursor: pointer;
25442
+ }
25443
+ .v-rating__item .v-btn--variant-plain {
25444
+ opacity: 1;
25445
+ }
25446
+ .v-rating__item .v-btn {
25447
+ transition-property: transform;
25448
+ }
25449
+ .v-rating__item .v-btn .v-icon {
25450
+ transition: inherit;
25451
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25452
+ }
25453
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
25454
+ transform: scale(1.25);
25455
+ }
25456
+ .v-rating__item--half {
25457
+ overflow: hidden;
25458
+ position: absolute;
25459
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25460
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
25461
+ z-index: 1;
25462
+ }
25463
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
25464
+ opacity: 0;
25465
+ }
25466
+
25467
+ .v-rating__hidden {
25468
+ height: 0;
25469
+ opacity: 0;
25470
+ position: absolute;
25471
+ width: 0;
25500
25472
  }.v-color-picker-canvas {
25501
25473
  display: flex;
25502
25474
  position: relative;
@@ -25624,218 +25596,87 @@ html.v-overlay-scroll-blocked {
25624
25596
  .v-color-picker-preview__eye-dropper {
25625
25597
  position: relative;
25626
25598
  margin-right: 12px;
25627
- }.v-picker.v-sheet {
25628
- 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));
25629
- border-radius: 4px;
25630
- display: grid;
25631
- grid-auto-rows: min-content;
25632
- grid-template-areas: "title" "header" "body";
25633
- overflow: hidden;
25634
- }
25635
- .v-picker.v-sheet.v-picker--with-actions {
25636
- grid-template-areas: "title" "header" "body" "actions";
25637
- }
25638
-
25639
- .v-picker__body {
25640
- grid-area: body;
25641
- overflow: hidden;
25642
- position: relative;
25643
- }
25644
-
25645
- .v-picker__header {
25646
- grid-area: header;
25647
- }
25648
-
25649
- .v-picker__actions {
25650
- grid-area: actions;
25651
- padding: 0 12px 12px;
25599
+ }.v-color-picker-edit {
25652
25600
  display: flex;
25653
- align-items: center;
25654
- justify-content: flex-end;
25655
- }
25656
- .v-picker__actions .v-btn {
25657
- min-width: 48px;
25658
- }
25659
- .v-picker__actions .v-btn:not(:last-child) {
25660
- margin-inline-end: 8px;
25661
- }
25662
-
25663
- .v-picker--landscape {
25664
- grid-template-areas: "title" "header body" "header body";
25665
- }
25666
-
25667
- .v-picker--landscape.v-picker--with-actions {
25668
- grid-template-areas: "title" "header body" "header actions";
25669
- }
25670
-
25671
- .v-picker-title {
25672
- text-transform: uppercase;
25673
- font-size: 0.75rem;
25674
- grid-area: title;
25675
- padding-inline: 24px 12px;
25676
- padding-top: 16px;
25677
- padding-bottom: 16px;
25678
- font-weight: 400;
25679
- letter-spacing: 0.1666666667em;
25680
- }.v-slider-thumb {
25681
- touch-action: none;
25682
- color: rgb(var(--v-theme-surface-variant));
25683
- }
25684
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25685
- color: inherit;
25686
- }
25687
-
25688
- .v-slider-thumb__label {
25689
- background: rgba(var(--v-theme-surface-variant), 0.7);
25690
- color: rgb(var(--v-theme-on-surface-variant));
25691
- }
25692
- .v-slider-thumb__label::before {
25693
- color: rgba(var(--v-theme-surface-variant), 0.7);
25694
- }
25695
-
25696
- .v-slider-thumb {
25697
- outline: none;
25698
- position: absolute;
25699
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25601
+ margin-top: 24px;
25700
25602
  }
25701
25603
 
25702
- .v-slider-thumb__surface {
25703
- cursor: pointer;
25704
- width: var(--v-slider-thumb-size);
25705
- height: var(--v-slider-thumb-size);
25706
- border-radius: 50%;
25707
- -webkit-user-select: none;
25708
- user-select: none;
25709
- background-color: currentColor;
25710
- }
25711
- @media (forced-colors: active) {
25712
- .v-slider-thumb__surface {
25713
- background-color: highlight;
25714
- }
25715
- }
25716
- .v-slider-thumb__surface::before {
25717
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25718
- content: "";
25719
- color: inherit;
25720
- top: 0;
25721
- left: 0;
25604
+ .v-color-picker-edit__input {
25722
25605
  width: 100%;
25723
- height: 100%;
25724
- border-radius: 50%;
25725
- background: currentColor;
25726
- position: absolute;
25727
- pointer-events: none;
25728
- opacity: 0;
25729
- }
25730
- .v-slider-thumb__surface::after {
25731
- content: "";
25732
- width: 42px;
25733
- height: 42px;
25734
- position: absolute;
25735
- top: 50%;
25736
- left: 50%;
25737
- transform: translate(-50%, -50%);
25738
- }
25739
-
25740
- .v-slider-thumb__label-container {
25741
- position: absolute;
25742
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25743
- }
25744
-
25745
- .v-slider-thumb__label {
25746
25606
  display: flex;
25747
- align-items: center;
25607
+ flex-wrap: wrap;
25748
25608
  justify-content: center;
25749
- font-size: 0.75rem;
25750
- min-width: 35px;
25751
- height: 25px;
25752
- border-radius: 4px;
25753
- padding: 6px;
25754
- position: absolute;
25755
- -webkit-user-select: none;
25756
- user-select: none;
25757
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25758
- }
25759
- .v-slider-thumb__label::before {
25760
- content: "";
25761
- width: 0;
25762
- height: 0;
25763
- position: absolute;
25764
- }
25765
-
25766
- .v-slider-thumb__ripple {
25767
- position: absolute;
25768
- left: calc(var(--v-slider-thumb-size) / -2);
25769
- top: calc(var(--v-slider-thumb-size) / -2);
25770
- width: calc(var(--v-slider-thumb-size) * 2);
25771
- height: calc(var(--v-slider-thumb-size) * 2);
25772
- background: inherit;
25773
- }
25774
-
25775
- .v-slider.v-input--horizontal .v-slider-thumb {
25776
- top: 50%;
25777
- transform: translateY(-50%);
25778
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25609
+ text-align: center;
25779
25610
  }
25780
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25781
- left: calc(var(--v-slider-thumb-size) / 2);
25782
- top: 0;
25611
+ .v-color-picker-edit__input:not(:last-child) {
25612
+ margin-inline-end: 8px;
25783
25613
  }
25784
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25785
- bottom: calc(var(--v-slider-thumb-size) / 2);
25614
+ .v-color-picker-edit__input input {
25615
+ border-radius: 4px;
25616
+ margin-bottom: 8px;
25617
+ min-width: 0;
25618
+ outline: none;
25619
+ text-align: center;
25620
+ width: 100%;
25621
+ height: 32px;
25622
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25623
+ color: rgba(var(--v-theme-on-surface));
25786
25624
  }
25787
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25788
- transform: translateX(-50%);
25625
+ .v-color-picker-edit__input span {
25626
+ font-size: 0.75rem;
25627
+ }.v-picker.v-sheet {
25628
+ 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));
25629
+ border-radius: 4px;
25630
+ display: grid;
25631
+ grid-auto-rows: min-content;
25632
+ grid-template-areas: "title" "header" "body";
25633
+ overflow: hidden;
25789
25634
  }
25790
-
25791
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25792
- transform: translateX(50%);
25635
+ .v-picker.v-sheet.v-picker--with-actions {
25636
+ grid-template-areas: "title" "header" "body" "actions";
25793
25637
  }
25794
25638
 
25795
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25796
- border-left: 6px solid transparent;
25797
- border-right: 6px solid transparent;
25798
- border-top: 6px solid currentColor;
25799
- bottom: -6px;
25639
+ .v-picker__body {
25640
+ grid-area: body;
25641
+ overflow: hidden;
25642
+ position: relative;
25800
25643
  }
25801
25644
 
25802
- .v-slider.v-input--vertical .v-slider-thumb {
25803
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25645
+ .v-picker__header {
25646
+ grid-area: header;
25804
25647
  }
25805
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25806
- top: calc(var(--v-slider-thumb-size) / 2);
25807
- right: 0;
25648
+
25649
+ .v-picker__actions {
25650
+ grid-area: actions;
25651
+ padding: 0 12px 12px;
25652
+ display: flex;
25653
+ align-items: center;
25654
+ justify-content: flex-end;
25808
25655
  }
25809
- .v-slider.v-input--vertical .v-slider-thumb__label {
25810
- top: -12.5px;
25811
- left: calc(var(--v-slider-thumb-size) / 2);
25656
+ .v-picker__actions .v-btn {
25657
+ min-width: 48px;
25812
25658
  }
25813
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25814
- border-right: 6px solid currentColor;
25815
- border-top: 6px solid transparent;
25816
- border-bottom: 6px solid transparent;
25817
- left: -6px;
25659
+ .v-picker__actions .v-btn:not(:last-child) {
25660
+ margin-inline-end: 8px;
25818
25661
  }
25819
25662
 
25820
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25821
- transform: scale(2);
25822
- opacity: var(--v-focus-opacity);
25663
+ .v-picker--landscape {
25664
+ grid-template-areas: "title" "header body" "header body";
25823
25665
  }
25824
25666
 
25825
- .v-slider-thumb--pressed {
25826
- transition: none;
25827
- }
25828
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25829
- opacity: var(--v-pressed-opacity);
25667
+ .v-picker--landscape.v-picker--with-actions {
25668
+ grid-template-areas: "title" "header body" "header actions";
25830
25669
  }
25831
25670
 
25832
- @media (hover: hover) {
25833
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25834
- transform: scale(2);
25835
- }
25836
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25837
- opacity: var(--v-hover-opacity);
25838
- }
25671
+ .v-picker-title {
25672
+ text-transform: uppercase;
25673
+ font-size: 0.75rem;
25674
+ grid-area: title;
25675
+ padding-inline: 24px 12px;
25676
+ padding-top: 16px;
25677
+ padding-bottom: 16px;
25678
+ font-weight: 400;
25679
+ letter-spacing: 0.1666666667em;
25839
25680
  }.v-slider-track__background {
25840
25681
  background-color: rgb(var(--v-theme-surface-variant));
25841
25682
  }
@@ -26014,4 +25855,163 @@ html.v-overlay-scroll-blocked {
26014
25855
 
26015
25856
  .v-slider-track__background--opacity {
26016
25857
  opacity: 0.38;
25858
+ }.v-slider-thumb {
25859
+ touch-action: none;
25860
+ color: rgb(var(--v-theme-surface-variant));
25861
+ }
25862
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25863
+ color: inherit;
25864
+ }
25865
+
25866
+ .v-slider-thumb__label {
25867
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25868
+ color: rgb(var(--v-theme-on-surface-variant));
25869
+ }
25870
+ .v-slider-thumb__label::before {
25871
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25872
+ }
25873
+
25874
+ .v-slider-thumb {
25875
+ outline: none;
25876
+ position: absolute;
25877
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25878
+ }
25879
+
25880
+ .v-slider-thumb__surface {
25881
+ cursor: pointer;
25882
+ width: var(--v-slider-thumb-size);
25883
+ height: var(--v-slider-thumb-size);
25884
+ border-radius: 50%;
25885
+ -webkit-user-select: none;
25886
+ user-select: none;
25887
+ background-color: currentColor;
25888
+ }
25889
+ @media (forced-colors: active) {
25890
+ .v-slider-thumb__surface {
25891
+ background-color: highlight;
25892
+ }
25893
+ }
25894
+ .v-slider-thumb__surface::before {
25895
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25896
+ content: "";
25897
+ color: inherit;
25898
+ top: 0;
25899
+ left: 0;
25900
+ width: 100%;
25901
+ height: 100%;
25902
+ border-radius: 50%;
25903
+ background: currentColor;
25904
+ position: absolute;
25905
+ pointer-events: none;
25906
+ opacity: 0;
25907
+ }
25908
+ .v-slider-thumb__surface::after {
25909
+ content: "";
25910
+ width: 42px;
25911
+ height: 42px;
25912
+ position: absolute;
25913
+ top: 50%;
25914
+ left: 50%;
25915
+ transform: translate(-50%, -50%);
25916
+ }
25917
+
25918
+ .v-slider-thumb__label-container {
25919
+ position: absolute;
25920
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25921
+ }
25922
+
25923
+ .v-slider-thumb__label {
25924
+ display: flex;
25925
+ align-items: center;
25926
+ justify-content: center;
25927
+ font-size: 0.75rem;
25928
+ min-width: 35px;
25929
+ height: 25px;
25930
+ border-radius: 4px;
25931
+ padding: 6px;
25932
+ position: absolute;
25933
+ -webkit-user-select: none;
25934
+ user-select: none;
25935
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25936
+ }
25937
+ .v-slider-thumb__label::before {
25938
+ content: "";
25939
+ width: 0;
25940
+ height: 0;
25941
+ position: absolute;
25942
+ }
25943
+
25944
+ .v-slider-thumb__ripple {
25945
+ position: absolute;
25946
+ left: calc(var(--v-slider-thumb-size) / -2);
25947
+ top: calc(var(--v-slider-thumb-size) / -2);
25948
+ width: calc(var(--v-slider-thumb-size) * 2);
25949
+ height: calc(var(--v-slider-thumb-size) * 2);
25950
+ background: inherit;
25951
+ }
25952
+
25953
+ .v-slider.v-input--horizontal .v-slider-thumb {
25954
+ top: 50%;
25955
+ transform: translateY(-50%);
25956
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25957
+ }
25958
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25959
+ left: calc(var(--v-slider-thumb-size) / 2);
25960
+ top: 0;
25961
+ }
25962
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25963
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25964
+ }
25965
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25966
+ transform: translateX(-50%);
25967
+ }
25968
+
25969
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25970
+ transform: translateX(50%);
25971
+ }
25972
+
25973
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25974
+ border-left: 6px solid transparent;
25975
+ border-right: 6px solid transparent;
25976
+ border-top: 6px solid currentColor;
25977
+ bottom: -6px;
25978
+ }
25979
+
25980
+ .v-slider.v-input--vertical .v-slider-thumb {
25981
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25982
+ }
25983
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25984
+ top: calc(var(--v-slider-thumb-size) / 2);
25985
+ right: 0;
25986
+ }
25987
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25988
+ top: -12.5px;
25989
+ left: calc(var(--v-slider-thumb-size) / 2);
25990
+ }
25991
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25992
+ border-right: 6px solid currentColor;
25993
+ border-top: 6px solid transparent;
25994
+ border-bottom: 6px solid transparent;
25995
+ left: -6px;
25996
+ }
25997
+
25998
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25999
+ transform: scale(2);
26000
+ opacity: var(--v-focus-opacity);
26001
+ }
26002
+
26003
+ .v-slider-thumb--pressed {
26004
+ transition: none;
26005
+ }
26006
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26007
+ opacity: var(--v-pressed-opacity);
26008
+ }
26009
+
26010
+ @media (hover: hover) {
26011
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26012
+ transform: scale(2);
26013
+ }
26014
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26015
+ opacity: var(--v-hover-opacity);
26016
+ }
26017
26017
  }