@vuetify/nightly 3.6.4-master.2024-05-08 → 3.6.4-master.2024-05-09

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.4-master.2024-05-08
2
+ * Vuetify v3.6.4-master.2024-05-09
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17880,6 +17880,182 @@ html.overflow-y-hidden {
17880
17880
  text-transform: none;
17881
17881
  word-break: normal;
17882
17882
  word-wrap: break-word;
17883
+ }.v-autocomplete .v-field .v-text-field__prefix,
17884
+ .v-autocomplete .v-field .v-text-field__suffix,
17885
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17886
+ cursor: text;
17887
+ }
17888
+ .v-autocomplete .v-field .v-field__input > input {
17889
+ flex: 1 1;
17890
+ }
17891
+ .v-autocomplete .v-field input {
17892
+ min-width: 64px;
17893
+ }
17894
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17895
+ min-width: 0;
17896
+ }
17897
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17898
+ margin-inline-end: 2px;
17899
+ }
17900
+ .v-autocomplete .v-autocomplete__selection-text {
17901
+ overflow: hidden;
17902
+ text-overflow: ellipsis;
17903
+ white-space: nowrap;
17904
+ }
17905
+
17906
+ .v-autocomplete__content {
17907
+ overflow: hidden;
17908
+ 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));
17909
+ border-radius: 4px;
17910
+ }
17911
+ .v-autocomplete__mask {
17912
+ background: rgb(var(--v-theme-surface-light));
17913
+ }
17914
+ .v-autocomplete__selection {
17915
+ display: inline-flex;
17916
+ align-items: center;
17917
+ height: 1.5rem;
17918
+ letter-spacing: inherit;
17919
+ line-height: inherit;
17920
+ max-width: calc(100% - 2px - 2px);
17921
+ }
17922
+ .v-autocomplete__selection:first-child {
17923
+ margin-inline-start: 0;
17924
+ }
17925
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17926
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17927
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17928
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17929
+ top: 0px;
17930
+ }
17931
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17932
+ opacity: var(--v-medium-emphasis-opacity);
17933
+ }
17934
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17935
+ opacity: 1;
17936
+ }
17937
+ .v-autocomplete--selecting-index .v-field__input > input {
17938
+ caret-color: transparent;
17939
+ }
17940
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17941
+ flex: 1 1;
17942
+ position: absolute;
17943
+ left: 0;
17944
+ right: 0;
17945
+ width: 100%;
17946
+ padding-inline: inherit;
17947
+ }
17948
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17949
+ transition: none;
17950
+ }
17951
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17952
+ opacity: 0;
17953
+ }
17954
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17955
+ opacity: 0;
17956
+ }
17957
+ .v-autocomplete__menu-icon {
17958
+ margin-inline-start: 4px;
17959
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17960
+ }
17961
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17962
+ opacity: var(--v-high-emphasis-opacity);
17963
+ transform: rotate(180deg);
17964
+ }.v-avatar {
17965
+ flex: none;
17966
+ align-items: center;
17967
+ display: inline-flex;
17968
+ justify-content: center;
17969
+ line-height: normal;
17970
+ overflow: hidden;
17971
+ position: relative;
17972
+ text-align: center;
17973
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17974
+ transition-property: width, height;
17975
+ vertical-align: middle;
17976
+ border-radius: 50%;
17977
+ }
17978
+ .v-avatar.v-avatar--size-x-small {
17979
+ --v-avatar-height: 24px;
17980
+ }
17981
+ .v-avatar.v-avatar--size-small {
17982
+ --v-avatar-height: 32px;
17983
+ }
17984
+ .v-avatar.v-avatar--size-default {
17985
+ --v-avatar-height: 40px;
17986
+ }
17987
+ .v-avatar.v-avatar--size-large {
17988
+ --v-avatar-height: 48px;
17989
+ }
17990
+ .v-avatar.v-avatar--size-x-large {
17991
+ --v-avatar-height: 56px;
17992
+ }
17993
+ .v-avatar.v-avatar--density-default {
17994
+ height: calc(var(--v-avatar-height) + 0px);
17995
+ width: calc(var(--v-avatar-height) + 0px);
17996
+ }
17997
+ .v-avatar.v-avatar--density-comfortable {
17998
+ height: calc(var(--v-avatar-height) + -4px);
17999
+ width: calc(var(--v-avatar-height) + -4px);
18000
+ }
18001
+ .v-avatar.v-avatar--density-compact {
18002
+ height: calc(var(--v-avatar-height) + -8px);
18003
+ width: calc(var(--v-avatar-height) + -8px);
18004
+ }
18005
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18006
+ background: transparent;
18007
+ color: inherit;
18008
+ }
18009
+ .v-avatar--variant-plain {
18010
+ opacity: 0.62;
18011
+ }
18012
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18013
+ opacity: 1;
18014
+ }
18015
+ .v-avatar--variant-plain .v-avatar__overlay {
18016
+ display: none;
18017
+ }
18018
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18019
+ background: var(--v-theme-surface);
18020
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18021
+ }
18022
+ .v-avatar--variant-elevated {
18023
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18024
+ }
18025
+ .v-avatar--variant-flat {
18026
+ 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));
18027
+ }
18028
+ .v-avatar--variant-outlined {
18029
+ border: thin solid currentColor;
18030
+ }
18031
+ .v-avatar--variant-text .v-avatar__overlay {
18032
+ background: currentColor;
18033
+ }
18034
+ .v-avatar--variant-tonal .v-avatar__underlay {
18035
+ background: currentColor;
18036
+ opacity: var(--v-activated-opacity);
18037
+ border-radius: inherit;
18038
+ top: 0;
18039
+ right: 0;
18040
+ bottom: 0;
18041
+ left: 0;
18042
+ pointer-events: none;
18043
+ }
18044
+ .v-avatar .v-avatar__underlay {
18045
+ position: absolute;
18046
+ }
18047
+ .v-avatar--rounded {
18048
+ border-radius: 4px;
18049
+ }
18050
+ .v-avatar--start {
18051
+ margin-inline-end: 8px;
18052
+ }
18053
+ .v-avatar--end {
18054
+ margin-inline-start: 8px;
18055
+ }
18056
+ .v-avatar .v-img {
18057
+ height: 100%;
18058
+ width: 100%;
17883
18059
  }.v-badge {
17884
18060
  display: inline-block;
17885
18061
  line-height: 1;
@@ -17951,6 +18127,61 @@ html.overflow-y-hidden {
17951
18127
  display: inline-flex;
17952
18128
  justify-content: center;
17953
18129
  margin: 0 4px;
18130
+ }.v-bottom-navigation {
18131
+ display: flex;
18132
+ max-width: 100%;
18133
+ overflow: hidden;
18134
+ position: absolute;
18135
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18136
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18137
+ border-style: solid;
18138
+ border-width: 0;
18139
+ border-radius: 0;
18140
+ background: rgb(var(--v-theme-surface));
18141
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18142
+ }
18143
+ .v-bottom-navigation--border {
18144
+ border-width: thin;
18145
+ box-shadow: none;
18146
+ }
18147
+ .v-bottom-navigation--active {
18148
+ 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));
18149
+ }
18150
+
18151
+ .v-bottom-navigation__content {
18152
+ display: flex;
18153
+ flex: none;
18154
+ font-size: 0.75rem;
18155
+ justify-content: center;
18156
+ transition: inherit;
18157
+ width: 100%;
18158
+ }
18159
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18160
+ font-size: inherit;
18161
+ height: 100%;
18162
+ max-width: 168px;
18163
+ min-width: 80px;
18164
+ text-transform: none;
18165
+ transition: inherit;
18166
+ width: auto;
18167
+ border-radius: 0;
18168
+ }
18169
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18170
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18171
+ transition: inherit;
18172
+ }
18173
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18174
+ font-size: 1.5rem;
18175
+ }
18176
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18177
+ flex-grow: 1;
18178
+ }
18179
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18180
+ transition: inherit;
18181
+ opacity: 0;
18182
+ }
18183
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18184
+ transform: translateY(0.5rem);
17954
18185
  }.v-banner {
17955
18186
  display: grid;
17956
18187
  flex: 1 1;
@@ -18108,92 +18339,11 @@ html.overflow-y-hidden {
18108
18339
  }
18109
18340
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18110
18341
  align-self: flex-start;
18111
- }.v-autocomplete .v-field .v-text-field__prefix,
18112
- .v-autocomplete .v-field .v-text-field__suffix,
18113
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18114
- cursor: text;
18115
- }
18116
- .v-autocomplete .v-field .v-field__input > input {
18117
- flex: 1 1;
18118
- }
18119
- .v-autocomplete .v-field input {
18120
- min-width: 64px;
18121
- }
18122
- .v-autocomplete .v-field:not(.v-field--focused) input {
18123
- min-width: 0;
18124
- }
18125
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18126
- margin-inline-end: 2px;
18342
+ }.bottom-sheet-transition-enter-from {
18343
+ transform: translateY(100%);
18127
18344
  }
18128
- .v-autocomplete .v-autocomplete__selection-text {
18129
- overflow: hidden;
18130
- text-overflow: ellipsis;
18131
- white-space: nowrap;
18132
- }
18133
-
18134
- .v-autocomplete__content {
18135
- overflow: hidden;
18136
- 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));
18137
- border-radius: 4px;
18138
- }
18139
- .v-autocomplete__mask {
18140
- background: rgb(var(--v-theme-surface-light));
18141
- }
18142
- .v-autocomplete__selection {
18143
- display: inline-flex;
18144
- align-items: center;
18145
- height: 1.5rem;
18146
- letter-spacing: inherit;
18147
- line-height: inherit;
18148
- max-width: calc(100% - 2px - 2px);
18149
- }
18150
- .v-autocomplete__selection:first-child {
18151
- margin-inline-start: 0;
18152
- }
18153
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18154
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18155
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18156
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18157
- top: 0px;
18158
- }
18159
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18160
- opacity: var(--v-medium-emphasis-opacity);
18161
- }
18162
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18163
- opacity: 1;
18164
- }
18165
- .v-autocomplete--selecting-index .v-field__input > input {
18166
- caret-color: transparent;
18167
- }
18168
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18169
- flex: 1 1;
18170
- position: absolute;
18171
- left: 0;
18172
- right: 0;
18173
- width: 100%;
18174
- padding-inline: inherit;
18175
- }
18176
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18177
- transition: none;
18178
- }
18179
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18180
- opacity: 0;
18181
- }
18182
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18183
- opacity: 0;
18184
- }
18185
- .v-autocomplete__menu-icon {
18186
- margin-inline-start: 4px;
18187
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18188
- }
18189
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18190
- opacity: var(--v-high-emphasis-opacity);
18191
- transform: rotate(180deg);
18192
- }.bottom-sheet-transition-enter-from {
18193
- transform: translateY(100%);
18194
- }
18195
- .bottom-sheet-transition-leave-to {
18196
- transform: translateY(100%);
18345
+ .bottom-sheet-transition-leave-to {
18346
+ transform: translateY(100%);
18197
18347
  }
18198
18348
 
18199
18349
  .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
@@ -18221,61 +18371,63 @@ html.overflow-y-hidden {
18221
18371
  .v-bottom-sheet.v-bottom-sheet--inset {
18222
18372
  max-width: 70%;
18223
18373
  }
18224
- }.v-bottom-navigation {
18374
+ }.v-breadcrumbs {
18225
18375
  display: flex;
18226
- max-width: 100%;
18227
- overflow: hidden;
18228
- position: absolute;
18229
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18230
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18231
- border-style: solid;
18232
- border-width: 0;
18233
- border-radius: 0;
18234
- background: rgb(var(--v-theme-surface));
18235
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18376
+ align-items: center;
18377
+ line-height: 1.6;
18378
+ padding: 16px 12px;
18236
18379
  }
18237
- .v-bottom-navigation--border {
18238
- border-width: thin;
18239
- box-shadow: none;
18380
+ .v-breadcrumbs--rounded {
18381
+ border-radius: 4px;
18240
18382
  }
18241
- .v-bottom-navigation--active {
18242
- 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));
18383
+ .v-breadcrumbs--density-default {
18384
+ padding-top: 16px;
18385
+ padding-bottom: 16px;
18243
18386
  }
18244
18387
 
18245
- .v-bottom-navigation__content {
18246
- display: flex;
18247
- flex: none;
18248
- font-size: 0.75rem;
18249
- justify-content: center;
18250
- transition: inherit;
18251
- width: 100%;
18388
+ .v-breadcrumbs--density-comfortable {
18389
+ padding-top: 12px;
18390
+ padding-bottom: 12px;
18252
18391
  }
18253
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18254
- font-size: inherit;
18255
- height: 100%;
18256
- max-width: 168px;
18257
- min-width: 80px;
18258
- text-transform: none;
18259
- transition: inherit;
18260
- width: auto;
18261
- border-radius: 0;
18392
+
18393
+ .v-breadcrumbs--density-compact {
18394
+ padding-top: 8px;
18395
+ padding-bottom: 8px;
18262
18396
  }
18263
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18264
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18265
- transition: inherit;
18397
+
18398
+ .v-breadcrumbs__prepend {
18399
+ align-items: center;
18400
+ display: inline-flex;
18266
18401
  }
18267
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18268
- font-size: 1.5rem;
18402
+
18403
+ .v-breadcrumbs-item {
18404
+ align-items: center;
18405
+ color: inherit;
18406
+ display: inline-flex;
18407
+ padding: 0 4px;
18408
+ text-decoration: none;
18409
+ vertical-align: middle;
18269
18410
  }
18270
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18271
- flex-grow: 1;
18411
+ .v-breadcrumbs-item--disabled {
18412
+ opacity: var(--v-disabled-opacity);
18413
+ pointer-events: none;
18272
18414
  }
18273
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18274
- transition: inherit;
18275
- opacity: 0;
18415
+ .v-breadcrumbs-item--link {
18416
+ color: inherit;
18417
+ text-decoration: none;
18276
18418
  }
18277
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18278
- transform: translateY(0.5rem);
18419
+ .v-breadcrumbs-item--link:hover {
18420
+ text-decoration: underline;
18421
+ }
18422
+ .v-breadcrumbs-item .v-icon {
18423
+ font-size: 1rem;
18424
+ margin-inline: -4px 2px;
18425
+ }
18426
+
18427
+ .v-breadcrumbs-divider {
18428
+ display: inline-block;
18429
+ padding: 0 8px;
18430
+ vertical-align: middle;
18279
18431
  }.v-btn {
18280
18432
  align-items: center;
18281
18433
  border-radius: 4px;
@@ -18688,63 +18840,62 @@ html.overflow-y-hidden {
18688
18840
  }
18689
18841
  .v-pagination__item--is-active .v-btn__overlay {
18690
18842
  opacity: var(--v-border-opacity);
18691
- }.v-breadcrumbs {
18692
- display: flex;
18693
- align-items: center;
18694
- line-height: 1.6;
18695
- padding: 16px 12px;
18696
- }
18697
- .v-breadcrumbs--rounded {
18843
+ }.v-btn-group {
18844
+ display: inline-flex;
18845
+ flex-wrap: nowrap;
18846
+ max-width: 100%;
18847
+ min-width: 0;
18848
+ overflow: hidden;
18849
+ vertical-align: middle;
18850
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18851
+ border-style: solid;
18852
+ border-width: 0;
18853
+ 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));
18698
18854
  border-radius: 4px;
18855
+ background: transparent;
18856
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18699
18857
  }
18700
- .v-breadcrumbs--density-default {
18701
- padding-top: 16px;
18702
- padding-bottom: 16px;
18858
+ .v-btn-group--border {
18859
+ border-width: thin;
18860
+ box-shadow: none;
18703
18861
  }
18704
-
18705
- .v-breadcrumbs--density-comfortable {
18706
- padding-top: 12px;
18707
- padding-bottom: 12px;
18862
+ .v-btn-group--density-default.v-btn-group {
18863
+ height: 48px;
18708
18864
  }
18709
18865
 
18710
- .v-breadcrumbs--density-compact {
18711
- padding-top: 8px;
18712
- padding-bottom: 8px;
18866
+ .v-btn-group--density-comfortable.v-btn-group {
18867
+ height: 40px;
18713
18868
  }
18714
18869
 
18715
- .v-breadcrumbs__prepend {
18716
- align-items: center;
18717
- display: inline-flex;
18870
+ .v-btn-group--density-compact.v-btn-group {
18871
+ height: 36px;
18718
18872
  }
18719
18873
 
18720
- .v-breadcrumbs-item {
18721
- align-items: center;
18722
- color: inherit;
18723
- display: inline-flex;
18724
- padding: 0 4px;
18725
- text-decoration: none;
18726
- vertical-align: middle;
18874
+ .v-btn-group .v-btn {
18875
+ border-radius: 0;
18876
+ border-color: inherit;
18727
18877
  }
18728
- .v-breadcrumbs-item--disabled {
18729
- opacity: var(--v-disabled-opacity);
18730
- pointer-events: none;
18878
+ .v-btn-group .v-btn:not(:last-child) {
18879
+ border-inline-end: none;
18731
18880
  }
18732
- .v-breadcrumbs-item--link {
18733
- color: inherit;
18734
- text-decoration: none;
18881
+ .v-btn-group .v-btn:not(:first-child) {
18882
+ border-inline-start: none;
18735
18883
  }
18736
- .v-breadcrumbs-item--link:hover {
18737
- text-decoration: underline;
18884
+ .v-btn-group .v-btn:first-child {
18885
+ border-start-start-radius: inherit;
18886
+ border-end-start-radius: inherit;
18738
18887
  }
18739
- .v-breadcrumbs-item .v-icon {
18740
- font-size: 1rem;
18741
- margin-inline: -4px 2px;
18888
+ .v-btn-group .v-btn:last-child {
18889
+ border-start-end-radius: inherit;
18890
+ border-end-end-radius: inherit;
18742
18891
  }
18743
-
18744
- .v-breadcrumbs-divider {
18745
- display: inline-block;
18746
- padding: 0 8px;
18747
- vertical-align: middle;
18892
+ .v-btn-group--divided .v-btn:not(:last-child) {
18893
+ border-inline-end-width: thin;
18894
+ border-inline-end-style: solid;
18895
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18896
+ }
18897
+ .v-btn-group--tile {
18898
+ border-radius: 0;
18748
18899
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18749
18900
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18750
18901
  }
@@ -19057,66 +19208,10 @@ html.overflow-y-hidden {
19057
19208
  pointer-events: none;
19058
19209
  opacity: 0;
19059
19210
  transition: opacity 0.2s ease-in-out;
19060
- }.v-btn-group {
19061
- display: inline-flex;
19062
- flex-wrap: nowrap;
19063
- max-width: 100%;
19064
- min-width: 0;
19211
+ }.v-carousel {
19065
19212
  overflow: hidden;
19066
- vertical-align: middle;
19067
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19068
- border-style: solid;
19069
- border-width: 0;
19070
- 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));
19071
- border-radius: 4px;
19072
- background: transparent;
19073
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19074
- }
19075
- .v-btn-group--border {
19076
- border-width: thin;
19077
- box-shadow: none;
19078
- }
19079
- .v-btn-group--density-default.v-btn-group {
19080
- height: 48px;
19081
- }
19082
-
19083
- .v-btn-group--density-comfortable.v-btn-group {
19084
- height: 40px;
19085
- }
19086
-
19087
- .v-btn-group--density-compact.v-btn-group {
19088
- height: 36px;
19089
- }
19090
-
19091
- .v-btn-group .v-btn {
19092
- border-radius: 0;
19093
- border-color: inherit;
19094
- }
19095
- .v-btn-group .v-btn:not(:last-child) {
19096
- border-inline-end: none;
19097
- }
19098
- .v-btn-group .v-btn:not(:first-child) {
19099
- border-inline-start: none;
19100
- }
19101
- .v-btn-group .v-btn:first-child {
19102
- border-start-start-radius: inherit;
19103
- border-end-start-radius: inherit;
19104
- }
19105
- .v-btn-group .v-btn:last-child {
19106
- border-start-end-radius: inherit;
19107
- border-end-end-radius: inherit;
19108
- }
19109
- .v-btn-group--divided .v-btn:not(:last-child) {
19110
- border-inline-end-width: thin;
19111
- border-inline-end-style: solid;
19112
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19113
- }
19114
- .v-btn-group--tile {
19115
- border-radius: 0;
19116
- }.v-carousel {
19117
- overflow: hidden;
19118
- position: relative;
19119
- width: 100%;
19213
+ position: relative;
19214
+ width: 100%;
19120
19215
  }
19121
19216
  .v-carousel__controls {
19122
19217
  align-items: center;
@@ -19611,87 +19706,6 @@ html.overflow-y-hidden {
19611
19706
  white-space: normal;
19612
19707
  flex-wrap: wrap;
19613
19708
  max-width: 100%;
19614
- }.v-combobox .v-field .v-text-field__prefix,
19615
- .v-combobox .v-field .v-text-field__suffix,
19616
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19617
- cursor: text;
19618
- }
19619
- .v-combobox .v-field .v-field__input > input {
19620
- flex: 1 1;
19621
- }
19622
- .v-combobox .v-field input {
19623
- min-width: 64px;
19624
- }
19625
- .v-combobox .v-field:not(.v-field--focused) input {
19626
- min-width: 0;
19627
- }
19628
- .v-combobox .v-field--dirty .v-combobox__selection {
19629
- margin-inline-end: 2px;
19630
- }
19631
- .v-combobox .v-combobox__selection-text {
19632
- overflow: hidden;
19633
- text-overflow: ellipsis;
19634
- white-space: nowrap;
19635
- }
19636
-
19637
- .v-combobox__content {
19638
- overflow: hidden;
19639
- 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));
19640
- border-radius: 4px;
19641
- }
19642
- .v-combobox__mask {
19643
- background: rgb(var(--v-theme-surface-light));
19644
- }
19645
- .v-combobox__selection {
19646
- display: inline-flex;
19647
- align-items: center;
19648
- height: 1.5rem;
19649
- letter-spacing: inherit;
19650
- line-height: inherit;
19651
- max-width: calc(100% - 2px - 2px);
19652
- }
19653
- .v-combobox__selection:first-child {
19654
- margin-inline-start: 0;
19655
- }
19656
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19657
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19658
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19659
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19660
- top: 0px;
19661
- }
19662
- .v-combobox--selecting-index .v-combobox__selection {
19663
- opacity: var(--v-medium-emphasis-opacity);
19664
- }
19665
- .v-combobox--selecting-index .v-combobox__selection--selected {
19666
- opacity: 1;
19667
- }
19668
- .v-combobox--selecting-index .v-field__input > input {
19669
- caret-color: transparent;
19670
- }
19671
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19672
- flex: 1 1;
19673
- position: absolute;
19674
- left: 0;
19675
- right: 0;
19676
- width: 100%;
19677
- padding-inline: inherit;
19678
- }
19679
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19680
- transition: none;
19681
- }
19682
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19683
- opacity: 0;
19684
- }
19685
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19686
- opacity: 0;
19687
- }
19688
- .v-combobox__menu-icon {
19689
- margin-inline-start: 4px;
19690
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19691
- }
19692
- .v-combobox--active-menu .v-combobox__menu-icon {
19693
- opacity: var(--v-high-emphasis-opacity);
19694
- transform: rotate(180deg);
19695
19709
  }.v-container {
19696
19710
  width: 100%;
19697
19711
  padding: 16px;
@@ -20384,222 +20398,92 @@ html.overflow-y-hidden {
20384
20398
  }
20385
20399
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20386
20400
  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));
20387
- }.v-counter {
20388
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20389
- flex: 0 1 auto;
20390
- font-size: 12px;
20391
- transition-duration: 150ms;
20392
- }.v-date-picker-header {
20393
- align-items: flex-end;
20394
- height: 70px;
20395
- display: grid;
20396
- grid-template-areas: "prepend content append";
20397
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20401
+ }.v-combobox .v-field .v-text-field__prefix,
20402
+ .v-combobox .v-field .v-text-field__suffix,
20403
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20404
+ cursor: text;
20405
+ }
20406
+ .v-combobox .v-field .v-field__input > input {
20407
+ flex: 1 1;
20408
+ }
20409
+ .v-combobox .v-field input {
20410
+ min-width: 64px;
20411
+ }
20412
+ .v-combobox .v-field:not(.v-field--focused) input {
20413
+ min-width: 0;
20414
+ }
20415
+ .v-combobox .v-field--dirty .v-combobox__selection {
20416
+ margin-inline-end: 2px;
20417
+ }
20418
+ .v-combobox .v-combobox__selection-text {
20398
20419
  overflow: hidden;
20399
- padding-inline: 24px 12px;
20400
- padding-bottom: 12px;
20420
+ text-overflow: ellipsis;
20421
+ white-space: nowrap;
20401
20422
  }
20402
20423
 
20403
- .v-date-picker-header__append {
20404
- grid-area: append;
20424
+ .v-combobox__content {
20425
+ overflow: hidden;
20426
+ 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));
20427
+ border-radius: 4px;
20405
20428
  }
20406
-
20407
- .v-date-picker-header__prepend {
20408
- grid-area: prepend;
20409
- padding-inline-start: 8px;
20429
+ .v-combobox__mask {
20430
+ background: rgb(var(--v-theme-surface-light));
20410
20431
  }
20411
-
20412
- .v-date-picker-header__content {
20413
- align-items: center;
20432
+ .v-combobox__selection {
20414
20433
  display: inline-flex;
20415
- font-size: 32px;
20416
- line-height: 40px;
20417
- grid-area: content;
20418
- justify-content: space-between;
20434
+ align-items: center;
20435
+ height: 1.5rem;
20436
+ letter-spacing: inherit;
20437
+ line-height: inherit;
20438
+ max-width: calc(100% - 2px - 2px);
20419
20439
  }
20420
- .v-date-picker-header--clickable .v-date-picker-header__content {
20421
- cursor: pointer;
20440
+ .v-combobox__selection:first-child {
20441
+ margin-inline-start: 0;
20422
20442
  }
20423
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20424
- opacity: 0.7;
20443
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20444
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20445
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20446
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20447
+ top: 0px;
20425
20448
  }
20426
-
20427
- .date-picker-header-transition-enter-active,
20428
- .date-picker-header-reverse-transition-enter-active {
20429
- transition-duration: 0.3s;
20430
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20449
+ .v-combobox--selecting-index .v-combobox__selection {
20450
+ opacity: var(--v-medium-emphasis-opacity);
20431
20451
  }
20432
- .date-picker-header-transition-leave-active,
20433
- .date-picker-header-reverse-transition-leave-active {
20434
- transition-duration: 0.3s;
20435
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20452
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20453
+ opacity: 1;
20436
20454
  }
20437
-
20438
- .date-picker-header-transition-enter-from {
20439
- transform: translate(0, 100%);
20455
+ .v-combobox--selecting-index .v-field__input > input {
20456
+ caret-color: transparent;
20440
20457
  }
20441
- .date-picker-header-transition-leave-to {
20442
- opacity: 0;
20443
- transform: translate(0, -100%);
20458
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20459
+ flex: 1 1;
20460
+ position: absolute;
20461
+ left: 0;
20462
+ right: 0;
20463
+ width: 100%;
20464
+ padding-inline: inherit;
20444
20465
  }
20445
-
20446
- .date-picker-header-reverse-transition-enter-from {
20447
- transform: translate(0, -100%);
20466
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20467
+ transition: none;
20448
20468
  }
20449
- .date-picker-header-reverse-transition-leave-to {
20469
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20450
20470
  opacity: 0;
20451
- transform: translate(0, 100%);
20452
- }.v-date-picker {
20453
- overflow: hidden;
20454
- width: 328px;
20455
20471
  }
20456
- .v-date-picker--show-week {
20457
- width: 368px;
20458
- }.v-date-picker-controls {
20459
- display: flex;
20460
- align-items: center;
20461
- justify-content: space-between;
20462
- font-size: 0.875rem;
20463
- padding-top: 4px;
20464
- padding-bottom: 4px;
20465
- padding-inline-start: 6px;
20466
- padding-inline-end: 12px;
20472
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20473
+ opacity: 0;
20467
20474
  }
20468
- .v-date-picker-controls > .v-btn:first-child {
20469
- text-transform: none;
20470
- font-weight: 400;
20471
- line-height: initial;
20472
- letter-spacing: initial;
20475
+ .v-combobox__menu-icon {
20476
+ margin-inline-start: 4px;
20477
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20473
20478
  }
20474
- .v-date-picker-controls--variant-classic {
20475
- padding-inline-start: 12px;
20476
- }
20477
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20478
- opacity: 0.7;
20479
- }
20480
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20481
- cursor: pointer;
20482
- }
20483
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20484
- opacity: 1;
20485
- }
20486
- .v-date-picker-controls .v-btn:last-child {
20487
- margin-inline-start: 4px;
20488
- }
20489
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20479
+ .v-combobox--active-menu .v-combobox__menu-icon {
20480
+ opacity: var(--v-high-emphasis-opacity);
20490
20481
  transform: rotate(180deg);
20491
- }
20492
-
20493
- .v-date-picker-controls__date {
20494
- margin-inline-end: 4px;
20495
- }
20496
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20497
- margin: auto;
20498
- text-align: center;
20499
- }
20500
-
20501
- .v-date-picker-controls__month {
20502
- display: flex;
20503
- }
20504
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20505
- flex-direction: row-reverse;
20506
- }
20507
-
20508
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20509
- flex: 1 0 auto;
20510
- }
20511
-
20512
- .v-date-picker__title {
20513
- display: inline-block;
20514
- }.v-date-picker-month {
20515
- display: flex;
20516
- justify-content: center;
20517
- padding: 0 12px 8px;
20518
- --v-date-picker-month-day-diff: 4px;
20519
- }
20520
-
20521
- .v-date-picker-month__weeks {
20522
- display: grid;
20523
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20524
- column-gap: 4px;
20525
- font-size: 0.85rem;
20526
- }
20527
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20528
- grid-row-gap: 0;
20529
- }
20530
-
20531
- .v-date-picker-month__weekday {
20532
- font-size: 0.85rem;
20533
- }
20534
-
20535
- .v-date-picker-month__days {
20536
- display: grid;
20537
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20538
- column-gap: 4px;
20539
- flex: 1 1;
20540
- justify-content: space-around;
20541
- }
20542
-
20543
- .v-date-picker-month__day {
20544
- align-items: center;
20545
- display: flex;
20546
- justify-content: center;
20547
- position: relative;
20548
- height: 40px;
20549
- width: 40px;
20550
- }
20551
- .v-date-picker-month__day--selected .v-btn {
20552
- background-color: rgb(var(--v-theme-surface-variant));
20553
- color: rgb(var(--v-theme-on-surface-variant));
20554
- }
20555
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20556
- --v-btn-height: 24px;
20557
- --v-btn-size: 0.85rem;
20558
- }
20559
- .v-date-picker-month__day--week {
20560
- font-size: var(--v-btn-size);
20561
- }
20562
-
20563
- .v-date-picker-month__day--adjacent {
20564
- opacity: 0.5;
20565
- }
20566
-
20567
- .v-date-picker-month__day--hide-adjacent {
20568
- opacity: 0;
20569
- }.v-date-picker-years {
20570
- height: 288px;
20571
- overflow-y: scroll;
20572
- }
20573
-
20574
- .v-date-picker-years__content {
20575
- display: grid;
20576
- flex: 1 1;
20577
- justify-content: space-around;
20578
- grid-template-columns: repeat(3, 1fr);
20579
- gap: 8px 24px;
20580
- padding-inline: 32px;
20581
- }
20582
- .v-date-picker-years__content .v-btn {
20583
- padding-inline: 8px;
20584
- }.v-date-picker-months {
20585
- height: 288px;
20586
- }
20587
-
20588
- .v-date-picker-months__content {
20589
- align-items: center;
20590
- display: grid;
20591
- flex: 1 1;
20592
- height: inherit;
20593
- justify-content: space-around;
20594
- grid-template-columns: repeat(2, 1fr);
20595
- grid-gap: 0px 24px;
20596
- padding-inline-start: 36px;
20597
- padding-inline-end: 36px;
20598
- }
20599
- .v-date-picker-months__content .v-btn {
20600
- text-transform: none;
20601
- padding-inline-start: 8px;
20602
- padding-inline-end: 8px;
20482
+ }.v-counter {
20483
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20484
+ flex: 0 1 auto;
20485
+ font-size: 12px;
20486
+ transition-duration: 150ms;
20603
20487
  }.v-data-table {
20604
20488
  width: 100%;
20605
20489
  }
@@ -20813,105 +20697,365 @@ html.overflow-y-hidden {
20813
20697
  }
20814
20698
  .v-data-table-footer__page {
20815
20699
  padding: 0 8px;
20816
- }.v-dialog {
20817
- align-items: center;
20818
- justify-content: center;
20819
- margin: auto;
20820
- }
20821
- .v-dialog > .v-overlay__content {
20822
- max-height: calc(100% - 48px);
20823
- width: calc(100% - 48px);
20824
- max-width: calc(100% - 48px);
20825
- margin: 24px;
20700
+ }.v-date-picker {
20701
+ overflow: hidden;
20702
+ width: 328px;
20826
20703
  }
20827
- .v-dialog > .v-overlay__content,
20828
- .v-dialog > .v-overlay__content > form {
20704
+ .v-date-picker--show-week {
20705
+ width: 368px;
20706
+ }.v-date-picker-controls {
20829
20707
  display: flex;
20830
- flex-direction: column;
20831
- min-height: 0;
20708
+ align-items: center;
20709
+ justify-content: space-between;
20710
+ font-size: 0.875rem;
20711
+ padding-top: 4px;
20712
+ padding-bottom: 4px;
20713
+ padding-inline-start: 6px;
20714
+ padding-inline-end: 12px;
20832
20715
  }
20833
- .v-dialog > .v-overlay__content > .v-card,
20834
- .v-dialog > .v-overlay__content > .v-sheet,
20835
- .v-dialog > .v-overlay__content > form > .v-card,
20836
- .v-dialog > .v-overlay__content > form > .v-sheet {
20837
- --v-scrollbar-offset: 0px;
20838
- border-radius: 4px;
20839
- overflow-y: auto;
20840
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20716
+ .v-date-picker-controls > .v-btn:first-child {
20717
+ text-transform: none;
20718
+ font-weight: 400;
20719
+ line-height: initial;
20720
+ letter-spacing: initial;
20841
20721
  }
20842
- .v-dialog > .v-overlay__content > .v-card,
20843
- .v-dialog > .v-overlay__content > form > .v-card {
20844
- display: flex;
20845
- flex-direction: column;
20722
+ .v-date-picker-controls--variant-classic {
20723
+ padding-inline-start: 12px;
20846
20724
  }
20847
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20848
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20849
- padding: 16px 24px;
20725
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20726
+ opacity: 0.7;
20850
20727
  }
20851
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20852
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20853
- padding-top: 0;
20728
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20729
+ cursor: pointer;
20854
20730
  }
20855
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20856
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20857
- font-size: inherit;
20858
- letter-spacing: 0.03125em;
20859
- line-height: inherit;
20860
- padding: 16px 24px 24px;
20731
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20732
+ opacity: 1;
20861
20733
  }
20862
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20863
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20864
- justify-content: flex-end;
20734
+ .v-date-picker-controls .v-btn:last-child {
20735
+ margin-inline-start: 4px;
20865
20736
  }
20866
-
20867
- .v-dialog--fullscreen {
20868
- --v-scrollbar-offset: 0px;
20737
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20738
+ transform: rotate(180deg);
20869
20739
  }
20870
- .v-dialog--fullscreen > .v-overlay__content {
20871
- border-radius: 0;
20872
- margin: 0;
20873
- padding: 0;
20874
- width: 100%;
20875
- height: 100%;
20876
- max-width: 100%;
20877
- max-height: 100%;
20878
- overflow-y: auto;
20879
- top: 0;
20880
- left: 0;
20740
+
20741
+ .v-date-picker-controls__date {
20742
+ margin-inline-end: 4px;
20881
20743
  }
20882
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20883
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20884
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20885
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20886
- min-height: 100%;
20887
- min-width: 100%;
20888
- border-radius: 0;
20744
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20745
+ margin: auto;
20746
+ text-align: center;
20889
20747
  }
20890
20748
 
20891
- .v-dialog--scrollable > .v-overlay__content,
20892
- .v-dialog--scrollable > .v-overlay__content > form {
20749
+ .v-date-picker-controls__month {
20893
20750
  display: flex;
20894
20751
  }
20895
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20896
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20897
- display: flex;
20898
- flex: 1 1 100%;
20899
- flex-direction: column;
20900
- max-height: 100%;
20901
- max-width: 100%;
20752
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20753
+ flex-direction: row-reverse;
20902
20754
  }
20903
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20904
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20905
- -webkit-backface-visibility: hidden;
20906
- backface-visibility: hidden;
20907
- overflow-y: auto;
20908
- }.v-empty-state {
20909
- align-items: center;
20910
- display: flex;
20911
- flex-direction: column;
20912
- justify-content: center;
20913
- min-height: 100%;
20914
- padding: 16px;
20755
+
20756
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20757
+ flex: 1 0 auto;
20758
+ }
20759
+
20760
+ .v-date-picker__title {
20761
+ display: inline-block;
20762
+ }.v-date-picker-header {
20763
+ align-items: flex-end;
20764
+ height: 70px;
20765
+ display: grid;
20766
+ grid-template-areas: "prepend content append";
20767
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20768
+ overflow: hidden;
20769
+ padding-inline: 24px 12px;
20770
+ padding-bottom: 12px;
20771
+ }
20772
+
20773
+ .v-date-picker-header__append {
20774
+ grid-area: append;
20775
+ }
20776
+
20777
+ .v-date-picker-header__prepend {
20778
+ grid-area: prepend;
20779
+ padding-inline-start: 8px;
20780
+ }
20781
+
20782
+ .v-date-picker-header__content {
20783
+ align-items: center;
20784
+ display: inline-flex;
20785
+ font-size: 32px;
20786
+ line-height: 40px;
20787
+ grid-area: content;
20788
+ justify-content: space-between;
20789
+ }
20790
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20791
+ cursor: pointer;
20792
+ }
20793
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20794
+ opacity: 0.7;
20795
+ }
20796
+
20797
+ .date-picker-header-transition-enter-active,
20798
+ .date-picker-header-reverse-transition-enter-active {
20799
+ transition-duration: 0.3s;
20800
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20801
+ }
20802
+ .date-picker-header-transition-leave-active,
20803
+ .date-picker-header-reverse-transition-leave-active {
20804
+ transition-duration: 0.3s;
20805
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20806
+ }
20807
+
20808
+ .date-picker-header-transition-enter-from {
20809
+ transform: translate(0, 100%);
20810
+ }
20811
+ .date-picker-header-transition-leave-to {
20812
+ opacity: 0;
20813
+ transform: translate(0, -100%);
20814
+ }
20815
+
20816
+ .date-picker-header-reverse-transition-enter-from {
20817
+ transform: translate(0, -100%);
20818
+ }
20819
+ .date-picker-header-reverse-transition-leave-to {
20820
+ opacity: 0;
20821
+ transform: translate(0, 100%);
20822
+ }.v-date-picker-month {
20823
+ display: flex;
20824
+ justify-content: center;
20825
+ padding: 0 12px 8px;
20826
+ --v-date-picker-month-day-diff: 4px;
20827
+ }
20828
+
20829
+ .v-date-picker-month__weeks {
20830
+ display: grid;
20831
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20832
+ column-gap: 4px;
20833
+ font-size: 0.85rem;
20834
+ }
20835
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20836
+ grid-row-gap: 0;
20837
+ }
20838
+
20839
+ .v-date-picker-month__weekday {
20840
+ font-size: 0.85rem;
20841
+ }
20842
+
20843
+ .v-date-picker-month__days {
20844
+ display: grid;
20845
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20846
+ column-gap: 4px;
20847
+ flex: 1 1;
20848
+ justify-content: space-around;
20849
+ }
20850
+
20851
+ .v-date-picker-month__day {
20852
+ align-items: center;
20853
+ display: flex;
20854
+ justify-content: center;
20855
+ position: relative;
20856
+ height: 40px;
20857
+ width: 40px;
20858
+ }
20859
+ .v-date-picker-month__day--selected .v-btn {
20860
+ background-color: rgb(var(--v-theme-surface-variant));
20861
+ color: rgb(var(--v-theme-on-surface-variant));
20862
+ }
20863
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20864
+ --v-btn-height: 24px;
20865
+ --v-btn-size: 0.85rem;
20866
+ }
20867
+ .v-date-picker-month__day--week {
20868
+ font-size: var(--v-btn-size);
20869
+ }
20870
+
20871
+ .v-date-picker-month__day--adjacent {
20872
+ opacity: 0.5;
20873
+ }
20874
+
20875
+ .v-date-picker-month__day--hide-adjacent {
20876
+ opacity: 0;
20877
+ }.v-date-picker-months {
20878
+ height: 288px;
20879
+ }
20880
+
20881
+ .v-date-picker-months__content {
20882
+ align-items: center;
20883
+ display: grid;
20884
+ flex: 1 1;
20885
+ height: inherit;
20886
+ justify-content: space-around;
20887
+ grid-template-columns: repeat(2, 1fr);
20888
+ grid-gap: 0px 24px;
20889
+ padding-inline-start: 36px;
20890
+ padding-inline-end: 36px;
20891
+ }
20892
+ .v-date-picker-months__content .v-btn {
20893
+ text-transform: none;
20894
+ padding-inline-start: 8px;
20895
+ padding-inline-end: 8px;
20896
+ }.v-date-picker-years {
20897
+ height: 288px;
20898
+ overflow-y: scroll;
20899
+ }
20900
+
20901
+ .v-date-picker-years__content {
20902
+ display: grid;
20903
+ flex: 1 1;
20904
+ justify-content: space-around;
20905
+ grid-template-columns: repeat(3, 1fr);
20906
+ gap: 8px 24px;
20907
+ padding-inline: 32px;
20908
+ }
20909
+ .v-date-picker-years__content .v-btn {
20910
+ padding-inline: 8px;
20911
+ }.v-dialog {
20912
+ align-items: center;
20913
+ justify-content: center;
20914
+ margin: auto;
20915
+ }
20916
+ .v-dialog > .v-overlay__content {
20917
+ max-height: calc(100% - 48px);
20918
+ width: calc(100% - 48px);
20919
+ max-width: calc(100% - 48px);
20920
+ margin: 24px;
20921
+ }
20922
+ .v-dialog > .v-overlay__content,
20923
+ .v-dialog > .v-overlay__content > form {
20924
+ display: flex;
20925
+ flex-direction: column;
20926
+ min-height: 0;
20927
+ }
20928
+ .v-dialog > .v-overlay__content > .v-card,
20929
+ .v-dialog > .v-overlay__content > .v-sheet,
20930
+ .v-dialog > .v-overlay__content > form > .v-card,
20931
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20932
+ --v-scrollbar-offset: 0px;
20933
+ border-radius: 4px;
20934
+ overflow-y: auto;
20935
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20936
+ }
20937
+ .v-dialog > .v-overlay__content > .v-card,
20938
+ .v-dialog > .v-overlay__content > form > .v-card {
20939
+ display: flex;
20940
+ flex-direction: column;
20941
+ }
20942
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20943
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20944
+ padding: 16px 24px;
20945
+ }
20946
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20947
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20948
+ padding-top: 0;
20949
+ }
20950
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20951
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20952
+ font-size: inherit;
20953
+ letter-spacing: 0.03125em;
20954
+ line-height: inherit;
20955
+ padding: 16px 24px 24px;
20956
+ }
20957
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20958
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20959
+ justify-content: flex-end;
20960
+ }
20961
+
20962
+ .v-dialog--fullscreen {
20963
+ --v-scrollbar-offset: 0px;
20964
+ }
20965
+ .v-dialog--fullscreen > .v-overlay__content {
20966
+ border-radius: 0;
20967
+ margin: 0;
20968
+ padding: 0;
20969
+ width: 100%;
20970
+ height: 100%;
20971
+ max-width: 100%;
20972
+ max-height: 100%;
20973
+ overflow-y: auto;
20974
+ top: 0;
20975
+ left: 0;
20976
+ }
20977
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20978
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20979
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20980
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20981
+ min-height: 100%;
20982
+ min-width: 100%;
20983
+ border-radius: 0;
20984
+ }
20985
+
20986
+ .v-dialog--scrollable > .v-overlay__content,
20987
+ .v-dialog--scrollable > .v-overlay__content > form {
20988
+ display: flex;
20989
+ }
20990
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20991
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20992
+ display: flex;
20993
+ flex: 1 1 100%;
20994
+ flex-direction: column;
20995
+ max-height: 100%;
20996
+ max-width: 100%;
20997
+ }
20998
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20999
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21000
+ -webkit-backface-visibility: hidden;
21001
+ backface-visibility: hidden;
21002
+ overflow-y: auto;
21003
+ }.v-divider {
21004
+ display: block;
21005
+ flex: 1 1 100%;
21006
+ height: 0px;
21007
+ max-height: 0px;
21008
+ opacity: var(--v-border-opacity);
21009
+ transition: inherit;
21010
+ border-style: solid;
21011
+ border-width: thin 0 0 0;
21012
+ }
21013
+ .v-divider--vertical {
21014
+ align-self: stretch;
21015
+ border-width: 0 thin 0 0;
21016
+ display: inline-flex;
21017
+ height: 100%;
21018
+ margin-left: -1px;
21019
+ max-height: 100%;
21020
+ max-width: 0px;
21021
+ vertical-align: text-bottom;
21022
+ width: 0px;
21023
+ }
21024
+ .v-divider--inset:not(.v-divider--vertical) {
21025
+ max-width: calc(100% - 72px);
21026
+ margin-inline-start: 72px;
21027
+ }
21028
+ .v-divider--inset.v-divider--vertical {
21029
+ margin-bottom: 8px;
21030
+ margin-top: 8px;
21031
+ max-height: calc(100% - 16px);
21032
+ }
21033
+
21034
+ .v-divider__content {
21035
+ padding: 0 16px;
21036
+ }
21037
+ .v-divider__wrapper--vertical .v-divider__content {
21038
+ padding: 4px 0;
21039
+ }
21040
+
21041
+ .v-divider__wrapper {
21042
+ display: flex;
21043
+ align-items: center;
21044
+ justify-content: center;
21045
+ }
21046
+ .v-divider__wrapper--vertical {
21047
+ flex-direction: column;
21048
+ height: 100%;
21049
+ }
21050
+ .v-divider__wrapper--vertical .v-divider {
21051
+ margin: 0 auto;
21052
+ }.v-empty-state {
21053
+ align-items: center;
21054
+ display: flex;
21055
+ flex-direction: column;
21056
+ justify-content: center;
21057
+ min-height: 100%;
21058
+ padding: 16px;
20915
21059
  }
20916
21060
  .v-empty-state--start {
20917
21061
  align-items: flex-start;
@@ -21251,55 +21395,6 @@ html.overflow-y-hidden {
21251
21395
  }
21252
21396
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21253
21397
  right: 0;
21254
- }.v-divider {
21255
- display: block;
21256
- flex: 1 1 100%;
21257
- height: 0px;
21258
- max-height: 0px;
21259
- opacity: var(--v-border-opacity);
21260
- transition: inherit;
21261
- border-style: solid;
21262
- border-width: thin 0 0 0;
21263
- }
21264
- .v-divider--vertical {
21265
- align-self: stretch;
21266
- border-width: 0 thin 0 0;
21267
- display: inline-flex;
21268
- height: 100%;
21269
- margin-left: -1px;
21270
- max-height: 100%;
21271
- max-width: 0px;
21272
- vertical-align: text-bottom;
21273
- width: 0px;
21274
- }
21275
- .v-divider--inset:not(.v-divider--vertical) {
21276
- max-width: calc(100% - 72px);
21277
- margin-inline-start: 72px;
21278
- }
21279
- .v-divider--inset.v-divider--vertical {
21280
- margin-bottom: 8px;
21281
- margin-top: 8px;
21282
- max-height: calc(100% - 16px);
21283
- }
21284
-
21285
- .v-divider__content {
21286
- padding: 0 16px;
21287
- }
21288
- .v-divider__wrapper--vertical .v-divider__content {
21289
- padding: 4px 0;
21290
- }
21291
-
21292
- .v-divider__wrapper {
21293
- display: flex;
21294
- align-items: center;
21295
- justify-content: center;
21296
- }
21297
- .v-divider__wrapper--vertical {
21298
- flex-direction: column;
21299
- height: 100%;
21300
- }
21301
- .v-divider__wrapper--vertical .v-divider {
21302
- margin: 0 auto;
21303
21398
  }/* region INPUT */
21304
21399
  .v-field {
21305
21400
  display: grid;
@@ -21927,31 +22022,6 @@ textarea.v-field__input::placeholder {
21927
22022
  }
21928
22023
  .v-footer--rounded {
21929
22024
  border-radius: 4px;
21930
- }.v-infinite-scroll--horizontal {
21931
- display: flex;
21932
- flex-direction: row;
21933
- overflow-x: auto;
21934
- }
21935
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21936
- height: 100%;
21937
- width: 1px;
21938
- }
21939
-
21940
- .v-infinite-scroll--vertical {
21941
- display: flex;
21942
- flex-direction: column;
21943
- overflow-y: auto;
21944
- }
21945
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21946
- height: 1px;
21947
- width: 100%;
21948
- }
21949
-
21950
- .v-infinite-scroll__side {
21951
- align-items: center;
21952
- display: flex;
21953
- justify-content: center;
21954
- padding: 8px;
21955
22025
  }.v-icon {
21956
22026
  --v-icon-size-multiplier: 1;
21957
22027
  align-items: center;
@@ -22005,6 +22075,67 @@ textarea.v-field__input::placeholder {
22005
22075
 
22006
22076
  .v-icon--end {
22007
22077
  margin-inline-start: 8px;
22078
+ }.v-img {
22079
+ --v-theme-overlay-multiplier: 3;
22080
+ z-index: 0;
22081
+ }
22082
+ .v-img--booting .v-responsive__sizer {
22083
+ transition: none;
22084
+ }
22085
+ .v-img--rounded {
22086
+ border-radius: 4px;
22087
+ }
22088
+
22089
+ .v-img__img,
22090
+ .v-img__picture,
22091
+ .v-img__gradient,
22092
+ .v-img__placeholder,
22093
+ .v-img__error {
22094
+ z-index: -1;
22095
+ position: absolute;
22096
+ top: 0;
22097
+ left: 0;
22098
+ width: 100%;
22099
+ height: 100%;
22100
+ }
22101
+
22102
+ .v-img__img--preload {
22103
+ filter: blur(4px);
22104
+ }
22105
+ .v-img__img--contain {
22106
+ object-fit: contain;
22107
+ }
22108
+ .v-img__img--cover {
22109
+ object-fit: cover;
22110
+ }
22111
+
22112
+ .v-img__gradient {
22113
+ background-repeat: no-repeat;
22114
+ }.v-infinite-scroll--horizontal {
22115
+ display: flex;
22116
+ flex-direction: row;
22117
+ overflow-x: auto;
22118
+ }
22119
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22120
+ height: 100%;
22121
+ width: 1px;
22122
+ }
22123
+
22124
+ .v-infinite-scroll--vertical {
22125
+ display: flex;
22126
+ flex-direction: column;
22127
+ overflow-y: auto;
22128
+ }
22129
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22130
+ height: 1px;
22131
+ width: 100%;
22132
+ }
22133
+
22134
+ .v-infinite-scroll__side {
22135
+ align-items: center;
22136
+ display: flex;
22137
+ justify-content: center;
22138
+ padding: 8px;
22008
22139
  }.v-input {
22009
22140
  display: grid;
22010
22141
  flex: 1 1 auto;
@@ -22147,42 +22278,6 @@ textarea.v-field__input::placeholder {
22147
22278
 
22148
22279
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22149
22280
  padding-top: calc(var(--v-input-padding-top) + 0px);
22150
- }.v-img {
22151
- --v-theme-overlay-multiplier: 3;
22152
- z-index: 0;
22153
- }
22154
- .v-img--booting .v-responsive__sizer {
22155
- transition: none;
22156
- }
22157
- .v-img--rounded {
22158
- border-radius: 4px;
22159
- }
22160
-
22161
- .v-img__img,
22162
- .v-img__picture,
22163
- .v-img__gradient,
22164
- .v-img__placeholder,
22165
- .v-img__error {
22166
- z-index: -1;
22167
- position: absolute;
22168
- top: 0;
22169
- left: 0;
22170
- width: 100%;
22171
- height: 100%;
22172
- }
22173
-
22174
- .v-img__img--preload {
22175
- filter: blur(4px);
22176
- }
22177
- .v-img__img--contain {
22178
- object-fit: contain;
22179
- }
22180
- .v-img__img--cover {
22181
- object-fit: cover;
22182
- }
22183
-
22184
- .v-img__gradient {
22185
- background-repeat: no-repeat;
22186
22281
  }.v-item-group {
22187
22282
  flex: 0 1 auto;
22188
22283
  max-width: 100%;
@@ -22775,6 +22870,8 @@ textarea.v-field__input::placeholder {
22775
22870
  }
22776
22871
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22777
22872
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22873
+ }.v-locale-provider {
22874
+ display: contents;
22778
22875
  }.v-main {
22779
22876
  flex: 1 0 auto;
22780
22877
  max-width: 100%;
@@ -22803,8 +22900,6 @@ textarea.v-field__input::placeholder {
22803
22900
  --v-layout-right: 0px;
22804
22901
  --v-layout-top: 0px;
22805
22902
  --v-layout-bottom: 0px;
22806
- }.v-locale-provider {
22807
- display: contents;
22808
22903
  }.v-menu > .v-overlay__content {
22809
22904
  display: flex;
22810
22905
  flex-direction: column;
@@ -23171,18 +23266,6 @@ html.v-overlay-scroll-blocked {
23171
23266
  100% {
23172
23267
  transform: rotate(270deg);
23173
23268
  }
23174
- }.v-radio-group > .v-input__control {
23175
- flex-direction: column;
23176
- }
23177
- .v-radio-group > .v-input__control > .v-label {
23178
- margin-inline-start: 16px;
23179
- }
23180
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23181
- padding-inline-start: 6px;
23182
- margin-top: 8px;
23183
- }
23184
- .v-radio-group .v-input__details {
23185
- padding-inline: 16px;
23186
23269
  }.v-progress-linear {
23187
23270
  background: transparent;
23188
23271
  overflow: hidden;
@@ -23394,6 +23477,18 @@ html.v-overlay-scroll-blocked {
23394
23477
  0% {
23395
23478
  background-position-x: var(--v-progress-linear-height);
23396
23479
  }
23480
+ }.v-radio-group > .v-input__control {
23481
+ flex-direction: column;
23482
+ }
23483
+ .v-radio-group > .v-input__control > .v-label {
23484
+ margin-inline-start: 16px;
23485
+ }
23486
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23487
+ padding-inline-start: 6px;
23488
+ margin-top: 8px;
23489
+ }
23490
+ .v-radio-group .v-input__details {
23491
+ padding-inline: 16px;
23397
23492
  }.v-slider .v-slider__container input {
23398
23493
  cursor: default;
23399
23494
  padding: 0;
@@ -23505,6 +23600,32 @@ html.v-overlay-scroll-blocked {
23505
23600
  opacity: 0;
23506
23601
  position: absolute;
23507
23602
  width: 0;
23603
+ }.v-responsive {
23604
+ display: flex;
23605
+ flex: 1 0 auto;
23606
+ max-height: 100%;
23607
+ max-width: 100%;
23608
+ overflow: hidden;
23609
+ position: relative;
23610
+ }
23611
+ .v-responsive--inline {
23612
+ display: inline-flex;
23613
+ flex: 0 0 auto;
23614
+ }
23615
+
23616
+ .v-responsive__content {
23617
+ flex: 1 0 0px;
23618
+ max-width: 100%;
23619
+ }
23620
+
23621
+ .v-responsive__sizer ~ .v-responsive__content {
23622
+ margin-inline-start: -100%;
23623
+ }
23624
+
23625
+ .v-responsive__sizer {
23626
+ flex: 1 0 0px;
23627
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23628
+ pointer-events: none;
23508
23629
  }.v-select .v-field .v-text-field__prefix,
23509
23630
  .v-select .v-field .v-text-field__suffix,
23510
23631
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24202,12 +24323,42 @@ html.v-overlay-scroll-blocked {
24202
24323
  align-self: stretch;
24203
24324
  display: inline-flex;
24204
24325
  flex: none;
24326
+ outline: none;
24205
24327
  opacity: var(--v-medium-emphasis-opacity);
24206
24328
  padding: 1.5rem;
24329
+ position: relative;
24207
24330
  transition-duration: 0.2s;
24208
24331
  transition-property: opacity;
24209
24332
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24210
24333
  }
24334
+ .v-stepper-item:hover > .v-stepper-item__overlay {
24335
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24336
+ }
24337
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24338
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24339
+ }
24340
+ @supports not selector(:focus-visible) {
24341
+ .v-stepper-item:focus > .v-stepper-item__overlay {
24342
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24343
+ }
24344
+ }
24345
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24346
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24347
+ }
24348
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24349
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24350
+ }
24351
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24352
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24353
+ }
24354
+ @supports not selector(:focus-visible) {
24355
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24356
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24357
+ }
24358
+ }
24359
+ .v-stepper--non-linear .v-stepper-item {
24360
+ opacity: var(--v-high-emphasis-opacity);
24361
+ }
24211
24362
  .v-stepper-item--selected {
24212
24363
  opacity: 1;
24213
24364
  }
@@ -24261,8 +24412,25 @@ html.v-overlay-scroll-blocked {
24261
24412
  .v-stepper--alt-labels .v-stepper-item__subtitle {
24262
24413
  text-align: center;
24263
24414
  }
24264
- .v-stepper--mobile .v-stepper-item__subtitle {
24265
- display: none;
24415
+ .v-stepper--mobile .v-stepper-item__subtitle {
24416
+ display: none;
24417
+ }
24418
+
24419
+ .v-stepper-item__overlay {
24420
+ background-color: currentColor;
24421
+ border-radius: inherit;
24422
+ opacity: 0;
24423
+ transition: opacity 0.2s ease-in-out;
24424
+ }
24425
+
24426
+ .v-stepper-item__overlay,
24427
+ .v-stepper-item__underlay {
24428
+ position: absolute;
24429
+ top: 0;
24430
+ left: 0;
24431
+ width: 100%;
24432
+ height: 100%;
24433
+ pointer-events: none;
24266
24434
  }.v-switch .v-label {
24267
24435
  padding-inline-start: 10px;
24268
24436
  }
@@ -24436,6 +24604,101 @@ html.v-overlay-scroll-blocked {
24436
24604
  }
24437
24605
  .v-system-bar:not(.v-system-bar--absolute) {
24438
24606
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24607
+ }.v-tab.v-tab.v-btn {
24608
+ height: var(--v-tabs-height);
24609
+ border-radius: 0;
24610
+ min-width: 90px;
24611
+ }
24612
+ .v-slide-group--horizontal .v-tab {
24613
+ max-width: 360px;
24614
+ }
24615
+ .v-slide-group--vertical .v-tab {
24616
+ justify-content: start;
24617
+ }
24618
+
24619
+ .v-tab__slider {
24620
+ position: absolute;
24621
+ bottom: 0;
24622
+ left: 0;
24623
+ height: 2px;
24624
+ width: 100%;
24625
+ background: currentColor;
24626
+ pointer-events: none;
24627
+ opacity: 0;
24628
+ }
24629
+ .v-tab--selected .v-tab__slider {
24630
+ opacity: 1;
24631
+ }
24632
+ .v-slide-group--vertical .v-tab__slider {
24633
+ top: 0;
24634
+ height: 100%;
24635
+ width: 2px;
24636
+ }.v-tabs {
24637
+ display: flex;
24638
+ height: var(--v-tabs-height);
24639
+ }
24640
+ .v-tabs--density-default {
24641
+ --v-tabs-height: 48px;
24642
+ }
24643
+ .v-tabs--density-default.v-tabs--stacked {
24644
+ --v-tabs-height: 72px;
24645
+ }
24646
+
24647
+ .v-tabs--density-comfortable {
24648
+ --v-tabs-height: 44px;
24649
+ }
24650
+ .v-tabs--density-comfortable.v-tabs--stacked {
24651
+ --v-tabs-height: 68px;
24652
+ }
24653
+
24654
+ .v-tabs--density-compact {
24655
+ --v-tabs-height: 36px;
24656
+ }
24657
+ .v-tabs--density-compact.v-tabs--stacked {
24658
+ --v-tabs-height: 60px;
24659
+ }
24660
+
24661
+ .v-tabs.v-slide-group--vertical {
24662
+ height: auto;
24663
+ flex: none;
24664
+ --v-tabs-height: 48px;
24665
+ }
24666
+
24667
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24668
+ margin-inline-start: 42px;
24669
+ }
24670
+
24671
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24672
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24673
+ margin-inline-end: auto;
24674
+ }
24675
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24676
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24677
+ margin-inline-start: auto;
24678
+ }
24679
+
24680
+ .v-tabs--grow {
24681
+ flex-grow: 1;
24682
+ }
24683
+ .v-tabs--grow .v-tab {
24684
+ flex: 1 0 auto;
24685
+ max-width: none;
24686
+ }
24687
+
24688
+ .v-tabs--align-tabs-end .v-tab:first-child {
24689
+ margin-inline-start: auto;
24690
+ }
24691
+ .v-tabs--align-tabs-end .v-tab:last-child {
24692
+ margin-inline-end: 0;
24693
+ }
24694
+
24695
+ @media (max-width: 1279.98px) {
24696
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24697
+ margin-inline-start: 52px;
24698
+ }
24699
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24700
+ margin-inline-end: 52px;
24701
+ }
24439
24702
  }.v-table {
24440
24703
  background: rgb(var(--v-theme-surface));
24441
24704
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24574,101 +24837,45 @@ html.v-overlay-scroll-blocked {
24574
24837
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24575
24838
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24576
24839
  border-top: 0px !important;
24577
- }.v-tab.v-tab.v-btn {
24578
- height: var(--v-tabs-height);
24579
- border-radius: 0;
24580
- min-width: 90px;
24840
+ }.v-textarea .v-field {
24841
+ --v-textarea-control-height: var(--v-input-control-height);
24581
24842
  }
24582
- .v-slide-group--horizontal .v-tab {
24583
- max-width: 360px;
24843
+ .v-textarea .v-field__field {
24844
+ --v-input-control-height: var(--v-textarea-control-height);
24584
24845
  }
24585
- .v-slide-group--vertical .v-tab {
24586
- justify-content: start;
24846
+ .v-textarea .v-field__input {
24847
+ flex: 1 1 auto;
24848
+ outline: none;
24849
+ -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));
24850
+ 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));
24587
24851
  }
24588
-
24589
- .v-tab__slider {
24852
+ .v-textarea .v-field__input.v-textarea__sizer {
24853
+ visibility: hidden;
24590
24854
  position: absolute;
24591
- bottom: 0;
24855
+ top: 0;
24592
24856
  left: 0;
24593
- height: 2px;
24594
- width: 100%;
24595
- background: currentColor;
24857
+ height: 0 !important;
24858
+ min-height: 0 !important;
24596
24859
  pointer-events: none;
24597
- opacity: 0;
24598
- }
24599
- .v-tab--selected .v-tab__slider {
24600
- opacity: 1;
24601
- }
24602
- .v-slide-group--vertical .v-tab__slider {
24603
- top: 0;
24604
- height: 100%;
24605
- width: 2px;
24606
- }.v-tabs {
24607
- display: flex;
24608
- height: var(--v-tabs-height);
24609
- }
24610
- .v-tabs--density-default {
24611
- --v-tabs-height: 48px;
24612
- }
24613
- .v-tabs--density-default.v-tabs--stacked {
24614
- --v-tabs-height: 72px;
24615
- }
24616
-
24617
- .v-tabs--density-comfortable {
24618
- --v-tabs-height: 44px;
24619
- }
24620
- .v-tabs--density-comfortable.v-tabs--stacked {
24621
- --v-tabs-height: 68px;
24622
- }
24623
-
24624
- .v-tabs--density-compact {
24625
- --v-tabs-height: 36px;
24626
- }
24627
- .v-tabs--density-compact.v-tabs--stacked {
24628
- --v-tabs-height: 60px;
24629
- }
24630
-
24631
- .v-tabs.v-slide-group--vertical {
24632
- height: auto;
24633
- flex: none;
24634
- --v-tabs-height: 48px;
24635
- }
24636
-
24637
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24638
- margin-inline-start: 42px;
24639
- }
24640
-
24641
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24642
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24643
- margin-inline-end: auto;
24644
- }
24645
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24646
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24647
- margin-inline-start: auto;
24648
24860
  }
24649
-
24650
- .v-tabs--grow {
24651
- flex-grow: 1;
24861
+ .v-textarea--no-resize .v-field__input {
24862
+ resize: none;
24652
24863
  }
24653
- .v-tabs--grow .v-tab {
24654
- flex: 1 0 auto;
24655
- max-width: none;
24864
+ .v-textarea .v-field--no-label textarea,
24865
+ .v-textarea .v-field--active textarea {
24866
+ opacity: 1;
24656
24867
  }
24657
-
24658
- .v-tabs--align-tabs-end .v-tab:first-child {
24659
- margin-inline-start: auto;
24868
+ .v-textarea textarea {
24869
+ opacity: 0;
24870
+ flex: 1;
24871
+ min-width: 0;
24872
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24660
24873
  }
24661
- .v-tabs--align-tabs-end .v-tab:last-child {
24662
- margin-inline-end: 0;
24874
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24875
+ outline: none;
24663
24876
  }
24664
-
24665
- @media (max-width: 1279.98px) {
24666
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24667
- margin-inline-start: 52px;
24668
- }
24669
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24670
- margin-inline-end: 52px;
24671
- }
24877
+ .v-textarea textarea:invalid {
24878
+ box-shadow: none;
24672
24879
  }/* region BLOCK */
24673
24880
  .v-text-field input {
24674
24881
  color: inherit;
@@ -24719,62 +24926,26 @@ html.v-overlay-scroll-blocked {
24719
24926
  opacity: 0;
24720
24927
  transition: inherit;
24721
24928
  white-space: nowrap;
24722
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24723
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24724
- padding-bottom: var(--v-field-padding-bottom, 6px);
24725
- }
24726
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24727
- opacity: 1;
24728
- }
24729
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24730
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24731
- }
24732
- .v-text-field__prefix {
24733
- padding-inline-start: var(--v-field-padding-start);
24734
- }
24735
- .v-text-field__suffix {
24736
- padding-inline-end: var(--v-field-padding-end);
24737
- }
24738
-
24739
- /* endregion */.v-textarea .v-field {
24740
- --v-textarea-control-height: var(--v-input-control-height);
24741
- }
24742
- .v-textarea .v-field__field {
24743
- --v-input-control-height: var(--v-textarea-control-height);
24744
- }
24745
- .v-textarea .v-field__input {
24746
- flex: 1 1 auto;
24747
- outline: none;
24748
- -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));
24749
- 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));
24750
- }
24751
- .v-textarea .v-field__input.v-textarea__sizer {
24752
- visibility: hidden;
24753
- position: absolute;
24754
- top: 0;
24755
- left: 0;
24756
- height: 0 !important;
24757
- min-height: 0 !important;
24758
- pointer-events: none;
24759
- }
24760
- .v-textarea--no-resize .v-field__input {
24761
- resize: none;
24929
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24930
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24931
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24762
24932
  }
24763
- .v-textarea .v-field--no-label textarea,
24764
- .v-textarea .v-field--active textarea {
24933
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24765
24934
  opacity: 1;
24766
24935
  }
24767
- .v-textarea textarea {
24768
- opacity: 0;
24769
- flex: 1;
24770
- min-width: 0;
24771
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24936
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24937
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24772
24938
  }
24773
- .v-textarea textarea:focus, .v-textarea textarea:active {
24774
- outline: none;
24939
+ .v-text-field__prefix {
24940
+ padding-inline-start: var(--v-field-padding-start);
24775
24941
  }
24776
- .v-textarea textarea:invalid {
24777
- box-shadow: none;
24942
+ .v-text-field__suffix {
24943
+ padding-inline-end: var(--v-field-padding-end);
24944
+ }
24945
+
24946
+ /* endregion */.v-theme-provider {
24947
+ background: rgb(var(--v-theme-background));
24948
+ color: rgb(var(--v-theme-on-background));
24778
24949
  }.v-timeline .v-timeline-divider__dot {
24779
24950
  background: rgb(var(--v-theme-surface-light));
24780
24951
  }
@@ -25191,31 +25362,6 @@ html.v-overlay-scroll-blocked {
25191
25362
 
25192
25363
  .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 {
25193
25364
  padding-inline-end: 0;
25194
- }.v-theme-provider {
25195
- background: rgb(var(--v-theme-background));
25196
- color: rgb(var(--v-theme-on-background));
25197
- }.v-tooltip > .v-overlay__content {
25198
- background: rgb(var(--v-theme-surface-variant));
25199
- color: rgb(var(--v-theme-on-surface-variant));
25200
- border-radius: 4px;
25201
- font-size: 0.875rem;
25202
- line-height: 1.6;
25203
- display: inline-block;
25204
- padding: 5px 16px;
25205
- text-transform: initial;
25206
- width: auto;
25207
- opacity: 1;
25208
- pointer-events: none;
25209
- transition-property: opacity, transform;
25210
- overflow-wrap: break-word;
25211
- }
25212
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25213
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25214
- transition-duration: 150ms;
25215
- }
25216
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25217
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25218
- transition-duration: 75ms;
25219
25365
  }.v-toolbar {
25220
25366
  align-items: flex-start;
25221
25367
  display: flex;
@@ -25345,6 +25491,28 @@ html.v-overlay-scroll-blocked {
25345
25491
  }
25346
25492
  .v-toolbar-items > .v-btn {
25347
25493
  border-radius: 0;
25494
+ }.v-tooltip > .v-overlay__content {
25495
+ background: rgb(var(--v-theme-surface-variant));
25496
+ color: rgb(var(--v-theme-on-surface-variant));
25497
+ border-radius: 4px;
25498
+ font-size: 0.875rem;
25499
+ line-height: 1.6;
25500
+ display: inline-block;
25501
+ padding: 5px 16px;
25502
+ text-transform: initial;
25503
+ width: auto;
25504
+ opacity: 1;
25505
+ pointer-events: none;
25506
+ transition-property: opacity, transform;
25507
+ overflow-wrap: break-word;
25508
+ }
25509
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25510
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25511
+ transition-duration: 150ms;
25512
+ }
25513
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25514
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25515
+ transition-duration: 75ms;
25348
25516
  }.v-virtual-scroll {
25349
25517
  display: block;
25350
25518
  flex: 1 1 auto;
@@ -25402,219 +25570,28 @@ html.v-overlay-scroll-blocked {
25402
25570
  width: 100%;
25403
25571
  }
25404
25572
  .v-window-x-transition-enter-from {
25405
- transform: translateX(100%);
25406
- }
25407
- .v-window-x-transition-leave-to {
25408
- transform: translateX(-100%);
25409
- }
25410
- .v-window-x-reverse-transition-enter-from {
25411
- transform: translateX(-100%);
25412
- }
25413
- .v-window-x-reverse-transition-leave-to {
25414
- transform: translateX(100%);
25415
- }
25416
- .v-window-y-transition-enter-from {
25417
- transform: translateY(100%);
25418
- }
25419
- .v-window-y-transition-leave-to {
25420
- transform: translateY(-100%);
25421
- }
25422
- .v-window-y-reverse-transition-enter-from {
25423
- transform: translateY(-100%);
25424
- }
25425
- .v-window-y-reverse-transition-leave-to {
25426
- transform: translateY(100%);
25427
- }.v-responsive {
25428
- display: flex;
25429
- flex: 1 0 auto;
25430
- max-height: 100%;
25431
- max-width: 100%;
25432
- overflow: hidden;
25433
- position: relative;
25434
- }
25435
- .v-responsive--inline {
25436
- display: inline-flex;
25437
- flex: 0 0 auto;
25438
- }
25439
-
25440
- .v-responsive__content {
25441
- flex: 1 0 0px;
25442
- max-width: 100%;
25443
- }
25444
-
25445
- .v-responsive__sizer ~ .v-responsive__content {
25446
- margin-inline-start: -100%;
25447
- }
25448
-
25449
- .v-responsive__sizer {
25450
- flex: 1 0 0px;
25451
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25452
- pointer-events: none;
25453
- }.v-avatar {
25454
- flex: none;
25455
- align-items: center;
25456
- display: inline-flex;
25457
- justify-content: center;
25458
- line-height: normal;
25459
- overflow: hidden;
25460
- position: relative;
25461
- text-align: center;
25462
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25463
- transition-property: width, height;
25464
- vertical-align: middle;
25465
- border-radius: 50%;
25466
- }
25467
- .v-avatar.v-avatar--size-x-small {
25468
- --v-avatar-height: 24px;
25469
- }
25470
- .v-avatar.v-avatar--size-small {
25471
- --v-avatar-height: 32px;
25472
- }
25473
- .v-avatar.v-avatar--size-default {
25474
- --v-avatar-height: 40px;
25475
- }
25476
- .v-avatar.v-avatar--size-large {
25477
- --v-avatar-height: 48px;
25478
- }
25479
- .v-avatar.v-avatar--size-x-large {
25480
- --v-avatar-height: 56px;
25481
- }
25482
- .v-avatar.v-avatar--density-default {
25483
- height: calc(var(--v-avatar-height) + 0px);
25484
- width: calc(var(--v-avatar-height) + 0px);
25485
- }
25486
- .v-avatar.v-avatar--density-comfortable {
25487
- height: calc(var(--v-avatar-height) + -4px);
25488
- width: calc(var(--v-avatar-height) + -4px);
25489
- }
25490
- .v-avatar.v-avatar--density-compact {
25491
- height: calc(var(--v-avatar-height) + -8px);
25492
- width: calc(var(--v-avatar-height) + -8px);
25493
- }
25494
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
25495
- background: transparent;
25496
- color: inherit;
25497
- }
25498
- .v-avatar--variant-plain {
25499
- opacity: 0.62;
25500
- }
25501
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
25502
- opacity: 1;
25503
- }
25504
- .v-avatar--variant-plain .v-avatar__overlay {
25505
- display: none;
25506
- }
25507
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
25508
- background: var(--v-theme-surface);
25509
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25510
- }
25511
- .v-avatar--variant-elevated {
25512
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25513
- }
25514
- .v-avatar--variant-flat {
25515
- 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));
25516
- }
25517
- .v-avatar--variant-outlined {
25518
- border: thin solid currentColor;
25519
- }
25520
- .v-avatar--variant-text .v-avatar__overlay {
25521
- background: currentColor;
25522
- }
25523
- .v-avatar--variant-tonal .v-avatar__underlay {
25524
- background: currentColor;
25525
- opacity: var(--v-activated-opacity);
25526
- border-radius: inherit;
25527
- top: 0;
25528
- right: 0;
25529
- bottom: 0;
25530
- left: 0;
25531
- pointer-events: none;
25532
- }
25533
- .v-avatar .v-avatar__underlay {
25534
- position: absolute;
25535
- }
25536
- .v-avatar--rounded {
25537
- border-radius: 4px;
25538
- }
25539
- .v-avatar--start {
25540
- margin-inline-end: 8px;
25541
- }
25542
- .v-avatar--end {
25543
- margin-inline-start: 8px;
25544
- }
25545
- .v-avatar .v-img {
25546
- height: 100%;
25547
- width: 100%;
25548
- }.v-color-picker-preview__alpha .v-slider-track__background {
25549
- background-color: transparent !important;
25550
- }
25551
- .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 {
25552
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25553
- }
25554
-
25555
- .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 {
25556
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25557
- }
25558
-
25559
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25560
- content: "";
25561
- z-index: -1;
25562
- left: 0;
25563
- top: 0;
25564
- width: 100%;
25565
- height: 100%;
25566
- position: absolute;
25567
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25568
- border-radius: inherit;
25569
- }
25570
-
25571
- .v-color-picker-preview__sliders {
25572
- display: flex;
25573
- flex: 1 0 auto;
25574
- flex-direction: column;
25575
- padding-inline-end: 16px;
25576
- }
25577
-
25578
- .v-color-picker-preview__dot {
25579
- position: relative;
25580
- height: 30px;
25581
- width: 30px;
25582
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25583
- border-radius: 50%;
25584
- overflow: hidden;
25585
- margin-inline-end: 24px;
25586
- }
25587
- .v-color-picker-preview__dot > div {
25588
- width: 100%;
25589
- height: 100%;
25573
+ transform: translateX(100%);
25590
25574
  }
25591
-
25592
- .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 {
25593
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25575
+ .v-window-x-transition-leave-to {
25576
+ transform: translateX(-100%);
25594
25577
  }
25595
-
25596
- .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 {
25597
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25578
+ .v-window-x-reverse-transition-enter-from {
25579
+ transform: translateX(-100%);
25598
25580
  }
25599
-
25600
- .v-color-picker-preview__track {
25601
- position: relative;
25602
- width: 100%;
25603
- margin: 0 !important;
25581
+ .v-window-x-reverse-transition-leave-to {
25582
+ transform: translateX(100%);
25604
25583
  }
25605
- .v-color-picker-preview__track .v-slider-track__fill {
25606
- display: none;
25584
+ .v-window-y-transition-enter-from {
25585
+ transform: translateY(100%);
25607
25586
  }
25608
-
25609
- .v-color-picker-preview {
25610
- align-items: center;
25611
- display: flex;
25612
- margin-bottom: 0;
25587
+ .v-window-y-transition-leave-to {
25588
+ transform: translateY(-100%);
25613
25589
  }
25614
-
25615
- .v-color-picker-preview__eye-dropper {
25616
- position: relative;
25617
- margin-right: 12px;
25590
+ .v-window-y-reverse-transition-enter-from {
25591
+ transform: translateY(-100%);
25592
+ }
25593
+ .v-window-y-reverse-transition-leave-to {
25594
+ transform: translateY(100%);
25618
25595
  }.v-color-picker-canvas {
25619
25596
  display: flex;
25620
25597
  position: relative;
@@ -25637,41 +25614,6 @@ html.v-overlay-scroll-blocked {
25637
25614
  }
25638
25615
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25639
25616
  will-change: transform;
25640
- }.v-color-picker-swatches {
25641
- overflow-y: auto;
25642
- }
25643
- .v-color-picker-swatches > div {
25644
- display: flex;
25645
- flex-wrap: wrap;
25646
- justify-content: center;
25647
- padding: 8px;
25648
- }
25649
-
25650
- .v-color-picker-swatches__swatch {
25651
- display: flex;
25652
- flex-direction: column;
25653
- margin-bottom: 10px;
25654
- }
25655
-
25656
- .v-color-picker-swatches__color {
25657
- position: relative;
25658
- height: 18px;
25659
- max-height: 18px;
25660
- width: 45px;
25661
- margin: 2px 4px;
25662
- border-radius: 2px;
25663
- -webkit-user-select: none;
25664
- user-select: none;
25665
- overflow: hidden;
25666
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25667
- cursor: pointer;
25668
- }
25669
- .v-color-picker-swatches__color > div {
25670
- display: flex;
25671
- align-items: center;
25672
- justify-content: center;
25673
- width: 100%;
25674
- height: 100%;
25675
25617
  }.v-color-picker-edit {
25676
25618
  display: flex;
25677
25619
  margin-top: 24px;
@@ -25700,218 +25642,164 @@ html.v-overlay-scroll-blocked {
25700
25642
  }
25701
25643
  .v-color-picker-edit__input span {
25702
25644
  font-size: 0.75rem;
25703
- }.v-picker.v-sheet {
25704
- 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));
25705
- border-radius: 4px;
25706
- display: grid;
25707
- grid-auto-rows: min-content;
25708
- grid-template-areas: "title" "header" "body";
25709
- overflow: hidden;
25645
+ }.v-color-picker-swatches {
25646
+ overflow-y: auto;
25710
25647
  }
25711
- .v-picker.v-sheet.v-picker--with-actions {
25712
- grid-template-areas: "title" "header" "body" "actions";
25648
+ .v-color-picker-swatches > div {
25649
+ display: flex;
25650
+ flex-wrap: wrap;
25651
+ justify-content: center;
25652
+ padding: 8px;
25713
25653
  }
25714
25654
 
25715
- .v-picker__body {
25716
- grid-area: body;
25717
- overflow: hidden;
25718
- position: relative;
25655
+ .v-color-picker-swatches__swatch {
25656
+ display: flex;
25657
+ flex-direction: column;
25658
+ margin-bottom: 10px;
25719
25659
  }
25720
25660
 
25721
- .v-picker__header {
25722
- grid-area: header;
25661
+ .v-color-picker-swatches__color {
25662
+ position: relative;
25663
+ height: 18px;
25664
+ max-height: 18px;
25665
+ width: 45px;
25666
+ margin: 2px 4px;
25667
+ border-radius: 2px;
25668
+ -webkit-user-select: none;
25669
+ user-select: none;
25670
+ overflow: hidden;
25671
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25672
+ cursor: pointer;
25723
25673
  }
25724
-
25725
- .v-picker__actions {
25726
- grid-area: actions;
25727
- padding: 0 12px 12px;
25674
+ .v-color-picker-swatches__color > div {
25728
25675
  display: flex;
25729
25676
  align-items: center;
25730
- justify-content: flex-end;
25731
- }
25732
- .v-picker__actions .v-btn {
25733
- min-width: 48px;
25734
- }
25735
- .v-picker__actions .v-btn:not(:last-child) {
25736
- margin-inline-end: 8px;
25737
- }
25738
-
25739
- .v-picker--landscape {
25740
- grid-template-areas: "title" "header body" "header body";
25741
- }
25742
-
25743
- .v-picker--landscape.v-picker--with-actions {
25744
- grid-template-areas: "title" "header body" "header actions";
25745
- }
25746
-
25747
- .v-picker-title {
25748
- text-transform: uppercase;
25749
- font-size: 0.75rem;
25750
- grid-area: title;
25751
- padding-inline: 24px 12px;
25752
- padding-top: 16px;
25753
- padding-bottom: 16px;
25754
- font-weight: 400;
25755
- letter-spacing: 0.1666666667em;
25756
- }.v-slider-thumb {
25757
- touch-action: none;
25758
- color: rgb(var(--v-theme-surface-variant));
25759
- }
25760
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25761
- color: inherit;
25762
- }
25763
-
25764
- .v-slider-thumb__label {
25765
- background: rgba(var(--v-theme-surface-variant), 0.7);
25766
- color: rgb(var(--v-theme-on-surface-variant));
25677
+ justify-content: center;
25678
+ width: 100%;
25679
+ height: 100%;
25680
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25681
+ background-color: transparent !important;
25767
25682
  }
25768
- .v-slider-thumb__label::before {
25769
- color: rgba(var(--v-theme-surface-variant), 0.7);
25683
+ .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 {
25684
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25770
25685
  }
25771
25686
 
25772
- .v-slider-thumb {
25773
- outline: none;
25774
- position: absolute;
25775
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25687
+ .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 {
25688
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25776
25689
  }
25777
25690
 
25778
- .v-slider-thumb__surface {
25779
- cursor: pointer;
25780
- width: var(--v-slider-thumb-size);
25781
- height: var(--v-slider-thumb-size);
25782
- border-radius: 50%;
25783
- -webkit-user-select: none;
25784
- user-select: none;
25785
- background-color: currentColor;
25786
- }
25787
- @media (forced-colors: active) {
25788
- .v-slider-thumb__surface {
25789
- background-color: highlight;
25790
- }
25791
- }
25792
- .v-slider-thumb__surface::before {
25793
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25691
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25794
25692
  content: "";
25795
- color: inherit;
25796
- top: 0;
25693
+ z-index: -1;
25797
25694
  left: 0;
25695
+ top: 0;
25798
25696
  width: 100%;
25799
25697
  height: 100%;
25800
- border-radius: 50%;
25801
- background: currentColor;
25802
- position: absolute;
25803
- pointer-events: none;
25804
- opacity: 0;
25805
- }
25806
- .v-slider-thumb__surface::after {
25807
- content: "";
25808
- width: 42px;
25809
- height: 42px;
25810
25698
  position: absolute;
25811
- top: 50%;
25812
- left: 50%;
25813
- transform: translate(-50%, -50%);
25699
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25700
+ border-radius: inherit;
25814
25701
  }
25815
25702
 
25816
- .v-slider-thumb__label-container {
25817
- position: absolute;
25818
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25703
+ .v-color-picker-preview__sliders {
25704
+ display: flex;
25705
+ flex: 1 0 auto;
25706
+ flex-direction: column;
25707
+ padding-inline-end: 16px;
25819
25708
  }
25820
25709
 
25821
- .v-slider-thumb__label {
25822
- display: flex;
25823
- align-items: center;
25824
- justify-content: center;
25825
- font-size: 0.75rem;
25826
- min-width: 35px;
25827
- height: 25px;
25828
- border-radius: 4px;
25829
- padding: 6px;
25830
- position: absolute;
25831
- -webkit-user-select: none;
25832
- user-select: none;
25833
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25710
+ .v-color-picker-preview__dot {
25711
+ position: relative;
25712
+ height: 30px;
25713
+ width: 30px;
25714
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25715
+ border-radius: 50%;
25716
+ overflow: hidden;
25717
+ margin-inline-end: 24px;
25834
25718
  }
25835
- .v-slider-thumb__label::before {
25836
- content: "";
25837
- width: 0;
25838
- height: 0;
25839
- position: absolute;
25719
+ .v-color-picker-preview__dot > div {
25720
+ width: 100%;
25721
+ height: 100%;
25840
25722
  }
25841
25723
 
25842
- .v-slider-thumb__ripple {
25843
- position: absolute;
25844
- left: calc(var(--v-slider-thumb-size) / -2);
25845
- top: calc(var(--v-slider-thumb-size) / -2);
25846
- width: calc(var(--v-slider-thumb-size) * 2);
25847
- height: calc(var(--v-slider-thumb-size) * 2);
25848
- background: inherit;
25724
+ .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 {
25725
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25849
25726
  }
25850
25727
 
25851
- .v-slider.v-input--horizontal .v-slider-thumb {
25852
- top: 50%;
25853
- transform: translateY(-50%);
25854
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25728
+ .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 {
25729
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25855
25730
  }
25856
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25857
- left: calc(var(--v-slider-thumb-size) / 2);
25858
- top: 0;
25731
+
25732
+ .v-color-picker-preview__track {
25733
+ position: relative;
25734
+ width: 100%;
25735
+ margin: 0 !important;
25859
25736
  }
25860
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25861
- bottom: calc(var(--v-slider-thumb-size) / 2);
25737
+ .v-color-picker-preview__track .v-slider-track__fill {
25738
+ display: none;
25862
25739
  }
25863
- .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 {
25864
- transform: translateX(-50%);
25740
+
25741
+ .v-color-picker-preview {
25742
+ align-items: center;
25743
+ display: flex;
25744
+ margin-bottom: 0;
25865
25745
  }
25866
25746
 
25867
- .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 {
25868
- transform: translateX(50%);
25747
+ .v-color-picker-preview__eye-dropper {
25748
+ position: relative;
25749
+ margin-right: 12px;
25750
+ }.v-picker.v-sheet {
25751
+ 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));
25752
+ border-radius: 4px;
25753
+ display: grid;
25754
+ grid-auto-rows: min-content;
25755
+ grid-template-areas: "title" "header" "body";
25756
+ overflow: hidden;
25757
+ }
25758
+ .v-picker.v-sheet.v-picker--with-actions {
25759
+ grid-template-areas: "title" "header" "body" "actions";
25869
25760
  }
25870
25761
 
25871
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25872
- border-left: 6px solid transparent;
25873
- border-right: 6px solid transparent;
25874
- border-top: 6px solid currentColor;
25875
- bottom: -6px;
25762
+ .v-picker__body {
25763
+ grid-area: body;
25764
+ overflow: hidden;
25765
+ position: relative;
25876
25766
  }
25877
25767
 
25878
- .v-slider.v-input--vertical .v-slider-thumb {
25879
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25768
+ .v-picker__header {
25769
+ grid-area: header;
25880
25770
  }
25881
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25882
- top: calc(var(--v-slider-thumb-size) / 2);
25883
- right: 0;
25771
+
25772
+ .v-picker__actions {
25773
+ grid-area: actions;
25774
+ padding: 0 12px 12px;
25775
+ display: flex;
25776
+ align-items: center;
25777
+ justify-content: flex-end;
25884
25778
  }
25885
- .v-slider.v-input--vertical .v-slider-thumb__label {
25886
- top: -12.5px;
25887
- left: calc(var(--v-slider-thumb-size) / 2);
25779
+ .v-picker__actions .v-btn {
25780
+ min-width: 48px;
25888
25781
  }
25889
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25890
- border-right: 6px solid currentColor;
25891
- border-top: 6px solid transparent;
25892
- border-bottom: 6px solid transparent;
25893
- left: -6px;
25782
+ .v-picker__actions .v-btn:not(:last-child) {
25783
+ margin-inline-end: 8px;
25894
25784
  }
25895
25785
 
25896
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25897
- transform: scale(2);
25898
- opacity: var(--v-focus-opacity);
25786
+ .v-picker--landscape {
25787
+ grid-template-areas: "title" "header body" "header body";
25899
25788
  }
25900
25789
 
25901
- .v-slider-thumb--pressed {
25902
- transition: none;
25903
- }
25904
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25905
- opacity: var(--v-pressed-opacity);
25790
+ .v-picker--landscape.v-picker--with-actions {
25791
+ grid-template-areas: "title" "header body" "header actions";
25906
25792
  }
25907
25793
 
25908
- @media (hover: hover) {
25909
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25910
- transform: scale(2);
25911
- }
25912
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25913
- opacity: var(--v-hover-opacity);
25914
- }
25794
+ .v-picker-title {
25795
+ text-transform: uppercase;
25796
+ font-size: 0.75rem;
25797
+ grid-area: title;
25798
+ padding-inline: 24px 12px;
25799
+ padding-top: 16px;
25800
+ padding-bottom: 16px;
25801
+ font-weight: 400;
25802
+ letter-spacing: 0.1666666667em;
25915
25803
  }.v-slider-track__background {
25916
25804
  background-color: rgb(var(--v-theme-surface-variant));
25917
25805
  }
@@ -26090,4 +25978,163 @@ html.v-overlay-scroll-blocked {
26090
25978
 
26091
25979
  .v-slider-track__background--opacity {
26092
25980
  opacity: 0.38;
25981
+ }.v-slider-thumb {
25982
+ touch-action: none;
25983
+ color: rgb(var(--v-theme-surface-variant));
25984
+ }
25985
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25986
+ color: inherit;
25987
+ }
25988
+
25989
+ .v-slider-thumb__label {
25990
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25991
+ color: rgb(var(--v-theme-on-surface-variant));
25992
+ }
25993
+ .v-slider-thumb__label::before {
25994
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25995
+ }
25996
+
25997
+ .v-slider-thumb {
25998
+ outline: none;
25999
+ position: absolute;
26000
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26001
+ }
26002
+
26003
+ .v-slider-thumb__surface {
26004
+ cursor: pointer;
26005
+ width: var(--v-slider-thumb-size);
26006
+ height: var(--v-slider-thumb-size);
26007
+ border-radius: 50%;
26008
+ -webkit-user-select: none;
26009
+ user-select: none;
26010
+ background-color: currentColor;
26011
+ }
26012
+ @media (forced-colors: active) {
26013
+ .v-slider-thumb__surface {
26014
+ background-color: highlight;
26015
+ }
26016
+ }
26017
+ .v-slider-thumb__surface::before {
26018
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26019
+ content: "";
26020
+ color: inherit;
26021
+ top: 0;
26022
+ left: 0;
26023
+ width: 100%;
26024
+ height: 100%;
26025
+ border-radius: 50%;
26026
+ background: currentColor;
26027
+ position: absolute;
26028
+ pointer-events: none;
26029
+ opacity: 0;
26030
+ }
26031
+ .v-slider-thumb__surface::after {
26032
+ content: "";
26033
+ width: 42px;
26034
+ height: 42px;
26035
+ position: absolute;
26036
+ top: 50%;
26037
+ left: 50%;
26038
+ transform: translate(-50%, -50%);
26039
+ }
26040
+
26041
+ .v-slider-thumb__label-container {
26042
+ position: absolute;
26043
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26044
+ }
26045
+
26046
+ .v-slider-thumb__label {
26047
+ display: flex;
26048
+ align-items: center;
26049
+ justify-content: center;
26050
+ font-size: 0.75rem;
26051
+ min-width: 35px;
26052
+ height: 25px;
26053
+ border-radius: 4px;
26054
+ padding: 6px;
26055
+ position: absolute;
26056
+ -webkit-user-select: none;
26057
+ user-select: none;
26058
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26059
+ }
26060
+ .v-slider-thumb__label::before {
26061
+ content: "";
26062
+ width: 0;
26063
+ height: 0;
26064
+ position: absolute;
26065
+ }
26066
+
26067
+ .v-slider-thumb__ripple {
26068
+ position: absolute;
26069
+ left: calc(var(--v-slider-thumb-size) / -2);
26070
+ top: calc(var(--v-slider-thumb-size) / -2);
26071
+ width: calc(var(--v-slider-thumb-size) * 2);
26072
+ height: calc(var(--v-slider-thumb-size) * 2);
26073
+ background: inherit;
26074
+ }
26075
+
26076
+ .v-slider.v-input--horizontal .v-slider-thumb {
26077
+ top: 50%;
26078
+ transform: translateY(-50%);
26079
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26080
+ }
26081
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26082
+ left: calc(var(--v-slider-thumb-size) / 2);
26083
+ top: 0;
26084
+ }
26085
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26086
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26087
+ }
26088
+ .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 {
26089
+ transform: translateX(-50%);
26090
+ }
26091
+
26092
+ .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 {
26093
+ transform: translateX(50%);
26094
+ }
26095
+
26096
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26097
+ border-left: 6px solid transparent;
26098
+ border-right: 6px solid transparent;
26099
+ border-top: 6px solid currentColor;
26100
+ bottom: -6px;
26101
+ }
26102
+
26103
+ .v-slider.v-input--vertical .v-slider-thumb {
26104
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26105
+ }
26106
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26107
+ top: calc(var(--v-slider-thumb-size) / 2);
26108
+ right: 0;
26109
+ }
26110
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26111
+ top: -12.5px;
26112
+ left: calc(var(--v-slider-thumb-size) / 2);
26113
+ }
26114
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26115
+ border-right: 6px solid currentColor;
26116
+ border-top: 6px solid transparent;
26117
+ border-bottom: 6px solid transparent;
26118
+ left: -6px;
26119
+ }
26120
+
26121
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26122
+ transform: scale(2);
26123
+ opacity: var(--v-focus-opacity);
26124
+ }
26125
+
26126
+ .v-slider-thumb--pressed {
26127
+ transition: none;
26128
+ }
26129
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26130
+ opacity: var(--v-pressed-opacity);
26131
+ }
26132
+
26133
+ @media (hover: hover) {
26134
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26135
+ transform: scale(2);
26136
+ }
26137
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26138
+ opacity: var(--v-hover-opacity);
26139
+ }
26093
26140
  }