@vuetify/nightly 3.7.1-master.2024-08-29 → 3.7.1-master.2024-09-02

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 (37) hide show
  1. package/dist/json/importMap-labs.json +20 -20
  2. package/dist/json/importMap.json +150 -150
  3. package/dist/json/web-types.json +1 -1
  4. package/dist/vuetify-labs.css +3902 -3902
  5. package/dist/vuetify-labs.d.ts +57 -0
  6. package/dist/vuetify-labs.esm.js +38 -40
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +38 -40
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +738 -738
  11. package/dist/vuetify.d.ts +113 -56
  12. package/dist/vuetify.esm.js +26 -9
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +26 -9
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +22 -22
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VAutocomplete/index.d.mts +3 -0
  20. package/lib/components/VCombobox/index.d.mts +3 -0
  21. package/lib/components/VList/VList.mjs +4 -2
  22. package/lib/components/VList/VList.mjs.map +1 -1
  23. package/lib/components/VList/VListItem.mjs +5 -2
  24. package/lib/components/VList/VListItem.mjs.map +1 -1
  25. package/lib/components/VList/index.d.mts +57 -0
  26. package/lib/components/VSelect/index.d.mts +3 -0
  27. package/lib/components/index.d.mts +57 -0
  28. package/lib/composables/nested/nested.mjs +15 -3
  29. package/lib/composables/nested/nested.mjs.map +1 -1
  30. package/lib/entry-bundler.mjs +1 -1
  31. package/lib/framework.mjs +1 -1
  32. package/lib/index.d.mts +56 -56
  33. package/lib/labs/VTreeview/VTreeview.mjs +3 -12
  34. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  35. package/lib/labs/VTreeview/VTreeviewItem.mjs +9 -20
  36. package/lib/labs/VTreeview/VTreeviewItem.mjs.map +1 -1
  37. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.1-master.2024-08-29
2
+ * Vuetify v3.7.1-master.2024-09-02
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18652,40 +18652,6 @@ html.overflow-y-hidden {
18652
18652
  }
18653
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18654
18654
  align-self: flex-start;
18655
- }.bottom-sheet-transition-enter-from {
18656
- transform: translateY(100%);
18657
- }
18658
- .bottom-sheet-transition-leave-to {
18659
- transform: translateY(100%);
18660
- }
18661
-
18662
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18663
- align-self: flex-end;
18664
- border-radius: 0;
18665
- flex: 0 1 auto;
18666
- left: 0;
18667
- right: 0;
18668
- margin-inline: 0;
18669
- margin-bottom: 0;
18670
- transition-duration: 0.2s;
18671
- width: 100%;
18672
- max-width: 100%;
18673
- overflow: visible;
18674
- }
18675
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18676
- 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));
18677
- }
18678
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18679
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18680
- border-radius: 0;
18681
- }
18682
- .v-bottom-sheet.v-bottom-sheet--inset {
18683
- max-width: none;
18684
- }
18685
- @media (min-width: 600px) {
18686
- .v-bottom-sheet.v-bottom-sheet--inset {
18687
- max-width: 70%;
18688
- }
18689
18655
  }.v-bottom-navigation {
18690
18656
  display: flex;
18691
18657
  max-width: 100%;
@@ -18749,6 +18715,40 @@ html.overflow-y-hidden {
18749
18715
  }
18750
18716
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18751
18717
  transform: translateY(0.5rem);
18718
+ }.bottom-sheet-transition-enter-from {
18719
+ transform: translateY(100%);
18720
+ }
18721
+ .bottom-sheet-transition-leave-to {
18722
+ transform: translateY(100%);
18723
+ }
18724
+
18725
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18726
+ align-self: flex-end;
18727
+ border-radius: 0;
18728
+ flex: 0 1 auto;
18729
+ left: 0;
18730
+ right: 0;
18731
+ margin-inline: 0;
18732
+ margin-bottom: 0;
18733
+ transition-duration: 0.2s;
18734
+ width: 100%;
18735
+ max-width: 100%;
18736
+ overflow: visible;
18737
+ }
18738
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18739
+ 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));
18740
+ }
18741
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18742
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18743
+ border-radius: 0;
18744
+ }
18745
+ .v-bottom-sheet.v-bottom-sheet--inset {
18746
+ max-width: none;
18747
+ }
18748
+ @media (min-width: 600px) {
18749
+ .v-bottom-sheet.v-bottom-sheet--inset {
18750
+ max-width: 70%;
18751
+ }
18752
18752
  }.v-breadcrumbs {
18753
18753
  display: flex;
18754
18754
  align-items: center;
@@ -19615,11 +19615,6 @@ html.overflow-y-hidden {
19615
19615
  pointer-events: none;
19616
19616
  opacity: 0;
19617
19617
  transition: opacity 0.2s ease-in-out;
19618
- }.v-checkbox.v-input {
19619
- flex: 0 1 auto;
19620
- }
19621
- .v-checkbox .v-selection-control {
19622
- min-height: var(--v-input-control-height);
19623
19618
  }.v-carousel {
19624
19619
  overflow: hidden;
19625
19620
  position: relative;
@@ -19685,6 +19680,11 @@ html.overflow-y-hidden {
19685
19680
  flex-direction: column;
19686
19681
  height: 100% !important;
19687
19682
  width: 50px;
19683
+ }.v-checkbox.v-input {
19684
+ flex: 0 1 auto;
19685
+ }
19686
+ .v-checkbox .v-selection-control {
19687
+ min-height: var(--v-input-control-height);
19688
19688
  }.v-chip {
19689
19689
  align-items: center;
19690
19690
  display: inline-flex;
@@ -20121,6 +20121,28 @@ html.overflow-y-hidden {
20121
20121
  white-space: normal;
20122
20122
  flex-wrap: wrap;
20123
20123
  max-width: 100%;
20124
+ }.v-color-picker {
20125
+ align-self: flex-start;
20126
+ contain: content;
20127
+ }
20128
+ .v-color-picker.v-sheet {
20129
+ 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));
20130
+ }
20131
+ .v-color-picker.v-sheet {
20132
+ border-radius: 4px;
20133
+ }
20134
+
20135
+ .v-color-picker__controls {
20136
+ display: flex;
20137
+ flex-direction: column;
20138
+ padding: 16px;
20139
+ }
20140
+
20141
+ .v-color-picker--flat {
20142
+ 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));
20143
+ }
20144
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20145
+ 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));
20124
20146
  }.v-combobox .v-field .v-text-field__prefix,
20125
20147
  .v-combobox .v-field .v-text-field__suffix,
20126
20148
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20206,28 +20228,6 @@ html.overflow-y-hidden {
20206
20228
  .v-combobox--active-menu .v-combobox__menu-icon {
20207
20229
  opacity: var(--v-high-emphasis-opacity);
20208
20230
  transform: rotate(180deg);
20209
- }.v-color-picker {
20210
- align-self: flex-start;
20211
- contain: content;
20212
- }
20213
- .v-color-picker.v-sheet {
20214
- 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));
20215
- }
20216
- .v-color-picker.v-sheet {
20217
- border-radius: 4px;
20218
- }
20219
-
20220
- .v-color-picker__controls {
20221
- display: flex;
20222
- flex-direction: column;
20223
- padding: 16px;
20224
- }
20225
-
20226
- .v-color-picker--flat {
20227
- 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));
20228
- }
20229
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20230
- 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));
20231
20231
  }.v-counter {
20232
20232
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
20233
  flex: 0 1 auto;
@@ -20662,58 +20662,6 @@ html.overflow-y-hidden {
20662
20662
  }
20663
20663
  .v-date-picker-years__content .v-btn {
20664
20664
  padding-inline: 8px;
20665
- }.v-divider {
20666
- display: block;
20667
- flex: 1 1 100%;
20668
- height: 0px;
20669
- max-height: 0px;
20670
- opacity: var(--v-border-opacity);
20671
- transition: inherit;
20672
- }
20673
- .v-divider {
20674
- border-style: solid;
20675
- border-width: thin 0 0 0;
20676
- }
20677
- .v-divider--vertical {
20678
- align-self: stretch;
20679
- border-width: 0 thin 0 0;
20680
- display: inline-flex;
20681
- height: auto;
20682
- margin-left: -1px;
20683
- max-height: 100%;
20684
- max-width: 0px;
20685
- vertical-align: text-bottom;
20686
- width: 0px;
20687
- }
20688
- .v-divider--inset:not(.v-divider--vertical) {
20689
- max-width: calc(100% - 72px);
20690
- margin-inline-start: 72px;
20691
- }
20692
- .v-divider--inset.v-divider--vertical {
20693
- margin-bottom: 8px;
20694
- margin-top: 8px;
20695
- max-height: calc(100% - 16px);
20696
- }
20697
-
20698
- .v-divider__content {
20699
- padding: 0 16px;
20700
- text-wrap: nowrap;
20701
- }
20702
- .v-divider__wrapper--vertical .v-divider__content {
20703
- padding: 4px 0;
20704
- }
20705
-
20706
- .v-divider__wrapper {
20707
- display: flex;
20708
- align-items: center;
20709
- justify-content: center;
20710
- }
20711
- .v-divider__wrapper--vertical {
20712
- flex-direction: column;
20713
- height: 100%;
20714
- }
20715
- .v-divider__wrapper--vertical .v-divider {
20716
- margin: 0 auto;
20717
20665
  }.v-dialog {
20718
20666
  align-items: center;
20719
20667
  justify-content: center;
@@ -20811,57 +20759,176 @@ html.overflow-y-hidden {
20811
20759
  -webkit-backface-visibility: hidden;
20812
20760
  backface-visibility: hidden;
20813
20761
  overflow-y: auto;
20814
- }.v-expansion-panel {
20815
- background-color: rgb(var(--v-theme-surface));
20816
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20762
+ }.v-empty-state {
20763
+ align-items: center;
20764
+ display: flex;
20765
+ flex-direction: column;
20766
+ justify-content: center;
20767
+ min-height: 100%;
20768
+ padding: 16px;
20817
20769
  }
20818
- .v-expansion-panel:not(:first-child)::after {
20819
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20770
+ .v-empty-state--start {
20771
+ align-items: flex-start;
20820
20772
  }
20821
- .v-expansion-panel--disabled .v-expansion-panel-title {
20822
- color: rgba(var(--v-theme-on-surface), 0.26);
20773
+ .v-empty-state--center {
20774
+ align-items: center;
20823
20775
  }
20824
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20825
- opacity: 0.4615384615;
20776
+ .v-empty-state--end {
20777
+ align-items: flex-end;
20826
20778
  }
20827
20779
 
20828
- .v-expansion-panels {
20829
- display: flex;
20830
- flex-wrap: wrap;
20831
- justify-content: center;
20832
- list-style-type: none;
20833
- padding: 0;
20780
+ .v-empty-state__media {
20781
+ text-align: center;
20834
20782
  width: 100%;
20835
- position: relative;
20836
- z-index: 1;
20837
20783
  }
20838
- .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) {
20839
- border-bottom-left-radius: 0 !important;
20840
- border-bottom-right-radius: 0 !important;
20784
+ .v-empty-state__media .v-icon {
20785
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20841
20786
  }
20842
- .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) {
20843
- border-top-left-radius: 0 !important;
20844
- border-top-right-radius: 0 !important;
20787
+
20788
+ .v-empty-state__headline {
20789
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20790
+ font-size: 3.75rem;
20791
+ font-weight: 300;
20792
+ line-height: 1;
20793
+ text-align: center;
20794
+ margin-bottom: 8px;
20845
20795
  }
20846
- .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) {
20847
- border-bottom-left-radius: 0 !important;
20848
- border-bottom-right-radius: 0 !important;
20796
+ .v-empty-state--mobile .v-empty-state__headline {
20797
+ font-size: 2.125rem;
20849
20798
  }
20850
- .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) {
20851
- border-top-left-radius: 0 !important;
20852
- border-top-right-radius: 0 !important;
20799
+
20800
+ .v-empty-state__title {
20801
+ font-size: 1.25rem;
20802
+ font-weight: 500;
20803
+ line-height: 1.6;
20804
+ margin-bottom: 4px;
20805
+ text-align: center;
20853
20806
  }
20854
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20855
- border-bottom-left-radius: 0 !important;
20856
- border-bottom-right-radius: 0 !important;
20807
+
20808
+ .v-empty-state__text {
20809
+ font-size: 0.875rem;
20810
+ font-weight: 400;
20811
+ line-height: 1.425;
20812
+ padding: 0 16px;
20813
+ text-align: center;
20857
20814
  }
20858
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20859
- border-top-left-radius: 0 !important;
20860
- border-top-right-radius: 0 !important;
20815
+
20816
+ .v-empty-state__content {
20817
+ padding: 24px 0;
20861
20818
  }
20862
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20863
- border-bottom-left-radius: initial;
20864
- border-bottom-right-radius: initial;
20819
+
20820
+ .v-empty-state__actions {
20821
+ display: flex;
20822
+ gap: 8px;
20823
+ padding: 16px;
20824
+ }
20825
+
20826
+ .v-empty-state__action-btn.v-btn {
20827
+ background-color: initial;
20828
+ color: initial;
20829
+ }.v-divider {
20830
+ display: block;
20831
+ flex: 1 1 100%;
20832
+ height: 0px;
20833
+ max-height: 0px;
20834
+ opacity: var(--v-border-opacity);
20835
+ transition: inherit;
20836
+ }
20837
+ .v-divider {
20838
+ border-style: solid;
20839
+ border-width: thin 0 0 0;
20840
+ }
20841
+ .v-divider--vertical {
20842
+ align-self: stretch;
20843
+ border-width: 0 thin 0 0;
20844
+ display: inline-flex;
20845
+ height: auto;
20846
+ margin-left: -1px;
20847
+ max-height: 100%;
20848
+ max-width: 0px;
20849
+ vertical-align: text-bottom;
20850
+ width: 0px;
20851
+ }
20852
+ .v-divider--inset:not(.v-divider--vertical) {
20853
+ max-width: calc(100% - 72px);
20854
+ margin-inline-start: 72px;
20855
+ }
20856
+ .v-divider--inset.v-divider--vertical {
20857
+ margin-bottom: 8px;
20858
+ margin-top: 8px;
20859
+ max-height: calc(100% - 16px);
20860
+ }
20861
+
20862
+ .v-divider__content {
20863
+ padding: 0 16px;
20864
+ text-wrap: nowrap;
20865
+ }
20866
+ .v-divider__wrapper--vertical .v-divider__content {
20867
+ padding: 4px 0;
20868
+ }
20869
+
20870
+ .v-divider__wrapper {
20871
+ display: flex;
20872
+ align-items: center;
20873
+ justify-content: center;
20874
+ }
20875
+ .v-divider__wrapper--vertical {
20876
+ flex-direction: column;
20877
+ height: 100%;
20878
+ }
20879
+ .v-divider__wrapper--vertical .v-divider {
20880
+ margin: 0 auto;
20881
+ }.v-expansion-panel {
20882
+ background-color: rgb(var(--v-theme-surface));
20883
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20884
+ }
20885
+ .v-expansion-panel:not(:first-child)::after {
20886
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20887
+ }
20888
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20889
+ color: rgba(var(--v-theme-on-surface), 0.26);
20890
+ }
20891
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20892
+ opacity: 0.4615384615;
20893
+ }
20894
+
20895
+ .v-expansion-panels {
20896
+ display: flex;
20897
+ flex-wrap: wrap;
20898
+ justify-content: center;
20899
+ list-style-type: none;
20900
+ padding: 0;
20901
+ width: 100%;
20902
+ position: relative;
20903
+ z-index: 1;
20904
+ }
20905
+ .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) {
20906
+ border-bottom-left-radius: 0 !important;
20907
+ border-bottom-right-radius: 0 !important;
20908
+ }
20909
+ .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) {
20910
+ border-top-left-radius: 0 !important;
20911
+ border-top-right-radius: 0 !important;
20912
+ }
20913
+ .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) {
20914
+ border-bottom-left-radius: 0 !important;
20915
+ border-bottom-right-radius: 0 !important;
20916
+ }
20917
+ .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) {
20918
+ border-top-left-radius: 0 !important;
20919
+ border-top-right-radius: 0 !important;
20920
+ }
20921
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20922
+ border-bottom-left-radius: 0 !important;
20923
+ border-bottom-right-radius: 0 !important;
20924
+ }
20925
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20926
+ border-top-left-radius: 0 !important;
20927
+ border-top-right-radius: 0 !important;
20928
+ }
20929
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20930
+ border-bottom-left-radius: initial;
20931
+ border-bottom-right-radius: initial;
20865
20932
  }
20866
20933
  .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20867
20934
  border-radius: 0 !important;
@@ -21027,73 +21094,6 @@ html.overflow-y-hidden {
21027
21094
  }
21028
21095
  .v-expansion-panels--tile > .v-expansion-panel {
21029
21096
  border-radius: 0;
21030
- }.v-empty-state {
21031
- align-items: center;
21032
- display: flex;
21033
- flex-direction: column;
21034
- justify-content: center;
21035
- min-height: 100%;
21036
- padding: 16px;
21037
- }
21038
- .v-empty-state--start {
21039
- align-items: flex-start;
21040
- }
21041
- .v-empty-state--center {
21042
- align-items: center;
21043
- }
21044
- .v-empty-state--end {
21045
- align-items: flex-end;
21046
- }
21047
-
21048
- .v-empty-state__media {
21049
- text-align: center;
21050
- width: 100%;
21051
- }
21052
- .v-empty-state__media .v-icon {
21053
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21054
- }
21055
-
21056
- .v-empty-state__headline {
21057
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21058
- font-size: 3.75rem;
21059
- font-weight: 300;
21060
- line-height: 1;
21061
- text-align: center;
21062
- margin-bottom: 8px;
21063
- }
21064
- .v-empty-state--mobile .v-empty-state__headline {
21065
- font-size: 2.125rem;
21066
- }
21067
-
21068
- .v-empty-state__title {
21069
- font-size: 1.25rem;
21070
- font-weight: 500;
21071
- line-height: 1.6;
21072
- margin-bottom: 4px;
21073
- text-align: center;
21074
- }
21075
-
21076
- .v-empty-state__text {
21077
- font-size: 0.875rem;
21078
- font-weight: 400;
21079
- line-height: 1.425;
21080
- padding: 0 16px;
21081
- text-align: center;
21082
- }
21083
-
21084
- .v-empty-state__content {
21085
- padding: 24px 0;
21086
- }
21087
-
21088
- .v-empty-state__actions {
21089
- display: flex;
21090
- gap: 8px;
21091
- padding: 16px;
21092
- }
21093
-
21094
- .v-empty-state__action-btn.v-btn {
21095
- background-color: initial;
21096
- color: initial;
21097
21097
  }.v-fab {
21098
21098
  align-items: center;
21099
21099
  display: inline-flex;
@@ -22766,6 +22766,11 @@ textarea.v-field__input::placeholder {
22766
22766
 
22767
22767
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22768
22768
  padding-top: calc(var(--v-input-padding-top) + 0px);
22769
+ }.v-item-group {
22770
+ flex: 0 1 auto;
22771
+ max-width: 100%;
22772
+ position: relative;
22773
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22769
22774
  }.v-label {
22770
22775
  align-items: center;
22771
22776
  color: inherit;
@@ -22781,11 +22786,13 @@ textarea.v-field__input::placeholder {
22781
22786
 
22782
22787
  .v-label--clickable {
22783
22788
  cursor: pointer;
22784
- }.v-item-group {
22785
- flex: 0 1 auto;
22786
- max-width: 100%;
22787
- position: relative;
22789
+ }.v-layout-item {
22790
+ position: absolute;
22788
22791
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22792
+ }
22793
+
22794
+ .v-layout-item--absolute {
22795
+ position: absolute;
22789
22796
  }.v-layout {
22790
22797
  --v-scrollbar-offset: 0px;
22791
22798
  display: flex;
@@ -22794,13 +22801,6 @@ textarea.v-field__input::placeholder {
22794
22801
  .v-layout--full-height {
22795
22802
  --v-scrollbar-offset: inherit;
22796
22803
  height: 100%;
22797
- }.v-layout-item {
22798
- position: absolute;
22799
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22800
- }
22801
-
22802
- .v-layout-item--absolute {
22803
- position: absolute;
22804
22804
  }.v-list {
22805
22805
  overflow: auto;
22806
22806
  padding: 8px 0;
@@ -23376,6 +23376,8 @@ textarea.v-field__input::placeholder {
23376
23376
  }
23377
23377
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23378
23378
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23379
+ }.v-locale-provider {
23380
+ display: contents;
23379
23381
  }.v-main {
23380
23382
  flex: 1 0 auto;
23381
23383
  max-width: 100%;
@@ -23406,8 +23408,6 @@ textarea.v-field__input::placeholder {
23406
23408
  --v-layout-right: 0px;
23407
23409
  --v-layout-top: 0px;
23408
23410
  --v-layout-bottom: 0px;
23409
- }.v-locale-provider {
23410
- display: contents;
23411
23411
  }.v-menu > .v-overlay__content {
23412
23412
  display: flex;
23413
23413
  flex-direction: column;
@@ -23551,85 +23551,22 @@ textarea.v-field__input::placeholder {
23551
23551
  .v-navigation-drawer__append {
23552
23552
  flex: none;
23553
23553
  overflow: hidden;
23554
- }.v-overlay-container {
23555
- contain: layout;
23556
- left: 0;
23557
- pointer-events: none;
23558
- position: absolute;
23559
- top: 0;
23560
- display: contents;
23561
- }
23562
-
23563
- .v-overlay-scroll-blocked {
23564
- padding-inline-end: var(--v-scrollbar-offset);
23554
+ }.v-otp-input {
23555
+ align-items: center;
23556
+ display: flex;
23557
+ justify-content: center;
23558
+ padding: 0.5rem 0;
23559
+ position: relative;
23565
23560
  }
23566
- .v-overlay-scroll-blocked:not(html) {
23567
- overflow-y: hidden !important;
23561
+ .v-otp-input {
23562
+ border-radius: 4px;
23568
23563
  }
23569
- html.v-overlay-scroll-blocked {
23570
- position: fixed;
23571
- top: var(--v-body-scroll-y);
23572
- left: var(--v-body-scroll-x);
23573
- width: 100%;
23564
+ .v-otp-input .v-field {
23574
23565
  height: 100%;
23575
23566
  }
23576
23567
 
23577
- .v-overlay {
23578
- border-radius: inherit;
23579
- display: flex;
23580
- left: 0;
23581
- pointer-events: none;
23582
- position: fixed;
23583
- top: 0;
23584
- bottom: 0;
23585
- right: 0;
23586
- }
23587
-
23588
- .v-overlay__content {
23589
- outline: none;
23590
- position: absolute;
23591
- pointer-events: auto;
23592
- contain: layout;
23593
- }
23594
-
23595
- .v-overlay__scrim {
23596
- pointer-events: auto;
23597
- background: rgb(var(--v-theme-on-surface));
23598
- border-radius: inherit;
23599
- bottom: 0;
23600
- left: 0;
23601
- opacity: var(--v-overlay-opacity, 0.32);
23602
- position: fixed;
23603
- right: 0;
23604
- top: 0;
23605
- }
23606
-
23607
- .v-overlay--absolute {
23608
- position: absolute;
23609
- }
23610
-
23611
- .v-overlay--contained .v-overlay__scrim {
23612
- position: absolute;
23613
- }
23614
-
23615
- .v-overlay--scroll-blocked {
23616
- padding-inline-end: var(--v-scrollbar-offset);
23617
- }.v-otp-input {
23618
- align-items: center;
23619
- display: flex;
23620
- justify-content: center;
23621
- padding: 0.5rem 0;
23622
- position: relative;
23623
- }
23624
- .v-otp-input {
23625
- border-radius: 4px;
23626
- }
23627
- .v-otp-input .v-field {
23628
- height: 100%;
23629
- }
23630
-
23631
- .v-otp-input__divider {
23632
- margin: 0 8px;
23568
+ .v-otp-input__divider {
23569
+ margin: 0 8px;
23633
23570
  }
23634
23571
 
23635
23572
  .v-otp-input__content {
@@ -23672,6 +23609,69 @@ html.v-overlay-scroll-blocked {
23672
23609
  }
23673
23610
  .v-otp-input__loader .v-progress-linear {
23674
23611
  position: absolute;
23612
+ }.v-overlay-container {
23613
+ contain: layout;
23614
+ left: 0;
23615
+ pointer-events: none;
23616
+ position: absolute;
23617
+ top: 0;
23618
+ display: contents;
23619
+ }
23620
+
23621
+ .v-overlay-scroll-blocked {
23622
+ padding-inline-end: var(--v-scrollbar-offset);
23623
+ }
23624
+ .v-overlay-scroll-blocked:not(html) {
23625
+ overflow-y: hidden !important;
23626
+ }
23627
+ html.v-overlay-scroll-blocked {
23628
+ position: fixed;
23629
+ top: var(--v-body-scroll-y);
23630
+ left: var(--v-body-scroll-x);
23631
+ width: 100%;
23632
+ height: 100%;
23633
+ }
23634
+
23635
+ .v-overlay {
23636
+ border-radius: inherit;
23637
+ display: flex;
23638
+ left: 0;
23639
+ pointer-events: none;
23640
+ position: fixed;
23641
+ top: 0;
23642
+ bottom: 0;
23643
+ right: 0;
23644
+ }
23645
+
23646
+ .v-overlay__content {
23647
+ outline: none;
23648
+ position: absolute;
23649
+ pointer-events: auto;
23650
+ contain: layout;
23651
+ }
23652
+
23653
+ .v-overlay__scrim {
23654
+ pointer-events: auto;
23655
+ background: rgb(var(--v-theme-on-surface));
23656
+ border-radius: inherit;
23657
+ bottom: 0;
23658
+ left: 0;
23659
+ opacity: var(--v-overlay-opacity, 0.32);
23660
+ position: fixed;
23661
+ right: 0;
23662
+ top: 0;
23663
+ }
23664
+
23665
+ .v-overlay--absolute {
23666
+ position: absolute;
23667
+ }
23668
+
23669
+ .v-overlay--contained .v-overlay__scrim {
23670
+ position: absolute;
23671
+ }
23672
+
23673
+ .v-overlay--scroll-blocked {
23674
+ padding-inline-end: var(--v-scrollbar-offset);
23675
23675
  }.v-pagination__list {
23676
23676
  display: inline-flex;
23677
23677
  list-style-type: none;
@@ -24138,6 +24138,32 @@ html.v-overlay-scroll-blocked {
24138
24138
  opacity: 0;
24139
24139
  position: absolute;
24140
24140
  width: 0;
24141
+ }.v-responsive {
24142
+ display: flex;
24143
+ flex: 1 0 auto;
24144
+ max-height: 100%;
24145
+ max-width: 100%;
24146
+ overflow: hidden;
24147
+ position: relative;
24148
+ }
24149
+ .v-responsive--inline {
24150
+ display: inline-flex;
24151
+ flex: 0 0 auto;
24152
+ }
24153
+
24154
+ .v-responsive__content {
24155
+ flex: 1 0 0px;
24156
+ max-width: 100%;
24157
+ }
24158
+
24159
+ .v-responsive__sizer ~ .v-responsive__content {
24160
+ margin-inline-start: -100%;
24161
+ }
24162
+
24163
+ .v-responsive__sizer {
24164
+ flex: 1 0 0px;
24165
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24166
+ pointer-events: none;
24141
24167
  }.v-select .v-field .v-text-field__prefix,
24142
24168
  .v-select .v-field .v-text-field__suffix,
24143
24169
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24190,32 +24216,6 @@ html.v-overlay-scroll-blocked {
24190
24216
  .v-select--active-menu .v-select__menu-icon {
24191
24217
  opacity: var(--v-high-emphasis-opacity);
24192
24218
  transform: rotate(180deg);
24193
- }.v-responsive {
24194
- display: flex;
24195
- flex: 1 0 auto;
24196
- max-height: 100%;
24197
- max-width: 100%;
24198
- overflow: hidden;
24199
- position: relative;
24200
- }
24201
- .v-responsive--inline {
24202
- display: inline-flex;
24203
- flex: 0 0 auto;
24204
- }
24205
-
24206
- .v-responsive__content {
24207
- flex: 1 0 0px;
24208
- max-width: 100%;
24209
- }
24210
-
24211
- .v-responsive__sizer ~ .v-responsive__content {
24212
- margin-inline-start: -100%;
24213
- }
24214
-
24215
- .v-responsive__sizer {
24216
- flex: 1 0 0px;
24217
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24218
- pointer-events: none;
24219
24219
  }.v-selection-control {
24220
24220
  align-items: center;
24221
24221
  contain: layout;
@@ -24824,256 +24824,74 @@ html.v-overlay-scroll-blocked {
24824
24824
  }
24825
24825
  .v-speed-dial__content > *:nth-child(10) {
24826
24826
  transition-delay: 0.45s;
24827
- }.v-switch .v-label {
24828
- padding-inline-start: 10px;
24827
+ }.v-stepper.v-sheet {
24828
+ overflow: hidden;
24829
+ }
24830
+ .v-stepper.v-sheet {
24831
+ 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));
24832
+ }
24833
+ .v-stepper.v-sheet {
24834
+ border-radius: 4px;
24835
+ }
24836
+ .v-stepper.v-sheet.v-stepper--flat {
24837
+ 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));
24829
24838
  }
24830
24839
 
24831
- .v-switch__loader {
24840
+ .v-stepper-header {
24841
+ align-items: center;
24832
24842
  display: flex;
24843
+ position: relative;
24844
+ overflow-x: auto;
24845
+ justify-content: space-between;
24846
+ z-index: 1;
24833
24847
  }
24834
- .v-switch__loader .v-progress-circular {
24835
- color: rgb(var(--v-theme-surface));
24848
+ .v-stepper-header {
24849
+ 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));
24836
24850
  }
24837
-
24838
- .v-switch__track,
24839
- .v-switch__thumb {
24840
- transition: none;
24851
+ .v-stepper-header .v-divider {
24852
+ margin: 0 -16px;
24841
24853
  }
24842
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24843
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24844
- background-color: rgb(var(--v-theme-error));
24845
- color: rgb(var(--v-theme-on-error));
24854
+ .v-stepper-header .v-divider:last-child {
24855
+ margin-inline-end: 0;
24846
24856
  }
24847
-
24848
- .v-switch__track-true {
24849
- margin-inline-end: auto;
24857
+ .v-stepper-header .v-divider:first-child {
24858
+ margin-inline-start: 0;
24850
24859
  }
24851
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24852
- opacity: 0;
24860
+ .v-stepper--alt-labels .v-stepper-header {
24861
+ height: auto;
24853
24862
  }
24854
-
24855
- .v-switch__track-false {
24856
- margin-inline-start: auto;
24863
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24864
+ align-self: flex-start;
24865
+ margin: 35px -67px 0;
24857
24866
  }
24858
- .v-selection-control--dirty .v-switch__track-false {
24859
- opacity: 0;
24867
+
24868
+ .v-stepper-window {
24869
+ margin: 1.5rem;
24860
24870
  }
24861
24871
 
24862
- .v-switch__track {
24863
- display: inline-flex;
24872
+ .v-stepper-actions {
24873
+ display: flex;
24864
24874
  align-items: center;
24865
- font-size: 0.5rem;
24866
- padding: 0 5px;
24867
- background-color: rgb(var(--v-theme-surface-variant));
24868
- border-radius: 9999px;
24869
- height: 14px;
24870
- opacity: 0.6;
24871
- min-width: 36px;
24872
- cursor: pointer;
24873
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24875
+ justify-content: space-between;
24876
+ padding: 1rem;
24874
24877
  }
24875
- .v-switch--inset .v-switch__track {
24876
- border-radius: 9999px;
24877
- font-size: 0.75rem;
24878
- height: 32px;
24879
- min-width: 52px;
24878
+ .v-stepper .v-stepper-actions {
24879
+ padding: 0 1.5rem 1rem;
24880
24880
  }
24881
-
24882
- .v-switch__thumb {
24881
+ .v-stepper-window-item .v-stepper-actions {
24882
+ padding: 1.5rem 0 0;
24883
+ }.v-stepper-item {
24883
24884
  align-items: center;
24884
- background-color: rgb(var(--v-theme-surface-bright));
24885
- color: rgb(var(--v-theme-on-surface-bright));
24886
- border-radius: 50%;
24887
- display: flex;
24888
- font-size: 0.75rem;
24889
- height: 20px;
24890
- justify-content: center;
24891
- width: 20px;
24892
- pointer-events: none;
24893
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24885
+ align-self: stretch;
24886
+ display: inline-flex;
24887
+ flex: none;
24888
+ outline: none;
24889
+ opacity: var(--v-medium-emphasis-opacity);
24890
+ padding: 1.5rem;
24894
24891
  position: relative;
24895
- overflow: hidden;
24896
- }
24897
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24898
- 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));
24899
- }
24900
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24901
- background: rgb(var(--v-theme-surface-variant));
24902
- color: rgb(var(--v-theme-on-surface-variant));
24903
- }
24904
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24905
- 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));
24906
- }
24907
- .v-switch--inset .v-switch__thumb {
24908
- height: 24px;
24909
- width: 24px;
24910
- transform: scale(0.6666666667);
24911
- }
24912
- .v-switch--inset .v-switch__thumb--filled {
24913
- transform: none;
24914
- }
24915
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24916
- transform: none;
24917
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24918
- }
24919
-
24920
- .v-switch.v-input {
24921
- flex: 0 1 auto;
24922
- }
24923
- .v-switch .v-selection-control {
24924
- min-height: var(--v-input-control-height);
24925
- }
24926
- .v-switch .v-selection-control__input {
24927
- border-radius: 50%;
24928
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24929
- position: absolute;
24930
- }
24931
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24932
- transform: translateX(-10px);
24933
- }
24934
-
24935
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24936
- transform: translateX(10px);
24937
- }
24938
-
24939
- .v-switch .v-selection-control__input .v-icon {
24940
- position: absolute;
24941
- }
24942
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24943
- transform: translateX(10px);
24944
- }
24945
-
24946
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24947
- transform: translateX(-10px);
24948
- }
24949
-
24950
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24951
- transform: scale(0.8);
24952
- }
24953
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24954
- transform: scale(0.75);
24955
- box-shadow: none;
24956
- }
24957
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24958
- width: auto;
24959
- }
24960
- .v-switch.v-input--vertical .v-label {
24961
- min-width: max-content;
24962
- }
24963
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24964
- transform: rotate(-90deg);
24965
- }
24966
-
24967
- @media (forced-colors: active) {
24968
- .v-switch .v-switch__loader .v-progress-circular {
24969
- color: currentColor;
24970
- }
24971
- .v-switch .v-switch__thumb {
24972
- background-color: buttontext;
24973
- }
24974
- .v-switch .v-switch__track,
24975
- .v-switch .v-switch__thumb {
24976
- border: 1px solid;
24977
- color: buttontext;
24978
- }
24979
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24980
- background-color: highlight;
24981
- }
24982
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24983
- background-color: highlight;
24984
- }
24985
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24986
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24987
- color: highlight;
24988
- }
24989
- .v-switch.v-switch--inset .v-switch__track {
24990
- border-width: 2px;
24991
- }
24992
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24993
- background-color: highlighttext;
24994
- color: highlighttext;
24995
- }
24996
- .v-switch.v-input--disabled .v-switch__thumb {
24997
- background-color: graytext;
24998
- }
24999
- .v-switch.v-input--disabled .v-switch__track,
25000
- .v-switch.v-input--disabled .v-switch__thumb {
25001
- color: graytext;
25002
- }
25003
- .v-switch.v-switch--loading .v-switch__thumb {
25004
- background-color: canvas;
25005
- }
25006
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25007
- border-width: 0;
25008
- }
25009
- }.v-stepper.v-sheet {
25010
- overflow: hidden;
25011
- }
25012
- .v-stepper.v-sheet {
25013
- 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));
25014
- }
25015
- .v-stepper.v-sheet {
25016
- border-radius: 4px;
25017
- }
25018
- .v-stepper.v-sheet.v-stepper--flat {
25019
- 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));
25020
- }
25021
-
25022
- .v-stepper-header {
25023
- align-items: center;
25024
- display: flex;
25025
- position: relative;
25026
- overflow-x: auto;
25027
- justify-content: space-between;
25028
- z-index: 1;
25029
- }
25030
- .v-stepper-header {
25031
- 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));
25032
- }
25033
- .v-stepper-header .v-divider {
25034
- margin: 0 -16px;
25035
- }
25036
- .v-stepper-header .v-divider:last-child {
25037
- margin-inline-end: 0;
25038
- }
25039
- .v-stepper-header .v-divider:first-child {
25040
- margin-inline-start: 0;
25041
- }
25042
- .v-stepper--alt-labels .v-stepper-header {
25043
- height: auto;
25044
- }
25045
- .v-stepper--alt-labels .v-stepper-header .v-divider {
25046
- align-self: flex-start;
25047
- margin: 35px -67px 0;
25048
- }
25049
-
25050
- .v-stepper-window {
25051
- margin: 1.5rem;
25052
- }
25053
-
25054
- .v-stepper-actions {
25055
- display: flex;
25056
- align-items: center;
25057
- justify-content: space-between;
25058
- padding: 1rem;
25059
- }
25060
- .v-stepper .v-stepper-actions {
25061
- padding: 0 1.5rem 1rem;
25062
- }
25063
- .v-stepper-window-item .v-stepper-actions {
25064
- padding: 1.5rem 0 0;
25065
- }.v-stepper-item {
25066
- align-items: center;
25067
- align-self: stretch;
25068
- display: inline-flex;
25069
- flex: none;
25070
- outline: none;
25071
- opacity: var(--v-medium-emphasis-opacity);
25072
- padding: 1.5rem;
25073
- position: relative;
25074
- transition-duration: 0.2s;
25075
- transition-property: opacity;
25076
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24892
+ transition-duration: 0.2s;
24893
+ transition-property: opacity;
24894
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25077
24895
  }
25078
24896
  .v-stepper-item:hover > .v-stepper-item__overlay {
25079
24897
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
@@ -25219,11 +25037,288 @@ html.v-overlay-scroll-blocked {
25219
25037
  .v-system-bar--rounded {
25220
25038
  border-radius: 0;
25221
25039
  }
25222
- .v-system-bar--window {
25223
- height: 32px;
25040
+ .v-system-bar--window {
25041
+ height: 32px;
25042
+ }
25043
+ .v-system-bar:not(.v-system-bar--absolute) {
25044
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25045
+ }.v-switch .v-label {
25046
+ padding-inline-start: 10px;
25047
+ }
25048
+
25049
+ .v-switch__loader {
25050
+ display: flex;
25051
+ }
25052
+ .v-switch__loader .v-progress-circular {
25053
+ color: rgb(var(--v-theme-surface));
25054
+ }
25055
+
25056
+ .v-switch__track,
25057
+ .v-switch__thumb {
25058
+ transition: none;
25059
+ }
25060
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25061
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25062
+ background-color: rgb(var(--v-theme-error));
25063
+ color: rgb(var(--v-theme-on-error));
25064
+ }
25065
+
25066
+ .v-switch__track-true {
25067
+ margin-inline-end: auto;
25068
+ }
25069
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25070
+ opacity: 0;
25071
+ }
25072
+
25073
+ .v-switch__track-false {
25074
+ margin-inline-start: auto;
25075
+ }
25076
+ .v-selection-control--dirty .v-switch__track-false {
25077
+ opacity: 0;
25078
+ }
25079
+
25080
+ .v-switch__track {
25081
+ display: inline-flex;
25082
+ align-items: center;
25083
+ font-size: 0.5rem;
25084
+ padding: 0 5px;
25085
+ background-color: rgb(var(--v-theme-surface-variant));
25086
+ border-radius: 9999px;
25087
+ height: 14px;
25088
+ opacity: 0.6;
25089
+ min-width: 36px;
25090
+ cursor: pointer;
25091
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25092
+ }
25093
+ .v-switch--inset .v-switch__track {
25094
+ border-radius: 9999px;
25095
+ font-size: 0.75rem;
25096
+ height: 32px;
25097
+ min-width: 52px;
25098
+ }
25099
+
25100
+ .v-switch__thumb {
25101
+ align-items: center;
25102
+ background-color: rgb(var(--v-theme-surface-bright));
25103
+ color: rgb(var(--v-theme-on-surface-bright));
25104
+ border-radius: 50%;
25105
+ display: flex;
25106
+ font-size: 0.75rem;
25107
+ height: 20px;
25108
+ justify-content: center;
25109
+ width: 20px;
25110
+ pointer-events: none;
25111
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25112
+ position: relative;
25113
+ overflow: hidden;
25114
+ }
25115
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
25116
+ 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));
25117
+ }
25118
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25119
+ background: rgb(var(--v-theme-surface-variant));
25120
+ color: rgb(var(--v-theme-on-surface-variant));
25121
+ }
25122
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25123
+ 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));
25124
+ }
25125
+ .v-switch--inset .v-switch__thumb {
25126
+ height: 24px;
25127
+ width: 24px;
25128
+ transform: scale(0.6666666667);
25129
+ }
25130
+ .v-switch--inset .v-switch__thumb--filled {
25131
+ transform: none;
25132
+ }
25133
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25134
+ transform: none;
25135
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25136
+ }
25137
+
25138
+ .v-switch.v-input {
25139
+ flex: 0 1 auto;
25140
+ }
25141
+ .v-switch .v-selection-control {
25142
+ min-height: var(--v-input-control-height);
25143
+ }
25144
+ .v-switch .v-selection-control__input {
25145
+ border-radius: 50%;
25146
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25147
+ position: absolute;
25148
+ }
25149
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25150
+ transform: translateX(-10px);
25151
+ }
25152
+
25153
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25154
+ transform: translateX(10px);
25155
+ }
25156
+
25157
+ .v-switch .v-selection-control__input .v-icon {
25158
+ position: absolute;
25159
+ }
25160
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25161
+ transform: translateX(10px);
25162
+ }
25163
+
25164
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25165
+ transform: translateX(-10px);
25166
+ }
25167
+
25168
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
25169
+ transform: scale(0.8);
25170
+ }
25171
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
25172
+ transform: scale(0.75);
25173
+ box-shadow: none;
25174
+ }
25175
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
25176
+ width: auto;
25177
+ }
25178
+ .v-switch.v-input--vertical .v-label {
25179
+ min-width: max-content;
25180
+ }
25181
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
25182
+ transform: rotate(-90deg);
25183
+ }
25184
+
25185
+ @media (forced-colors: active) {
25186
+ .v-switch .v-switch__loader .v-progress-circular {
25187
+ color: currentColor;
25188
+ }
25189
+ .v-switch .v-switch__thumb {
25190
+ background-color: buttontext;
25191
+ }
25192
+ .v-switch .v-switch__track,
25193
+ .v-switch .v-switch__thumb {
25194
+ border: 1px solid;
25195
+ color: buttontext;
25196
+ }
25197
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25198
+ background-color: highlight;
25199
+ }
25200
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25201
+ background-color: highlight;
25202
+ }
25203
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25204
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25205
+ color: highlight;
25206
+ }
25207
+ .v-switch.v-switch--inset .v-switch__track {
25208
+ border-width: 2px;
25209
+ }
25210
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25211
+ background-color: highlighttext;
25212
+ color: highlighttext;
25213
+ }
25214
+ .v-switch.v-input--disabled .v-switch__thumb {
25215
+ background-color: graytext;
25216
+ }
25217
+ .v-switch.v-input--disabled .v-switch__track,
25218
+ .v-switch.v-input--disabled .v-switch__thumb {
25219
+ color: graytext;
25220
+ }
25221
+ .v-switch.v-switch--loading .v-switch__thumb {
25222
+ background-color: canvas;
25223
+ }
25224
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25225
+ border-width: 0;
25226
+ }
25227
+ }.v-tab.v-tab.v-btn {
25228
+ height: var(--v-tabs-height);
25229
+ border-radius: 0;
25230
+ min-width: 90px;
25231
+ }
25232
+ .v-slide-group--horizontal .v-tab {
25233
+ max-width: 360px;
25234
+ }
25235
+ .v-slide-group--vertical .v-tab {
25236
+ justify-content: start;
25237
+ }
25238
+
25239
+ .v-tab__slider {
25240
+ position: absolute;
25241
+ bottom: 0;
25242
+ left: 0;
25243
+ height: 2px;
25244
+ width: 100%;
25245
+ background: currentColor;
25246
+ pointer-events: none;
25247
+ opacity: 0;
25248
+ }
25249
+ .v-tab--selected .v-tab__slider {
25250
+ opacity: 1;
25251
+ }
25252
+ .v-slide-group--vertical .v-tab__slider {
25253
+ top: 0;
25254
+ height: 100%;
25255
+ width: 2px;
25256
+ }.v-tabs {
25257
+ display: flex;
25258
+ height: var(--v-tabs-height);
25259
+ }
25260
+ .v-tabs--density-default {
25261
+ --v-tabs-height: 48px;
25262
+ }
25263
+ .v-tabs--density-default.v-tabs--stacked {
25264
+ --v-tabs-height: 72px;
25265
+ }
25266
+
25267
+ .v-tabs--density-comfortable {
25268
+ --v-tabs-height: 44px;
25269
+ }
25270
+ .v-tabs--density-comfortable.v-tabs--stacked {
25271
+ --v-tabs-height: 68px;
25272
+ }
25273
+
25274
+ .v-tabs--density-compact {
25275
+ --v-tabs-height: 36px;
25276
+ }
25277
+ .v-tabs--density-compact.v-tabs--stacked {
25278
+ --v-tabs-height: 60px;
25279
+ }
25280
+
25281
+ .v-tabs.v-slide-group--vertical {
25282
+ height: auto;
25283
+ flex: none;
25284
+ --v-tabs-height: 48px;
25285
+ }
25286
+
25287
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25288
+ margin-inline-start: 42px;
25289
+ }
25290
+
25291
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25292
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25293
+ margin-inline-end: auto;
25294
+ }
25295
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25296
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25297
+ margin-inline-start: auto;
25298
+ }
25299
+
25300
+ .v-tabs--grow {
25301
+ flex-grow: 1;
25302
+ }
25303
+ .v-tabs--grow .v-tab {
25304
+ flex: 1 0 auto;
25305
+ max-width: none;
25306
+ }
25307
+
25308
+ .v-tabs--align-tabs-end .v-tab:first-child {
25309
+ margin-inline-start: auto;
25310
+ }
25311
+ .v-tabs--align-tabs-end .v-tab:last-child {
25312
+ margin-inline-end: 0;
25224
25313
  }
25225
- .v-system-bar:not(.v-system-bar--absolute) {
25226
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25314
+
25315
+ @media (max-width: 1279.98px) {
25316
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25317
+ margin-inline-start: 52px;
25318
+ }
25319
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25320
+ margin-inline-end: 52px;
25321
+ }
25227
25322
  }.v-table {
25228
25323
  font-size: 0.875rem;
25229
25324
  transition-duration: 0.28s;
@@ -25366,45 +25461,6 @@ html.v-overlay-scroll-blocked {
25366
25461
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25367
25462
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25368
25463
  border-top: 0px !important;
25369
- }.v-textarea .v-field {
25370
- --v-textarea-control-height: var(--v-input-control-height);
25371
- }
25372
- .v-textarea .v-field__field {
25373
- --v-input-control-height: var(--v-textarea-control-height);
25374
- }
25375
- .v-textarea .v-field__input {
25376
- flex: 1 1 auto;
25377
- outline: none;
25378
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25379
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25380
- }
25381
- .v-textarea .v-field__input.v-textarea__sizer {
25382
- visibility: hidden;
25383
- position: absolute;
25384
- top: 0;
25385
- left: 0;
25386
- height: 0 !important;
25387
- min-height: 0 !important;
25388
- pointer-events: none;
25389
- }
25390
- .v-textarea--no-resize .v-field__input {
25391
- resize: none;
25392
- }
25393
- .v-textarea .v-field--no-label textarea,
25394
- .v-textarea .v-field--active textarea {
25395
- opacity: 1;
25396
- }
25397
- .v-textarea textarea {
25398
- opacity: 0;
25399
- flex: 1;
25400
- min-width: 0;
25401
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25402
- }
25403
- .v-textarea textarea:focus, .v-textarea textarea:active {
25404
- outline: none;
25405
- }
25406
- .v-textarea textarea:invalid {
25407
- box-shadow: none;
25408
25464
  }/* region BLOCK */
25409
25465
  .v-text-field input {
25410
25466
  color: inherit;
@@ -25472,101 +25528,45 @@ html.v-overlay-scroll-blocked {
25472
25528
  padding-inline-end: var(--v-field-padding-end);
25473
25529
  }
25474
25530
 
25475
- /* endregion */.v-tab.v-tab.v-btn {
25476
- height: var(--v-tabs-height);
25477
- border-radius: 0;
25478
- min-width: 90px;
25531
+ /* endregion */.v-textarea .v-field {
25532
+ --v-textarea-control-height: var(--v-input-control-height);
25479
25533
  }
25480
- .v-slide-group--horizontal .v-tab {
25481
- max-width: 360px;
25534
+ .v-textarea .v-field__field {
25535
+ --v-input-control-height: var(--v-textarea-control-height);
25482
25536
  }
25483
- .v-slide-group--vertical .v-tab {
25484
- justify-content: start;
25537
+ .v-textarea .v-field__input {
25538
+ flex: 1 1 auto;
25539
+ outline: none;
25540
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25541
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25485
25542
  }
25486
-
25487
- .v-tab__slider {
25543
+ .v-textarea .v-field__input.v-textarea__sizer {
25544
+ visibility: hidden;
25488
25545
  position: absolute;
25489
- bottom: 0;
25546
+ top: 0;
25490
25547
  left: 0;
25491
- height: 2px;
25492
- width: 100%;
25493
- background: currentColor;
25548
+ height: 0 !important;
25549
+ min-height: 0 !important;
25494
25550
  pointer-events: none;
25495
- opacity: 0;
25496
- }
25497
- .v-tab--selected .v-tab__slider {
25498
- opacity: 1;
25499
- }
25500
- .v-slide-group--vertical .v-tab__slider {
25501
- top: 0;
25502
- height: 100%;
25503
- width: 2px;
25504
- }.v-tabs {
25505
- display: flex;
25506
- height: var(--v-tabs-height);
25507
- }
25508
- .v-tabs--density-default {
25509
- --v-tabs-height: 48px;
25510
- }
25511
- .v-tabs--density-default.v-tabs--stacked {
25512
- --v-tabs-height: 72px;
25513
- }
25514
-
25515
- .v-tabs--density-comfortable {
25516
- --v-tabs-height: 44px;
25517
- }
25518
- .v-tabs--density-comfortable.v-tabs--stacked {
25519
- --v-tabs-height: 68px;
25520
- }
25521
-
25522
- .v-tabs--density-compact {
25523
- --v-tabs-height: 36px;
25524
- }
25525
- .v-tabs--density-compact.v-tabs--stacked {
25526
- --v-tabs-height: 60px;
25527
- }
25528
-
25529
- .v-tabs.v-slide-group--vertical {
25530
- height: auto;
25531
- flex: none;
25532
- --v-tabs-height: 48px;
25533
- }
25534
-
25535
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25536
- margin-inline-start: 42px;
25537
- }
25538
-
25539
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25540
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25541
- margin-inline-end: auto;
25542
- }
25543
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25544
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25545
- margin-inline-start: auto;
25546
25551
  }
25547
-
25548
- .v-tabs--grow {
25549
- flex-grow: 1;
25552
+ .v-textarea--no-resize .v-field__input {
25553
+ resize: none;
25550
25554
  }
25551
- .v-tabs--grow .v-tab {
25552
- flex: 1 0 auto;
25553
- max-width: none;
25555
+ .v-textarea .v-field--no-label textarea,
25556
+ .v-textarea .v-field--active textarea {
25557
+ opacity: 1;
25554
25558
  }
25555
-
25556
- .v-tabs--align-tabs-end .v-tab:first-child {
25557
- margin-inline-start: auto;
25559
+ .v-textarea textarea {
25560
+ opacity: 0;
25561
+ flex: 1;
25562
+ min-width: 0;
25563
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25558
25564
  }
25559
- .v-tabs--align-tabs-end .v-tab:last-child {
25560
- margin-inline-end: 0;
25565
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25566
+ outline: none;
25561
25567
  }
25562
-
25563
- @media (max-width: 1279.98px) {
25564
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25565
- margin-inline-start: 52px;
25566
- }
25567
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25568
- margin-inline-end: 52px;
25569
- }
25568
+ .v-textarea textarea:invalid {
25569
+ box-shadow: none;
25570
25570
  }.v-theme-provider {
25571
25571
  background: rgb(var(--v-theme-background));
25572
25572
  color: rgb(var(--v-theme-on-background));
@@ -26232,28 +26232,34 @@ html.v-overlay-scroll-blocked {
26232
26232
  }
26233
26233
  .v-window-y-reverse-transition-leave-to {
26234
26234
  transform: translateY(100%);
26235
- }.v-color-picker-canvas {
26235
+ }.v-color-picker-edit {
26236
26236
  display: flex;
26237
- position: relative;
26238
- overflow: hidden;
26239
- contain: content;
26240
- touch-action: none;
26237
+ margin-top: 24px;
26241
26238
  }
26242
- .v-color-picker-canvas__dot {
26243
- position: absolute;
26244
- top: 0;
26245
- left: 0;
26246
- width: 15px;
26247
- height: 15px;
26248
- background: transparent;
26249
- border-radius: 50%;
26250
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26239
+
26240
+ .v-color-picker-edit__input {
26241
+ width: 100%;
26242
+ display: flex;
26243
+ flex-wrap: wrap;
26244
+ justify-content: center;
26245
+ text-align: center;
26251
26246
  }
26252
- .v-color-picker-canvas__dot--disabled {
26253
- 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);
26247
+ .v-color-picker-edit__input:not(:last-child) {
26248
+ margin-inline-end: 8px;
26254
26249
  }
26255
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26256
- will-change: transform;
26250
+ .v-color-picker-edit__input input {
26251
+ border-radius: 4px;
26252
+ margin-bottom: 8px;
26253
+ min-width: 0;
26254
+ outline: none;
26255
+ text-align: center;
26256
+ width: 100%;
26257
+ height: 32px;
26258
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26259
+ color: rgba(var(--v-theme-on-surface));
26260
+ }
26261
+ .v-color-picker-edit__input span {
26262
+ font-size: 0.75rem;
26257
26263
  }.v-color-picker-preview__alpha .v-slider-track__background {
26258
26264
  background-color: transparent !important;
26259
26265
  }
@@ -26324,34 +26330,6 @@ html.v-overlay-scroll-blocked {
26324
26330
  .v-color-picker-preview__eye-dropper {
26325
26331
  position: relative;
26326
26332
  margin-right: 12px;
26327
- }.v-color-picker-edit {
26328
- display: flex;
26329
- margin-top: 24px;
26330
- }
26331
-
26332
- .v-color-picker-edit__input {
26333
- width: 100%;
26334
- display: flex;
26335
- flex-wrap: wrap;
26336
- justify-content: center;
26337
- text-align: center;
26338
- }
26339
- .v-color-picker-edit__input:not(:last-child) {
26340
- margin-inline-end: 8px;
26341
- }
26342
- .v-color-picker-edit__input input {
26343
- border-radius: 4px;
26344
- margin-bottom: 8px;
26345
- min-width: 0;
26346
- outline: none;
26347
- text-align: center;
26348
- width: 100%;
26349
- height: 32px;
26350
- background: rgba(var(--v-theme-surface-variant), 0.2);
26351
- color: rgba(var(--v-theme-on-surface));
26352
- }
26353
- .v-color-picker-edit__input span {
26354
- font-size: 0.75rem;
26355
26333
  }.v-color-picker-swatches {
26356
26334
  overflow-y: auto;
26357
26335
  }
@@ -26387,6 +26365,28 @@ html.v-overlay-scroll-blocked {
26387
26365
  justify-content: center;
26388
26366
  width: 100%;
26389
26367
  height: 100%;
26368
+ }.v-color-picker-canvas {
26369
+ display: flex;
26370
+ position: relative;
26371
+ overflow: hidden;
26372
+ contain: content;
26373
+ touch-action: none;
26374
+ }
26375
+ .v-color-picker-canvas__dot {
26376
+ position: absolute;
26377
+ top: 0;
26378
+ left: 0;
26379
+ width: 15px;
26380
+ height: 15px;
26381
+ background: transparent;
26382
+ border-radius: 50%;
26383
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26384
+ }
26385
+ .v-color-picker-canvas__dot--disabled {
26386
+ 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);
26387
+ }
26388
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26389
+ will-change: transform;
26390
26390
  }.v-picker.v-sheet {
26391
26391
  display: grid;
26392
26392
  grid-auto-rows: min-content;