@vuetify/nightly 3.6.10-master.2024-06-21 → 3.6.10-master.2024-06-27

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.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.10-master.2024-06-21
2
+ * Vuetify v3.6.10-master.2024-06-27
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17696,6 +17696,87 @@ html.overflow-y-hidden {
17696
17696
  text-transform: none;
17697
17697
  word-break: normal;
17698
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);
17699
17780
  }.v-avatar {
17700
17781
  flex: none;
17701
17782
  align-items: center;
@@ -17791,87 +17872,6 @@ html.overflow-y-hidden {
17791
17872
  .v-avatar .v-img {
17792
17873
  height: 100%;
17793
17874
  width: 100%;
17794
- }.v-autocomplete .v-field .v-text-field__prefix,
17795
- .v-autocomplete .v-field .v-text-field__suffix,
17796
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17797
- cursor: text;
17798
- }
17799
- .v-autocomplete .v-field .v-field__input > input {
17800
- flex: 1 1;
17801
- }
17802
- .v-autocomplete .v-field input {
17803
- min-width: 64px;
17804
- }
17805
- .v-autocomplete .v-field:not(.v-field--focused) input {
17806
- min-width: 0;
17807
- }
17808
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17809
- margin-inline-end: 2px;
17810
- }
17811
- .v-autocomplete .v-autocomplete__selection-text {
17812
- overflow: hidden;
17813
- text-overflow: ellipsis;
17814
- white-space: nowrap;
17815
- }
17816
-
17817
- .v-autocomplete__content {
17818
- overflow: hidden;
17819
- 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));
17820
- border-radius: 4px;
17821
- }
17822
- .v-autocomplete__mask {
17823
- background: rgb(var(--v-theme-surface-light));
17824
- }
17825
- .v-autocomplete__selection {
17826
- display: inline-flex;
17827
- align-items: center;
17828
- height: 1.5rem;
17829
- letter-spacing: inherit;
17830
- line-height: inherit;
17831
- max-width: calc(100% - 2px - 2px);
17832
- }
17833
- .v-autocomplete__selection:first-child {
17834
- margin-inline-start: 0;
17835
- }
17836
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17837
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17838
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17839
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17840
- top: 0px;
17841
- }
17842
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17843
- opacity: var(--v-medium-emphasis-opacity);
17844
- }
17845
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17846
- opacity: 1;
17847
- }
17848
- .v-autocomplete--selecting-index .v-field__input > input {
17849
- caret-color: transparent;
17850
- }
17851
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17852
- flex: 1 1;
17853
- position: absolute;
17854
- left: 0;
17855
- right: 0;
17856
- width: 100%;
17857
- padding-inline: inherit;
17858
- }
17859
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17860
- transition: none;
17861
- }
17862
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17863
- opacity: 0;
17864
- }
17865
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17866
- opacity: 0;
17867
- }
17868
- .v-autocomplete__menu-icon {
17869
- margin-inline-start: 4px;
17870
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17871
- }
17872
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17873
- opacity: var(--v-high-emphasis-opacity);
17874
- transform: rotate(180deg);
17875
17875
  }.v-badge {
17876
17876
  display: inline-block;
17877
17877
  line-height: 1;
@@ -18156,38 +18156,6 @@ html.overflow-y-hidden {
18156
18156
  }
18157
18157
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18158
18158
  transform: translateY(0.5rem);
18159
- }.bottom-sheet-transition-enter-from {
18160
- transform: translateY(100%);
18161
- }
18162
- .bottom-sheet-transition-leave-to {
18163
- transform: translateY(100%);
18164
- }
18165
-
18166
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18167
- align-self: flex-end;
18168
- border-radius: 0;
18169
- flex: 0 1 auto;
18170
- left: 0;
18171
- right: 0;
18172
- margin-inline: 0;
18173
- margin-bottom: 0;
18174
- transition-duration: 0.2s;
18175
- width: 100%;
18176
- max-width: 100%;
18177
- overflow: visible;
18178
- 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));
18179
- }
18180
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18181
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18182
- border-radius: 0;
18183
- }
18184
- .v-bottom-sheet.v-bottom-sheet--inset {
18185
- max-width: none;
18186
- }
18187
- @media (min-width: 600px) {
18188
- .v-bottom-sheet.v-bottom-sheet--inset {
18189
- max-width: 70%;
18190
- }
18191
18159
  }.v-breadcrumbs {
18192
18160
  display: flex;
18193
18161
  align-items: center;
@@ -18245,6 +18213,38 @@ html.overflow-y-hidden {
18245
18213
  display: inline-block;
18246
18214
  padding: 0 8px;
18247
18215
  vertical-align: middle;
18216
+ }.bottom-sheet-transition-enter-from {
18217
+ transform: translateY(100%);
18218
+ }
18219
+ .bottom-sheet-transition-leave-to {
18220
+ transform: translateY(100%);
18221
+ }
18222
+
18223
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18224
+ align-self: flex-end;
18225
+ border-radius: 0;
18226
+ flex: 0 1 auto;
18227
+ left: 0;
18228
+ right: 0;
18229
+ margin-inline: 0;
18230
+ margin-bottom: 0;
18231
+ transition-duration: 0.2s;
18232
+ width: 100%;
18233
+ max-width: 100%;
18234
+ overflow: visible;
18235
+ 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));
18236
+ }
18237
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18238
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18239
+ border-radius: 0;
18240
+ }
18241
+ .v-bottom-sheet.v-bottom-sheet--inset {
18242
+ max-width: none;
18243
+ }
18244
+ @media (min-width: 600px) {
18245
+ .v-bottom-sheet.v-bottom-sheet--inset {
18246
+ max-width: 70%;
18247
+ }
18248
18248
  }.v-btn {
18249
18249
  align-items: center;
18250
18250
  border-radius: 4px;
@@ -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;
@@ -19859,63 +19859,7 @@ html.overflow-y-hidden {
19859
19859
  }
19860
19860
  .v-date-picker--show-week {
19861
19861
  width: 368px;
19862
- }.v-date-picker-controls {
19863
- display: flex;
19864
- align-items: center;
19865
- justify-content: space-between;
19866
- font-size: 0.875rem;
19867
- padding-top: 4px;
19868
- padding-bottom: 4px;
19869
- padding-inline-start: 6px;
19870
- padding-inline-end: 12px;
19871
- }
19872
- .v-date-picker-controls > .v-btn:first-child {
19873
- text-transform: none;
19874
- font-weight: 400;
19875
- line-height: initial;
19876
- letter-spacing: initial;
19877
- }
19878
- .v-date-picker-controls--variant-classic {
19879
- padding-inline-start: 12px;
19880
- }
19881
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19882
- opacity: 0.7;
19883
- }
19884
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19885
- cursor: pointer;
19886
- }
19887
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19888
- opacity: 1;
19889
- }
19890
- .v-date-picker-controls .v-btn:last-child {
19891
- margin-inline-start: 4px;
19892
- }
19893
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19894
- transform: rotate(180deg);
19895
- }
19896
-
19897
- .v-date-picker-controls__date {
19898
- margin-inline-end: 4px;
19899
- }
19900
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19901
- margin: auto;
19902
- text-align: center;
19903
- }
19904
-
19905
- .v-date-picker-controls__month {
19906
- display: flex;
19907
- }
19908
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19909
- flex-direction: row-reverse;
19910
- }
19911
-
19912
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19913
- flex: 1 0 auto;
19914
- }
19915
-
19916
- .v-date-picker__title {
19917
- display: inline-block;
19918
- }.v-date-picker-month {
19862
+ }.v-date-picker-month {
19919
19863
  display: flex;
19920
19864
  justify-content: center;
19921
19865
  padding: 0 12px 8px;
@@ -19970,6 +19914,62 @@ html.overflow-y-hidden {
19970
19914
 
19971
19915
  .v-date-picker-month__day--hide-adjacent {
19972
19916
  opacity: 0;
19917
+ }.v-date-picker-controls {
19918
+ display: flex;
19919
+ align-items: center;
19920
+ justify-content: space-between;
19921
+ font-size: 0.875rem;
19922
+ padding-top: 4px;
19923
+ padding-bottom: 4px;
19924
+ padding-inline-start: 6px;
19925
+ padding-inline-end: 12px;
19926
+ }
19927
+ .v-date-picker-controls > .v-btn:first-child {
19928
+ text-transform: none;
19929
+ font-weight: 400;
19930
+ line-height: initial;
19931
+ letter-spacing: initial;
19932
+ }
19933
+ .v-date-picker-controls--variant-classic {
19934
+ padding-inline-start: 12px;
19935
+ }
19936
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19937
+ opacity: 0.7;
19938
+ }
19939
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19940
+ cursor: pointer;
19941
+ }
19942
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19943
+ opacity: 1;
19944
+ }
19945
+ .v-date-picker-controls .v-btn:last-child {
19946
+ margin-inline-start: 4px;
19947
+ }
19948
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19949
+ transform: rotate(180deg);
19950
+ }
19951
+
19952
+ .v-date-picker-controls__date {
19953
+ margin-inline-end: 4px;
19954
+ }
19955
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19956
+ margin: auto;
19957
+ text-align: center;
19958
+ }
19959
+
19960
+ .v-date-picker-controls__month {
19961
+ display: flex;
19962
+ }
19963
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19964
+ flex-direction: row-reverse;
19965
+ }
19966
+
19967
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19968
+ flex: 1 0 auto;
19969
+ }
19970
+
19971
+ .v-date-picker__title {
19972
+ display: inline-block;
19973
19973
  }.v-date-picker-header {
19974
19974
  align-items: flex-end;
19975
19975
  height: 70px;
@@ -20206,73 +20206,6 @@ html.overflow-y-hidden {
20206
20206
  }
20207
20207
  .v-divider__wrapper--vertical .v-divider {
20208
20208
  margin: 0 auto;
20209
- }.v-empty-state {
20210
- align-items: center;
20211
- display: flex;
20212
- flex-direction: column;
20213
- justify-content: center;
20214
- min-height: 100%;
20215
- padding: 16px;
20216
- }
20217
- .v-empty-state--start {
20218
- align-items: flex-start;
20219
- }
20220
- .v-empty-state--center {
20221
- align-items: center;
20222
- }
20223
- .v-empty-state--end {
20224
- align-items: flex-end;
20225
- }
20226
-
20227
- .v-empty-state__media {
20228
- text-align: center;
20229
- width: 100%;
20230
- }
20231
- .v-empty-state__media .v-icon {
20232
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
- }
20234
-
20235
- .v-empty-state__headline {
20236
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20237
- font-size: 3.75rem;
20238
- font-weight: 300;
20239
- line-height: 1;
20240
- text-align: center;
20241
- margin-bottom: 8px;
20242
- }
20243
- .v-empty-state--mobile .v-empty-state__headline {
20244
- font-size: 2.125rem;
20245
- }
20246
-
20247
- .v-empty-state__title {
20248
- font-size: 1.25rem;
20249
- font-weight: 500;
20250
- line-height: 1.6;
20251
- margin-bottom: 4px;
20252
- text-align: center;
20253
- }
20254
-
20255
- .v-empty-state__text {
20256
- font-size: 0.875rem;
20257
- font-weight: 400;
20258
- line-height: 1.425;
20259
- padding: 0 16px;
20260
- text-align: center;
20261
- }
20262
-
20263
- .v-empty-state__content {
20264
- padding: 24px 0;
20265
- }
20266
-
20267
- .v-empty-state__actions {
20268
- display: flex;
20269
- gap: 8px;
20270
- padding: 16px;
20271
- }
20272
-
20273
- .v-empty-state__action-btn.v-btn {
20274
- background-color: initial;
20275
- color: initial;
20276
20209
  }.v-expansion-panel {
20277
20210
  background-color: rgb(var(--v-theme-surface));
20278
20211
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20483,6 +20416,73 @@ html.overflow-y-hidden {
20483
20416
  }
20484
20417
  .v-expansion-panels--tile > .v-expansion-panel {
20485
20418
  border-radius: 0;
20419
+ }.v-empty-state {
20420
+ align-items: center;
20421
+ display: flex;
20422
+ flex-direction: column;
20423
+ justify-content: center;
20424
+ min-height: 100%;
20425
+ padding: 16px;
20426
+ }
20427
+ .v-empty-state--start {
20428
+ align-items: flex-start;
20429
+ }
20430
+ .v-empty-state--center {
20431
+ align-items: center;
20432
+ }
20433
+ .v-empty-state--end {
20434
+ align-items: flex-end;
20435
+ }
20436
+
20437
+ .v-empty-state__media {
20438
+ text-align: center;
20439
+ width: 100%;
20440
+ }
20441
+ .v-empty-state__media .v-icon {
20442
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20443
+ }
20444
+
20445
+ .v-empty-state__headline {
20446
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20447
+ font-size: 3.75rem;
20448
+ font-weight: 300;
20449
+ line-height: 1;
20450
+ text-align: center;
20451
+ margin-bottom: 8px;
20452
+ }
20453
+ .v-empty-state--mobile .v-empty-state__headline {
20454
+ font-size: 2.125rem;
20455
+ }
20456
+
20457
+ .v-empty-state__title {
20458
+ font-size: 1.25rem;
20459
+ font-weight: 500;
20460
+ line-height: 1.6;
20461
+ margin-bottom: 4px;
20462
+ text-align: center;
20463
+ }
20464
+
20465
+ .v-empty-state__text {
20466
+ font-size: 0.875rem;
20467
+ font-weight: 400;
20468
+ line-height: 1.425;
20469
+ padding: 0 16px;
20470
+ text-align: center;
20471
+ }
20472
+
20473
+ .v-empty-state__content {
20474
+ padding: 24px 0;
20475
+ }
20476
+
20477
+ .v-empty-state__actions {
20478
+ display: flex;
20479
+ gap: 8px;
20480
+ padding: 16px;
20481
+ }
20482
+
20483
+ .v-empty-state__action-btn.v-btn {
20484
+ background-color: initial;
20485
+ color: initial;
20486
20486
  }.v-fab {
20487
20487
  align-items: center;
20488
20488
  display: inline-flex;
@@ -20552,63 +20552,6 @@ html.overflow-y-hidden {
20552
20552
  }
20553
20553
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20554
20554
  right: 0;
20555
- }.v-file-input--hide.v-input .v-field,
20556
- .v-file-input--hide.v-input .v-input__control,
20557
- .v-file-input--hide.v-input .v-input__details {
20558
- display: none;
20559
- }
20560
- .v-file-input--hide.v-input .v-input__prepend {
20561
- grid-area: control;
20562
- margin: 0 auto;
20563
- }
20564
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20565
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20566
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20567
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20568
- top: 0px;
20569
- }
20570
- .v-file-input input[type=file] {
20571
- height: 100%;
20572
- left: 0;
20573
- opacity: 0;
20574
- position: absolute;
20575
- top: 0;
20576
- width: 100%;
20577
- z-index: 1;
20578
- }
20579
- .v-file-input .v-input__details {
20580
- padding-inline: 16px;
20581
- }
20582
- .v-input--plain-underlined.v-file-input .v-input__details {
20583
- padding-inline: 0;
20584
- }.v-footer {
20585
- align-items: center;
20586
- display: flex;
20587
- flex: 1 1 auto;
20588
- padding: 8px 16px;
20589
- position: relative;
20590
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20591
- transition-property: height, width, transform, max-width, left, right, top, bottom;
20592
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20593
- border-style: solid;
20594
- border-width: 0;
20595
- 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));
20596
- border-radius: 0;
20597
- background: rgb(var(--v-theme-surface));
20598
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20599
- }
20600
- .v-footer--border {
20601
- border-width: thin;
20602
- box-shadow: none;
20603
- }
20604
- .v-footer--absolute {
20605
- position: absolute;
20606
- }
20607
- .v-footer--fixed {
20608
- position: fixed;
20609
- }
20610
- .v-footer--rounded {
20611
- border-radius: 4px;
20612
20555
  }/* region INPUT */
20613
20556
  .v-field {
20614
20557
  --v-theme-overlay-multiplier: 1;
@@ -21180,7 +21123,64 @@ textarea.v-field__input::placeholder {
21180
21123
  opacity: 0;
21181
21124
  }
21182
21125
 
21183
- /* endregion */.v-container {
21126
+ /* endregion */.v-file-input--hide.v-input .v-field,
21127
+ .v-file-input--hide.v-input .v-input__control,
21128
+ .v-file-input--hide.v-input .v-input__details {
21129
+ display: none;
21130
+ }
21131
+ .v-file-input--hide.v-input .v-input__prepend {
21132
+ grid-area: control;
21133
+ margin: 0 auto;
21134
+ }
21135
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21136
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21137
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21138
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21139
+ top: 0px;
21140
+ }
21141
+ .v-file-input input[type=file] {
21142
+ height: 100%;
21143
+ left: 0;
21144
+ opacity: 0;
21145
+ position: absolute;
21146
+ top: 0;
21147
+ width: 100%;
21148
+ z-index: 1;
21149
+ }
21150
+ .v-file-input .v-input__details {
21151
+ padding-inline: 16px;
21152
+ }
21153
+ .v-input--plain-underlined.v-file-input .v-input__details {
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
+ }.v-container {
21184
21184
  width: 100%;
21185
21185
  padding: 16px;
21186
21186
  margin-right: auto;
@@ -22143,6 +22143,8 @@ textarea.v-field__input::placeholder {
22143
22143
 
22144
22144
  .v-layout-item--absolute {
22145
22145
  position: absolute;
22146
+ }.v-locale-provider {
22147
+ display: contents;
22146
22148
  }.v-list {
22147
22149
  overflow: auto;
22148
22150
  padding: 8px 0;
@@ -22700,8 +22702,6 @@ textarea.v-field__input::placeholder {
22700
22702
  }
22701
22703
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22702
22704
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
- }.v-locale-provider {
22704
- display: contents;
22705
22705
  }.v-main {
22706
22706
  flex: 1 0 auto;
22707
22707
  max-width: 100%;
@@ -22917,14 +22917,6 @@ textarea.v-field__input::placeholder {
22917
22917
  }
22918
22918
  .v-otp-input__loader .v-progress-linear {
22919
22919
  position: absolute;
22920
- }.v-pagination__list {
22921
- display: inline-flex;
22922
- list-style-type: none;
22923
- justify-content: center;
22924
- width: 100%;
22925
- }
22926
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22927
- margin: 0.3rem;
22928
22920
  }.v-overlay-container {
22929
22921
  contain: layout;
22930
22922
  left: 0;
@@ -22994,6 +22986,14 @@ html.v-overlay-scroll-blocked {
22994
22986
  }
22995
22987
  .v-parallax--active > .v-img__img {
22996
22988
  will-change: transform;
22989
+ }.v-pagination__list {
22990
+ display: inline-flex;
22991
+ list-style-type: none;
22992
+ justify-content: center;
22993
+ width: 100%;
22994
+ }
22995
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22996
+ margin: 0.3rem;
22997
22997
  }.v-progress-circular {
22998
22998
  align-items: center;
22999
22999
  display: inline-flex;
@@ -23096,293 +23096,82 @@ html.v-overlay-scroll-blocked {
23096
23096
  100% {
23097
23097
  transform: rotate(270deg);
23098
23098
  }
23099
- }.v-progress-linear {
23100
- background: transparent;
23101
- overflow: hidden;
23102
- position: relative;
23103
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23104
- width: 100%;
23099
+ }.v-radio-group > .v-input__control {
23100
+ flex-direction: column;
23105
23101
  }
23106
- .v-progress-linear--rounded {
23107
- border-radius: 9999px;
23102
+ .v-radio-group > .v-input__control > .v-label {
23103
+ margin-inline-start: 16px;
23108
23104
  }
23109
-
23110
- .v-progress-linear__background,
23111
- .v-progress-linear__buffer {
23112
- background: currentColor;
23113
- bottom: 0;
23114
- left: 0;
23115
- opacity: var(--v-border-opacity);
23116
- position: absolute;
23117
- top: 0;
23105
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23106
+ padding-inline-start: 6px;
23107
+ margin-top: 8px;
23108
+ }
23109
+ .v-radio-group .v-input__details {
23110
+ padding-inline: 16px;
23111
+ }.v-slider .v-slider__container input {
23112
+ cursor: default;
23113
+ padding: 0;
23118
23114
  width: 100%;
23119
- transition-property: width, left, right;
23120
- transition: inherit;
23115
+ display: none;
23116
+ }
23117
+ .v-slider > .v-input__append,
23118
+ .v-slider > .v-input__prepend {
23119
+ padding: 0;
23121
23120
  }
23122
23121
 
23123
- .v-progress-linear__content {
23124
- align-items: center;
23125
- display: flex;
23122
+ .v-slider__container {
23123
+ position: relative;
23124
+ min-height: inherit;
23125
+ width: 100%;
23126
23126
  height: 100%;
23127
+ display: flex;
23127
23128
  justify-content: center;
23128
- left: 0;
23129
- pointer-events: none;
23130
- position: absolute;
23131
- top: 0;
23132
- width: 100%;
23129
+ align-items: center;
23130
+ cursor: pointer;
23133
23131
  }
23134
-
23135
- .v-progress-linear__determinate,
23136
- .v-progress-linear__indeterminate {
23137
- background: currentColor;
23132
+ .v-input--disabled .v-slider__container {
23133
+ opacity: var(--v-disabled-opacity);
23138
23134
  }
23139
-
23140
- .v-progress-linear__determinate {
23141
- height: inherit;
23142
- left: 0;
23143
- position: absolute;
23144
- transition: inherit;
23145
- transition-property: width, left, right;
23135
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23136
+ color: rgb(var(--v-theme-error));
23146
23137
  }
23147
23138
 
23148
- .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
23149
- animation-play-state: paused;
23150
- animation-duration: 2.2s;
23151
- animation-iteration-count: infinite;
23152
- bottom: 0;
23153
- height: inherit;
23154
- left: 0;
23155
- position: absolute;
23156
- right: auto;
23157
- top: 0;
23158
- width: auto;
23139
+ .v-slider.v-input--horizontal {
23140
+ align-items: center;
23141
+ margin-inline: 8px 8px;
23159
23142
  }
23160
- .v-progress-linear__indeterminate .long {
23161
- animation-name: indeterminate-ltr;
23143
+ .v-slider.v-input--horizontal > .v-input__control {
23144
+ min-height: 32px;
23145
+ display: flex;
23146
+ align-items: center;
23162
23147
  }
23163
- .v-progress-linear__indeterminate .short {
23164
- animation-name: indeterminate-short-ltr;
23148
+
23149
+ .v-slider.v-input--vertical {
23150
+ justify-content: center;
23151
+ margin-top: 12px;
23152
+ margin-bottom: 12px;
23153
+ }
23154
+ .v-slider.v-input--vertical > .v-input__control {
23155
+ min-height: 300px;
23165
23156
  }
23166
23157
 
23167
- .v-progress-linear__stream {
23168
- animation: stream 0.25s infinite linear;
23169
- animation-play-state: paused;
23170
- bottom: 0;
23171
- left: auto;
23172
- opacity: 0.3;
23158
+ .v-slider.v-input--disabled {
23173
23159
  pointer-events: none;
23174
- position: absolute;
23175
- transition: inherit;
23176
- transition-property: width, left, right;
23177
23160
  }
23178
23161
 
23179
- .v-progress-linear--reverse .v-progress-linear__background,
23180
- .v-progress-linear--reverse .v-progress-linear__determinate,
23181
- .v-progress-linear--reverse .v-progress-linear__content {
23182
- left: auto;
23183
- right: 0;
23184
- }
23185
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
23186
- left: auto;
23187
- right: 0;
23188
- }
23189
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
23190
- animation-name: indeterminate-rtl;
23162
+ .v-slider--has-labels > .v-input__control {
23163
+ margin-bottom: 4px;
23191
23164
  }
23192
- .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
23193
- animation-name: indeterminate-short-rtl;
23165
+
23166
+ .v-slider__label {
23167
+ margin-inline-end: 12px;
23168
+ }.v-rating {
23169
+ max-width: 100%;
23170
+ display: inline-flex;
23171
+ white-space: nowrap;
23194
23172
  }
23195
- .v-progress-linear--reverse .v-progress-linear__stream {
23196
- right: auto;
23197
- }
23198
-
23199
- .v-progress-linear--absolute,
23200
- .v-progress-linear--fixed {
23201
- left: 0;
23202
- z-index: 1;
23203
- }
23204
-
23205
- .v-progress-linear--absolute {
23206
- position: absolute;
23207
- }
23208
-
23209
- .v-progress-linear--fixed {
23210
- position: fixed;
23211
- }
23212
-
23213
- .v-progress-linear--rounded {
23214
- border-radius: 9999px;
23215
- }
23216
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
23217
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
23218
- border-radius: inherit;
23219
- }
23220
-
23221
- .v-progress-linear--striped .v-progress-linear__determinate {
23222
- animation: progress-linear-stripes 1s infinite linear;
23223
- background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
23224
- background-repeat: repeat;
23225
- background-size: var(--v-progress-linear-height);
23226
- }
23227
-
23228
- .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
23229
- animation-play-state: running;
23230
- }
23231
- .v-progress-linear--active .v-progress-linear__stream {
23232
- animation-play-state: running;
23233
- }
23234
-
23235
- .v-progress-linear--rounded-bar .v-progress-linear__determinate,
23236
- .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
23237
- .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
23238
- border-radius: 9999px;
23239
- }
23240
- .v-progress-linear--rounded-bar .v-progress-linear__determinate {
23241
- border-start-start-radius: 0;
23242
- border-end-start-radius: 0;
23243
- }
23244
-
23245
- @keyframes indeterminate-ltr {
23246
- 0% {
23247
- left: -90%;
23248
- right: 100%;
23249
- }
23250
- 60% {
23251
- left: -90%;
23252
- right: 100%;
23253
- }
23254
- 100% {
23255
- left: 100%;
23256
- right: -35%;
23257
- }
23258
- }
23259
- @keyframes indeterminate-rtl {
23260
- 0% {
23261
- left: 100%;
23262
- right: -90%;
23263
- }
23264
- 60% {
23265
- left: 100%;
23266
- right: -90%;
23267
- }
23268
- 100% {
23269
- left: -35%;
23270
- right: 100%;
23271
- }
23272
- }
23273
- @keyframes indeterminate-short-ltr {
23274
- 0% {
23275
- left: -200%;
23276
- right: 100%;
23277
- }
23278
- 60% {
23279
- left: 107%;
23280
- right: -8%;
23281
- }
23282
- 100% {
23283
- left: 107%;
23284
- right: -8%;
23285
- }
23286
- }
23287
- @keyframes indeterminate-short-rtl {
23288
- 0% {
23289
- left: 100%;
23290
- right: -200%;
23291
- }
23292
- 60% {
23293
- left: -8%;
23294
- right: 107%;
23295
- }
23296
- 100% {
23297
- left: -8%;
23298
- right: 107%;
23299
- }
23300
- }
23301
- @keyframes stream {
23302
- to {
23303
- transform: translateX(var(--v-progress-linear-stream-to));
23304
- }
23305
- }
23306
- @keyframes progress-linear-stripes {
23307
- 0% {
23308
- background-position-x: var(--v-progress-linear-height);
23309
- }
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;
23319
- }
23320
- .v-radio-group .v-input__details {
23321
- padding-inline: 16px;
23322
- }.v-slider .v-slider__container input {
23323
- cursor: default;
23324
- padding: 0;
23325
- width: 100%;
23326
- display: none;
23327
- }
23328
- .v-slider > .v-input__append,
23329
- .v-slider > .v-input__prepend {
23330
- padding: 0;
23331
- }
23332
-
23333
- .v-slider__container {
23334
- position: relative;
23335
- min-height: inherit;
23336
- width: 100%;
23337
- height: 100%;
23338
- display: flex;
23339
- 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
- }
23349
-
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;
23358
- }
23359
-
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;
23367
- }
23368
-
23369
- .v-slider.v-input--disabled {
23370
- pointer-events: none;
23371
- }
23372
-
23373
- .v-slider--has-labels > .v-input__control {
23374
- margin-bottom: 4px;
23375
- }
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;
23383
- }
23384
- .v-rating--readonly {
23385
- pointer-events: none;
23173
+ .v-rating--readonly {
23174
+ pointer-events: none;
23386
23175
  }
23387
23176
 
23388
23177
  .v-rating__wrapper {
@@ -23430,6 +23219,54 @@ html.v-overlay-scroll-blocked {
23430
23219
  opacity: 0;
23431
23220
  position: absolute;
23432
23221
  width: 0;
23222
+ }.v-select .v-field .v-text-field__prefix,
23223
+ .v-select .v-field .v-text-field__suffix,
23224
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23225
+ cursor: pointer;
23226
+ }
23227
+ .v-select .v-field .v-field__input > input {
23228
+ align-self: flex-start;
23229
+ opacity: 1;
23230
+ flex: 0 0;
23231
+ position: absolute;
23232
+ width: 100%;
23233
+ transition: none;
23234
+ pointer-events: none;
23235
+ caret-color: transparent;
23236
+ }
23237
+ .v-select .v-field--dirty .v-select__selection {
23238
+ margin-inline-end: 2px;
23239
+ }
23240
+ .v-select .v-select__selection-text {
23241
+ overflow: hidden;
23242
+ text-overflow: ellipsis;
23243
+ white-space: nowrap;
23244
+ }
23245
+ .v-select__content {
23246
+ overflow: hidden;
23247
+ 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));
23248
+ border-radius: 4px;
23249
+ }
23250
+ .v-select__selection {
23251
+ display: inline-flex;
23252
+ align-items: center;
23253
+ letter-spacing: inherit;
23254
+ line-height: inherit;
23255
+ max-width: 100%;
23256
+ }
23257
+ .v-select .v-select__selection:first-child {
23258
+ margin-inline-start: 0;
23259
+ }
23260
+ .v-select--selected .v-field .v-field__input > input {
23261
+ opacity: 0;
23262
+ }
23263
+ .v-select__menu-icon {
23264
+ margin-inline-start: 4px;
23265
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23266
+ }
23267
+ .v-select--active-menu .v-select__menu-icon {
23268
+ opacity: var(--v-high-emphasis-opacity);
23269
+ transform: rotate(180deg);
23433
23270
  }.v-responsive {
23434
23271
  display: flex;
23435
23272
  flex: 1 0 auto;
@@ -23557,86 +23394,10 @@ html.v-overlay-scroll-blocked {
23557
23394
  }
23558
23395
  .v-selection-control--focus-visible .v-selection-control__input::before {
23559
23396
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23560
- }.v-select .v-field .v-text-field__prefix,
23561
- .v-select .v-field .v-text-field__suffix,
23562
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23563
- cursor: pointer;
23564
- }
23565
- .v-select .v-field .v-field__input > input {
23566
- align-self: flex-start;
23567
- opacity: 1;
23568
- flex: 0 0;
23569
- position: absolute;
23570
- width: 100%;
23571
- transition: none;
23572
- pointer-events: none;
23573
- caret-color: transparent;
23574
- }
23575
- .v-select .v-field--dirty .v-select__selection {
23576
- margin-inline-end: 2px;
23577
- }
23578
- .v-select .v-select__selection-text {
23579
- overflow: hidden;
23580
- text-overflow: ellipsis;
23581
- white-space: nowrap;
23582
- }
23583
- .v-select__content {
23584
- overflow: hidden;
23585
- 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));
23586
- border-radius: 4px;
23587
- }
23588
- .v-select__selection {
23589
- display: inline-flex;
23590
- align-items: center;
23591
- letter-spacing: inherit;
23592
- line-height: inherit;
23593
- max-width: 100%;
23594
- }
23595
- .v-select .v-select__selection:first-child {
23596
- margin-inline-start: 0;
23597
- }
23598
- .v-select--selected .v-field .v-field__input > input {
23599
- opacity: 0;
23600
- }
23601
- .v-select__menu-icon {
23602
- margin-inline-start: 4px;
23603
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23604
- }
23605
- .v-select--active-menu .v-select__menu-icon {
23606
- opacity: var(--v-high-emphasis-opacity);
23607
- transform: rotate(180deg);
23608
- }.v-sheet {
23609
- display: block;
23610
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23611
- border-style: solid;
23612
- border-width: 0;
23613
- 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));
23614
- border-radius: 0;
23615
- background: rgb(var(--v-theme-surface));
23616
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23617
- }
23618
- .v-sheet--border {
23619
- border-width: thin;
23620
- box-shadow: none;
23621
- }
23622
- .v-sheet--absolute {
23623
- position: absolute;
23624
- }
23625
- .v-sheet--fixed {
23626
- position: fixed;
23627
- }
23628
- .v-sheet--relative {
23629
- position: relative;
23630
- }
23631
- .v-sheet--sticky {
23632
- position: sticky;
23633
- }
23634
- .v-sheet--rounded {
23635
- border-radius: 4px;
23636
- }.v-selection-control-group {
23637
- grid-area: control;
23638
- display: flex;
23639
- flex-direction: column;
23397
+ }.v-selection-control-group {
23398
+ grid-area: control;
23399
+ display: flex;
23400
+ flex-direction: column;
23640
23401
  }
23641
23402
  .v-selection-control-group--inline {
23642
23403
  flex-direction: row;
@@ -23864,6 +23625,34 @@ html.v-overlay-scroll-blocked {
23864
23625
  100% {
23865
23626
  transform: translateX(100%);
23866
23627
  }
23628
+ }.v-sheet {
23629
+ display: block;
23630
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23631
+ border-style: solid;
23632
+ border-width: 0;
23633
+ 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));
23634
+ border-radius: 0;
23635
+ background: rgb(var(--v-theme-surface));
23636
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23637
+ }
23638
+ .v-sheet--border {
23639
+ border-width: thin;
23640
+ box-shadow: none;
23641
+ }
23642
+ .v-sheet--absolute {
23643
+ position: absolute;
23644
+ }
23645
+ .v-sheet--fixed {
23646
+ position: fixed;
23647
+ }
23648
+ .v-sheet--relative {
23649
+ position: relative;
23650
+ }
23651
+ .v-sheet--sticky {
23652
+ position: sticky;
23653
+ }
23654
+ .v-sheet--rounded {
23655
+ border-radius: 4px;
23867
23656
  }.v-slide-group {
23868
23657
  display: flex;
23869
23658
  overflow: hidden;
@@ -24264,43 +24053,6 @@ html.v-overlay-scroll-blocked {
24264
24053
  width: 100%;
24265
24054
  height: 100%;
24266
24055
  pointer-events: none;
24267
- }.v-system-bar {
24268
- align-items: center;
24269
- display: flex;
24270
- flex: 1 1 auto;
24271
- height: 24px;
24272
- justify-content: flex-end;
24273
- max-width: 100%;
24274
- padding-inline: 8px;
24275
- position: relative;
24276
- text-align: end;
24277
- width: 100%;
24278
- 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));
24279
- background: rgba(var(--v-theme-surface-light));
24280
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24281
- font-size: 0.75rem;
24282
- font-weight: 400;
24283
- letter-spacing: 0.0333333333em;
24284
- line-height: 1.667;
24285
- text-transform: none;
24286
- }
24287
- .v-system-bar .v-icon {
24288
- opacity: var(--v-medium-emphasis-opacity);
24289
- }
24290
- .v-system-bar--absolute {
24291
- position: absolute;
24292
- }
24293
- .v-system-bar--fixed {
24294
- position: fixed;
24295
- }
24296
- .v-system-bar--rounded {
24297
- border-radius: 0;
24298
- }
24299
- .v-system-bar--window {
24300
- height: 32px;
24301
- }
24302
- .v-system-bar:not(.v-system-bar--absolute) {
24303
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24304
24056
  }.v-switch .v-label {
24305
24057
  padding-inline-start: 10px;
24306
24058
  }
@@ -24481,101 +24233,43 @@ html.v-overlay-scroll-blocked {
24481
24233
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24482
24234
  border-width: 0;
24483
24235
  }
24484
- }.v-tab.v-tab.v-btn {
24485
- height: var(--v-tabs-height);
24486
- border-radius: 0;
24487
- min-width: 90px;
24488
- }
24489
- .v-slide-group--horizontal .v-tab {
24490
- max-width: 360px;
24491
- }
24492
- .v-slide-group--vertical .v-tab {
24493
- justify-content: start;
24494
- }
24495
-
24496
- .v-tab__slider {
24497
- position: absolute;
24498
- bottom: 0;
24499
- left: 0;
24500
- height: 2px;
24501
- width: 100%;
24502
- background: currentColor;
24503
- pointer-events: none;
24504
- opacity: 0;
24505
- }
24506
- .v-tab--selected .v-tab__slider {
24507
- opacity: 1;
24508
- }
24509
- .v-slide-group--vertical .v-tab__slider {
24510
- top: 0;
24511
- height: 100%;
24512
- width: 2px;
24513
- }.v-tabs {
24236
+ }.v-system-bar {
24237
+ align-items: center;
24514
24238
  display: flex;
24515
- height: var(--v-tabs-height);
24516
- }
24517
- .v-tabs--density-default {
24518
- --v-tabs-height: 48px;
24519
- }
24520
- .v-tabs--density-default.v-tabs--stacked {
24521
- --v-tabs-height: 72px;
24522
- }
24523
-
24524
- .v-tabs--density-comfortable {
24525
- --v-tabs-height: 44px;
24526
- }
24527
- .v-tabs--density-comfortable.v-tabs--stacked {
24528
- --v-tabs-height: 68px;
24529
- }
24530
-
24531
- .v-tabs--density-compact {
24532
- --v-tabs-height: 36px;
24533
- }
24534
- .v-tabs--density-compact.v-tabs--stacked {
24535
- --v-tabs-height: 60px;
24536
- }
24537
-
24538
- .v-tabs.v-slide-group--vertical {
24539
- height: auto;
24540
- flex: none;
24541
- --v-tabs-height: 48px;
24542
- }
24543
-
24544
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24545
- margin-inline-start: 42px;
24546
- }
24547
-
24548
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24549
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24550
- margin-inline-end: auto;
24239
+ flex: 1 1 auto;
24240
+ height: 24px;
24241
+ justify-content: flex-end;
24242
+ max-width: 100%;
24243
+ padding-inline: 8px;
24244
+ position: relative;
24245
+ text-align: end;
24246
+ width: 100%;
24247
+ 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));
24248
+ background: rgba(var(--v-theme-surface-light));
24249
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24250
+ font-size: 0.75rem;
24251
+ font-weight: 400;
24252
+ letter-spacing: 0.0333333333em;
24253
+ line-height: 1.667;
24254
+ text-transform: none;
24551
24255
  }
24552
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24553
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24554
- margin-inline-start: auto;
24256
+ .v-system-bar .v-icon {
24257
+ opacity: var(--v-medium-emphasis-opacity);
24555
24258
  }
24556
-
24557
- .v-tabs--grow {
24558
- flex-grow: 1;
24259
+ .v-system-bar--absolute {
24260
+ position: absolute;
24559
24261
  }
24560
- .v-tabs--grow .v-tab {
24561
- flex: 1 0 auto;
24562
- max-width: none;
24262
+ .v-system-bar--fixed {
24263
+ position: fixed;
24563
24264
  }
24564
-
24565
- .v-tabs--align-tabs-end .v-tab:first-child {
24566
- margin-inline-start: auto;
24265
+ .v-system-bar--rounded {
24266
+ border-radius: 0;
24567
24267
  }
24568
- .v-tabs--align-tabs-end .v-tab:last-child {
24569
- margin-inline-end: 0;
24268
+ .v-system-bar--window {
24269
+ height: 32px;
24570
24270
  }
24571
-
24572
- @media (max-width: 1279.98px) {
24573
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24574
- margin-inline-start: 52px;
24575
- }
24576
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24577
- margin-inline-end: 52px;
24578
- }
24271
+ .v-system-bar:not(.v-system-bar--absolute) {
24272
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24579
24273
  }.v-table {
24580
24274
  background: rgb(var(--v-theme-surface));
24581
24275
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24714,45 +24408,101 @@ html.v-overlay-scroll-blocked {
24714
24408
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24715
24409
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24716
24410
  border-top: 0px !important;
24717
- }.v-textarea .v-field {
24718
- --v-textarea-control-height: var(--v-input-control-height);
24411
+ }.v-tabs {
24412
+ display: flex;
24413
+ height: var(--v-tabs-height);
24719
24414
  }
24720
- .v-textarea .v-field__field {
24721
- --v-input-control-height: var(--v-textarea-control-height);
24415
+ .v-tabs--density-default {
24416
+ --v-tabs-height: 48px;
24722
24417
  }
24723
- .v-textarea .v-field__input {
24724
- flex: 1 1 auto;
24725
- outline: none;
24726
- -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));
24727
- 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));
24418
+ .v-tabs--density-default.v-tabs--stacked {
24419
+ --v-tabs-height: 72px;
24728
24420
  }
24729
- .v-textarea .v-field__input.v-textarea__sizer {
24730
- visibility: hidden;
24731
- position: absolute;
24732
- top: 0;
24733
- left: 0;
24734
- height: 0 !important;
24735
- min-height: 0 !important;
24736
- pointer-events: none;
24421
+
24422
+ .v-tabs--density-comfortable {
24423
+ --v-tabs-height: 44px;
24737
24424
  }
24738
- .v-textarea--no-resize .v-field__input {
24739
- resize: none;
24425
+ .v-tabs--density-comfortable.v-tabs--stacked {
24426
+ --v-tabs-height: 68px;
24740
24427
  }
24741
- .v-textarea .v-field--no-label textarea,
24742
- .v-textarea .v-field--active textarea {
24743
- opacity: 1;
24428
+
24429
+ .v-tabs--density-compact {
24430
+ --v-tabs-height: 36px;
24744
24431
  }
24745
- .v-textarea textarea {
24432
+ .v-tabs--density-compact.v-tabs--stacked {
24433
+ --v-tabs-height: 60px;
24434
+ }
24435
+
24436
+ .v-tabs.v-slide-group--vertical {
24437
+ height: auto;
24438
+ flex: none;
24439
+ --v-tabs-height: 48px;
24440
+ }
24441
+
24442
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24443
+ margin-inline-start: 42px;
24444
+ }
24445
+
24446
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24447
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24448
+ margin-inline-end: auto;
24449
+ }
24450
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24451
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24452
+ margin-inline-start: auto;
24453
+ }
24454
+
24455
+ .v-tabs--grow {
24456
+ flex-grow: 1;
24457
+ }
24458
+ .v-tabs--grow .v-tab {
24459
+ flex: 1 0 auto;
24460
+ max-width: none;
24461
+ }
24462
+
24463
+ .v-tabs--align-tabs-end .v-tab:first-child {
24464
+ margin-inline-start: auto;
24465
+ }
24466
+ .v-tabs--align-tabs-end .v-tab:last-child {
24467
+ margin-inline-end: 0;
24468
+ }
24469
+
24470
+ @media (max-width: 1279.98px) {
24471
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24472
+ margin-inline-start: 52px;
24473
+ }
24474
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24475
+ margin-inline-end: 52px;
24476
+ }
24477
+ }.v-tab.v-tab.v-btn {
24478
+ height: var(--v-tabs-height);
24479
+ border-radius: 0;
24480
+ min-width: 90px;
24481
+ }
24482
+ .v-slide-group--horizontal .v-tab {
24483
+ max-width: 360px;
24484
+ }
24485
+ .v-slide-group--vertical .v-tab {
24486
+ justify-content: start;
24487
+ }
24488
+
24489
+ .v-tab__slider {
24490
+ position: absolute;
24491
+ bottom: 0;
24492
+ left: 0;
24493
+ height: 2px;
24494
+ width: 100%;
24495
+ background: currentColor;
24496
+ pointer-events: none;
24746
24497
  opacity: 0;
24747
- flex: 1;
24748
- min-width: 0;
24749
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24750
24498
  }
24751
- .v-textarea textarea:focus, .v-textarea textarea:active {
24752
- outline: none;
24499
+ .v-tab--selected .v-tab__slider {
24500
+ opacity: 1;
24753
24501
  }
24754
- .v-textarea textarea:invalid {
24755
- box-shadow: none;
24502
+ .v-slide-group--vertical .v-tab__slider {
24503
+ top: 0;
24504
+ height: 100%;
24505
+ width: 2px;
24756
24506
  }/* region BLOCK */
24757
24507
  .v-text-field input {
24758
24508
  color: inherit;
@@ -24820,10 +24570,7 @@ html.v-overlay-scroll-blocked {
24820
24570
  padding-inline-end: var(--v-field-padding-end);
24821
24571
  }
24822
24572
 
24823
- /* endregion */.v-theme-provider {
24824
- background: rgb(var(--v-theme-background));
24825
- color: rgb(var(--v-theme-on-background));
24826
- }.v-timeline .v-timeline-divider__dot {
24573
+ /* endregion */.v-timeline .v-timeline-divider__dot {
24827
24574
  background: rgb(var(--v-theme-surface-light));
24828
24575
  }
24829
24576
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25239,6 +24986,48 @@ html.v-overlay-scroll-blocked {
25239
24986
 
25240
24987
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25241
24988
  padding-inline-end: 0;
24989
+ }.v-textarea .v-field {
24990
+ --v-textarea-control-height: var(--v-input-control-height);
24991
+ }
24992
+ .v-textarea .v-field__field {
24993
+ --v-input-control-height: var(--v-textarea-control-height);
24994
+ }
24995
+ .v-textarea .v-field__input {
24996
+ flex: 1 1 auto;
24997
+ outline: none;
24998
+ -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));
24999
+ 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));
25000
+ }
25001
+ .v-textarea .v-field__input.v-textarea__sizer {
25002
+ visibility: hidden;
25003
+ position: absolute;
25004
+ top: 0;
25005
+ left: 0;
25006
+ height: 0 !important;
25007
+ min-height: 0 !important;
25008
+ pointer-events: none;
25009
+ }
25010
+ .v-textarea--no-resize .v-field__input {
25011
+ resize: none;
25012
+ }
25013
+ .v-textarea .v-field--no-label textarea,
25014
+ .v-textarea .v-field--active textarea {
25015
+ opacity: 1;
25016
+ }
25017
+ .v-textarea textarea {
25018
+ opacity: 0;
25019
+ flex: 1;
25020
+ min-width: 0;
25021
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25022
+ }
25023
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25024
+ outline: none;
25025
+ }
25026
+ .v-textarea textarea:invalid {
25027
+ box-shadow: none;
25028
+ }.v-theme-provider {
25029
+ background: rgb(var(--v-theme-background));
25030
+ color: rgb(var(--v-theme-on-background));
25242
25031
  }.v-toolbar {
25243
25032
  align-items: flex-start;
25244
25033
  display: flex;
@@ -25390,15 +25179,6 @@ html.v-overlay-scroll-blocked {
25390
25179
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25391
25180
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25392
25181
  transition-duration: 75ms;
25393
- }.v-virtual-scroll {
25394
- display: block;
25395
- flex: 1 1 auto;
25396
- max-width: 100%;
25397
- overflow: auto;
25398
- position: relative;
25399
- }
25400
- .v-virtual-scroll__container {
25401
- display: block;
25402
25182
  }.v-window {
25403
25183
  overflow: hidden;
25404
25184
  }
@@ -25469,111 +25249,226 @@ html.v-overlay-scroll-blocked {
25469
25249
  }
25470
25250
  .v-window-y-reverse-transition-leave-to {
25471
25251
  transform: translateY(100%);
25472
- }.v-color-picker-preview__alpha .v-slider-track__background {
25473
- background-color: transparent !important;
25252
+ }.v-virtual-scroll {
25253
+ display: block;
25254
+ flex: 1 1 auto;
25255
+ max-width: 100%;
25256
+ overflow: auto;
25257
+ position: relative;
25474
25258
  }
25475
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25476
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25259
+ .v-virtual-scroll__container {
25260
+ display: block;
25261
+ }.v-progress-linear {
25262
+ background: transparent;
25263
+ overflow: hidden;
25264
+ position: relative;
25265
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25266
+ width: 100%;
25477
25267
  }
25478
-
25479
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25480
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25268
+ .v-progress-linear--rounded {
25269
+ border-radius: 9999px;
25481
25270
  }
25482
25271
 
25483
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25484
- content: "";
25485
- z-index: -1;
25272
+ .v-progress-linear__background,
25273
+ .v-progress-linear__buffer {
25274
+ background: currentColor;
25275
+ bottom: 0;
25486
25276
  left: 0;
25277
+ opacity: var(--v-border-opacity);
25278
+ position: absolute;
25487
25279
  top: 0;
25488
25280
  width: 100%;
25489
- height: 100%;
25490
- position: absolute;
25491
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25492
- border-radius: inherit;
25281
+ transition-property: width, left, right;
25282
+ transition: inherit;
25493
25283
  }
25494
25284
 
25495
- .v-color-picker-preview__sliders {
25285
+ .v-progress-linear__content {
25286
+ align-items: center;
25496
25287
  display: flex;
25497
- flex: 1 0 auto;
25498
- flex-direction: column;
25499
- padding-inline-end: 16px;
25500
- }
25501
-
25502
- .v-color-picker-preview__dot {
25503
- position: relative;
25504
- height: 30px;
25505
- width: 30px;
25506
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25507
- border-radius: 50%;
25508
- overflow: hidden;
25509
- margin-inline-end: 24px;
25510
- }
25511
- .v-color-picker-preview__dot > div {
25512
- width: 100%;
25513
25288
  height: 100%;
25289
+ justify-content: center;
25290
+ left: 0;
25291
+ pointer-events: none;
25292
+ position: absolute;
25293
+ top: 0;
25294
+ width: 100%;
25514
25295
  }
25515
25296
 
25516
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25517
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25297
+ .v-progress-linear__determinate,
25298
+ .v-progress-linear__indeterminate {
25299
+ background: currentColor;
25518
25300
  }
25519
25301
 
25520
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25521
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25302
+ .v-progress-linear__determinate {
25303
+ height: inherit;
25304
+ left: 0;
25305
+ position: absolute;
25306
+ transition: inherit;
25307
+ transition-property: width, left, right;
25522
25308
  }
25523
25309
 
25524
- .v-color-picker-preview__track {
25525
- position: relative;
25526
- width: 100%;
25527
- margin: 0 !important;
25310
+ .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
25311
+ animation-play-state: paused;
25312
+ animation-duration: 2.2s;
25313
+ animation-iteration-count: infinite;
25314
+ bottom: 0;
25315
+ height: inherit;
25316
+ left: 0;
25317
+ position: absolute;
25318
+ right: auto;
25319
+ top: 0;
25320
+ width: auto;
25528
25321
  }
25529
- .v-color-picker-preview__track .v-slider-track__fill {
25530
- display: none;
25322
+ .v-progress-linear__indeterminate .long {
25323
+ animation-name: indeterminate-ltr;
25324
+ }
25325
+ .v-progress-linear__indeterminate .short {
25326
+ animation-name: indeterminate-short-ltr;
25531
25327
  }
25532
25328
 
25533
- .v-color-picker-preview {
25534
- align-items: center;
25535
- display: flex;
25536
- margin-bottom: 0;
25329
+ .v-progress-linear__stream {
25330
+ animation: stream 0.25s infinite linear;
25331
+ animation-play-state: paused;
25332
+ bottom: 0;
25333
+ left: auto;
25334
+ opacity: 0.3;
25335
+ pointer-events: none;
25336
+ position: absolute;
25337
+ transition: inherit;
25338
+ transition-property: width, left, right;
25537
25339
  }
25538
25340
 
25539
- .v-color-picker-preview__eye-dropper {
25540
- position: relative;
25541
- margin-right: 12px;
25542
- }.v-color-picker-swatches {
25543
- overflow-y: auto;
25341
+ .v-progress-linear--reverse .v-progress-linear__background,
25342
+ .v-progress-linear--reverse .v-progress-linear__determinate,
25343
+ .v-progress-linear--reverse .v-progress-linear__content {
25344
+ left: auto;
25345
+ right: 0;
25544
25346
  }
25545
- .v-color-picker-swatches > div {
25546
- display: flex;
25547
- flex-wrap: wrap;
25548
- justify-content: center;
25549
- padding: 8px;
25347
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
25348
+ left: auto;
25349
+ right: 0;
25350
+ }
25351
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
25352
+ animation-name: indeterminate-rtl;
25353
+ }
25354
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
25355
+ animation-name: indeterminate-short-rtl;
25356
+ }
25357
+ .v-progress-linear--reverse .v-progress-linear__stream {
25358
+ right: auto;
25550
25359
  }
25551
25360
 
25552
- .v-color-picker-swatches__swatch {
25553
- display: flex;
25554
- flex-direction: column;
25555
- margin-bottom: 10px;
25361
+ .v-progress-linear--absolute,
25362
+ .v-progress-linear--fixed {
25363
+ left: 0;
25364
+ z-index: 1;
25556
25365
  }
25557
25366
 
25558
- .v-color-picker-swatches__color {
25559
- position: relative;
25560
- height: 18px;
25561
- max-height: 18px;
25562
- width: 45px;
25563
- margin: 2px 4px;
25564
- border-radius: 2px;
25565
- -webkit-user-select: none;
25566
- user-select: none;
25567
- overflow: hidden;
25568
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25569
- cursor: pointer;
25367
+ .v-progress-linear--absolute {
25368
+ position: absolute;
25570
25369
  }
25571
- .v-color-picker-swatches__color > div {
25572
- display: flex;
25573
- align-items: center;
25574
- justify-content: center;
25575
- width: 100%;
25576
- height: 100%;
25370
+
25371
+ .v-progress-linear--fixed {
25372
+ position: fixed;
25373
+ }
25374
+
25375
+ .v-progress-linear--rounded {
25376
+ border-radius: 9999px;
25377
+ }
25378
+ .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
25379
+ .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
25380
+ border-radius: inherit;
25381
+ }
25382
+
25383
+ .v-progress-linear--striped .v-progress-linear__determinate {
25384
+ animation: progress-linear-stripes 1s infinite linear;
25385
+ background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
25386
+ background-repeat: repeat;
25387
+ background-size: var(--v-progress-linear-height);
25388
+ }
25389
+
25390
+ .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
25391
+ animation-play-state: running;
25392
+ }
25393
+ .v-progress-linear--active .v-progress-linear__stream {
25394
+ animation-play-state: running;
25395
+ }
25396
+
25397
+ .v-progress-linear--rounded-bar .v-progress-linear__determinate,
25398
+ .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
25399
+ .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
25400
+ border-radius: 9999px;
25401
+ }
25402
+ .v-progress-linear--rounded-bar .v-progress-linear__determinate {
25403
+ border-start-start-radius: 0;
25404
+ border-end-start-radius: 0;
25405
+ }
25406
+
25407
+ @keyframes indeterminate-ltr {
25408
+ 0% {
25409
+ left: -90%;
25410
+ right: 100%;
25411
+ }
25412
+ 60% {
25413
+ left: -90%;
25414
+ right: 100%;
25415
+ }
25416
+ 100% {
25417
+ left: 100%;
25418
+ right: -35%;
25419
+ }
25420
+ }
25421
+ @keyframes indeterminate-rtl {
25422
+ 0% {
25423
+ left: 100%;
25424
+ right: -90%;
25425
+ }
25426
+ 60% {
25427
+ left: 100%;
25428
+ right: -90%;
25429
+ }
25430
+ 100% {
25431
+ left: -35%;
25432
+ right: 100%;
25433
+ }
25434
+ }
25435
+ @keyframes indeterminate-short-ltr {
25436
+ 0% {
25437
+ left: -200%;
25438
+ right: 100%;
25439
+ }
25440
+ 60% {
25441
+ left: 107%;
25442
+ right: -8%;
25443
+ }
25444
+ 100% {
25445
+ left: 107%;
25446
+ right: -8%;
25447
+ }
25448
+ }
25449
+ @keyframes indeterminate-short-rtl {
25450
+ 0% {
25451
+ left: 100%;
25452
+ right: -200%;
25453
+ }
25454
+ 60% {
25455
+ left: -8%;
25456
+ right: 107%;
25457
+ }
25458
+ 100% {
25459
+ left: -8%;
25460
+ right: 107%;
25461
+ }
25462
+ }
25463
+ @keyframes stream {
25464
+ to {
25465
+ transform: translateX(var(--v-progress-linear-stream-to));
25466
+ }
25467
+ }
25468
+ @keyframes progress-linear-stripes {
25469
+ 0% {
25470
+ background-position-x: var(--v-progress-linear-height);
25471
+ }
25577
25472
  }.v-color-picker-canvas {
25578
25473
  display: flex;
25579
25474
  position: relative;
@@ -25596,6 +25491,76 @@ html.v-overlay-scroll-blocked {
25596
25491
  }
25597
25492
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25598
25493
  will-change: transform;
25494
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25495
+ background-color: transparent !important;
25496
+ }
25497
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25498
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25499
+ }
25500
+
25501
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25502
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25503
+ }
25504
+
25505
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25506
+ content: "";
25507
+ z-index: -1;
25508
+ left: 0;
25509
+ top: 0;
25510
+ width: 100%;
25511
+ height: 100%;
25512
+ position: absolute;
25513
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25514
+ border-radius: inherit;
25515
+ }
25516
+
25517
+ .v-color-picker-preview__sliders {
25518
+ display: flex;
25519
+ flex: 1 0 auto;
25520
+ flex-direction: column;
25521
+ padding-inline-end: 16px;
25522
+ }
25523
+
25524
+ .v-color-picker-preview__dot {
25525
+ position: relative;
25526
+ height: 30px;
25527
+ width: 30px;
25528
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25529
+ border-radius: 50%;
25530
+ overflow: hidden;
25531
+ margin-inline-end: 24px;
25532
+ }
25533
+ .v-color-picker-preview__dot > div {
25534
+ width: 100%;
25535
+ height: 100%;
25536
+ }
25537
+
25538
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25539
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25540
+ }
25541
+
25542
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25543
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25544
+ }
25545
+
25546
+ .v-color-picker-preview__track {
25547
+ position: relative;
25548
+ width: 100%;
25549
+ margin: 0 !important;
25550
+ }
25551
+ .v-color-picker-preview__track .v-slider-track__fill {
25552
+ display: none;
25553
+ }
25554
+
25555
+ .v-color-picker-preview {
25556
+ align-items: center;
25557
+ display: flex;
25558
+ margin-bottom: 0;
25559
+ }
25560
+
25561
+ .v-color-picker-preview__eye-dropper {
25562
+ position: relative;
25563
+ margin-right: 12px;
25599
25564
  }.v-color-picker-edit {
25600
25565
  display: flex;
25601
25566
  margin-top: 24px;
@@ -25624,218 +25589,94 @@ html.v-overlay-scroll-blocked {
25624
25589
  }
25625
25590
  .v-color-picker-edit__input span {
25626
25591
  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;
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;
25652
- 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);
25700
- }
25701
-
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;
25722
- 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);
25592
+ }.v-color-picker-swatches {
25593
+ overflow-y: auto;
25743
25594
  }
25744
-
25745
- .v-slider-thumb__label {
25595
+ .v-color-picker-swatches > div {
25746
25596
  display: flex;
25747
- align-items: center;
25597
+ flex-wrap: wrap;
25748
25598
  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;
25599
+ padding: 8px;
25773
25600
  }
25774
25601
 
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);
25602
+ .v-color-picker-swatches__swatch {
25603
+ display: flex;
25604
+ flex-direction: column;
25605
+ margin-bottom: 10px;
25779
25606
  }
25780
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25781
- left: calc(var(--v-slider-thumb-size) / 2);
25782
- top: 0;
25607
+
25608
+ .v-color-picker-swatches__color {
25609
+ position: relative;
25610
+ height: 18px;
25611
+ max-height: 18px;
25612
+ width: 45px;
25613
+ margin: 2px 4px;
25614
+ border-radius: 2px;
25615
+ -webkit-user-select: none;
25616
+ user-select: none;
25617
+ overflow: hidden;
25618
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25619
+ cursor: pointer;
25783
25620
  }
25784
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25785
- bottom: calc(var(--v-slider-thumb-size) / 2);
25621
+ .v-color-picker-swatches__color > div {
25622
+ display: flex;
25623
+ align-items: center;
25624
+ justify-content: center;
25625
+ width: 100%;
25626
+ height: 100%;
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;
25786
25634
  }
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%);
25635
+ .v-picker.v-sheet.v-picker--with-actions {
25636
+ grid-template-areas: "title" "header" "body" "actions";
25789
25637
  }
25790
25638
 
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%);
25639
+ .v-picker__body {
25640
+ grid-area: body;
25641
+ overflow: hidden;
25642
+ position: relative;
25793
25643
  }
25794
25644
 
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;
25645
+ .v-picker__header {
25646
+ grid-area: header;
25800
25647
  }
25801
25648
 
25802
- .v-slider.v-input--vertical .v-slider-thumb {
25803
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25804
- }
25805
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25806
- top: calc(var(--v-slider-thumb-size) / 2);
25807
- right: 0;
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
  }