@vuetify/nightly 3.7.0-beta.1-pr-20092.92a3215 → 3.7.0-beta.1-dev.2024-07-29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/json/attributes.json +99 -107
  2. package/dist/json/importMap-labs.json +24 -24
  3. package/dist/json/importMap.json +132 -132
  4. package/dist/json/tags.json +0 -2
  5. package/dist/json/web-types.json +193 -212
  6. package/dist/vuetify-labs.css +3162 -3162
  7. package/dist/vuetify-labs.d.ts +106 -190
  8. package/dist/vuetify-labs.esm.js +13 -30
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +13 -30
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1693 -1693
  13. package/dist/vuetify.d.ts +150 -234
  14. package/dist/vuetify.esm.js +13 -30
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +13 -30
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +43 -43
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.mts +24 -42
  22. package/lib/components/VCombobox/index.d.mts +24 -42
  23. package/lib/components/VDialog/index.d.mts +3 -3
  24. package/lib/components/VList/VListItem.mjs +1 -1
  25. package/lib/components/VList/VListItem.mjs.map +1 -1
  26. package/lib/components/VMenu/VMenu.mjs +3 -19
  27. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  28. package/lib/components/VMenu/index.d.mts +12 -27
  29. package/lib/components/VOverlay/VOverlay.mjs +4 -5
  30. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  31. package/lib/components/VOverlay/useActivator.mjs +2 -3
  32. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  33. package/lib/components/VSelect/index.d.mts +24 -42
  34. package/lib/components/VSnackbar/index.d.mts +3 -3
  35. package/lib/components/VSpeedDial/index.d.mts +13 -28
  36. package/lib/components/VTooltip/index.d.mts +3 -3
  37. package/lib/components/index.d.mts +106 -190
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/entry-bundler.mjs.map +1 -1
  40. package/lib/framework.mjs +1 -1
  41. package/lib/framework.mjs.map +1 -1
  42. package/lib/index.d.mts +44 -44
  43. package/lib/labs/VSnackbarQueue/index.d.mts +3 -3
  44. package/lib/labs/components.d.mts +3 -3
  45. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.0-beta.1-pr-20092.92a3215
2
+ * Vuetify v3.7.0-beta.1-dev.2024-07-29
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,6 +17456,22 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
+ }.v-application {
17460
+ display: flex;
17461
+ background: rgb(var(--v-theme-background));
17462
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17463
+ }
17464
+
17465
+ .v-application__wrap {
17466
+ -webkit-backface-visibility: hidden;
17467
+ backface-visibility: hidden;
17468
+ display: flex;
17469
+ flex-direction: column;
17470
+ flex: 1 1 auto;
17471
+ max-width: 100%;
17472
+ min-height: 100vh;
17473
+ min-height: 100dvh;
17474
+ position: relative;
17459
17475
  }.v-app-bar {
17460
17476
  display: flex;
17461
17477
  }
@@ -17761,164 +17777,6 @@ html.overflow-y-hidden {
17761
17777
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17762
17778
  opacity: var(--v-high-emphasis-opacity);
17763
17779
  transform: rotate(180deg);
17764
- }.v-banner {
17765
- display: grid;
17766
- flex: 1 1;
17767
- font-size: 0.875rem;
17768
- grid-template-areas: "prepend content actions";
17769
- grid-template-columns: max-content auto max-content;
17770
- grid-template-rows: max-content max-content;
17771
- line-height: 1.6;
17772
- overflow: hidden;
17773
- padding-inline: 16px 8px;
17774
- padding-top: 16px;
17775
- padding-bottom: 16px;
17776
- position: relative;
17777
- width: 100%;
17778
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17779
- border-style: solid;
17780
- border-width: 0 0 thin 0;
17781
- 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));
17782
- border-radius: 0;
17783
- background: rgb(var(--v-theme-surface));
17784
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17785
- }
17786
- .v-banner--border {
17787
- border-width: thin;
17788
- box-shadow: none;
17789
- }
17790
- .v-banner--absolute {
17791
- position: absolute;
17792
- }
17793
- .v-banner--fixed {
17794
- position: fixed;
17795
- }
17796
- .v-banner--sticky {
17797
- position: sticky;
17798
- }
17799
- .v-banner--rounded {
17800
- border-radius: 4px;
17801
- }
17802
- .v-banner--stacked:not(.v-banner--one-line) {
17803
- grid-template-areas: "prepend content" ". actions";
17804
- }
17805
- .v-banner--stacked .v-banner-text {
17806
- padding-inline-end: 36px;
17807
- }
17808
- .v-banner--density-default .v-banner-actions {
17809
- margin-bottom: -8px;
17810
- }
17811
- .v-banner--density-default.v-banner--one-line {
17812
- padding-top: 8px;
17813
- padding-bottom: 8px;
17814
- }
17815
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
17816
- margin-bottom: 0;
17817
- }
17818
- .v-banner--density-default.v-banner--one-line {
17819
- padding-top: 10px;
17820
- }
17821
- .v-banner--density-default.v-banner--two-line {
17822
- padding-top: 16px;
17823
- padding-bottom: 16px;
17824
- }
17825
- .v-banner--density-default.v-banner--three-line {
17826
- padding-top: 24px;
17827
- padding-bottom: 16px;
17828
- }
17829
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
17830
- margin-top: 20px;
17831
- }
17832
-
17833
- .v-banner--density-comfortable .v-banner-actions {
17834
- margin-bottom: -4px;
17835
- }
17836
- .v-banner--density-comfortable.v-banner--one-line {
17837
- padding-top: 4px;
17838
- padding-bottom: 4px;
17839
- }
17840
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
17841
- margin-bottom: 0;
17842
- }
17843
- .v-banner--density-comfortable.v-banner--two-line {
17844
- padding-top: 12px;
17845
- padding-bottom: 12px;
17846
- }
17847
- .v-banner--density-comfortable.v-banner--three-line {
17848
- padding-top: 20px;
17849
- padding-bottom: 12px;
17850
- }
17851
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
17852
- margin-top: 16px;
17853
- }
17854
-
17855
- .v-banner--density-compact .v-banner-actions {
17856
- margin-bottom: 0px;
17857
- }
17858
- .v-banner--density-compact.v-banner--one-line {
17859
- padding-top: 0px;
17860
- padding-bottom: 0px;
17861
- }
17862
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
17863
- margin-bottom: 0;
17864
- }
17865
- .v-banner--density-compact.v-banner--two-line {
17866
- padding-top: 8px;
17867
- padding-bottom: 8px;
17868
- }
17869
- .v-banner--density-compact.v-banner--three-line {
17870
- padding-top: 16px;
17871
- padding-bottom: 8px;
17872
- }
17873
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
17874
- margin-top: 12px;
17875
- }
17876
-
17877
- .v-banner--sticky {
17878
- top: 0;
17879
- z-index: 1;
17880
- }
17881
-
17882
- .v-banner__content {
17883
- align-items: center;
17884
- display: flex;
17885
- grid-area: content;
17886
- }
17887
-
17888
- .v-banner__prepend {
17889
- align-self: flex-start;
17890
- grid-area: prepend;
17891
- margin-inline-end: 24px;
17892
- }
17893
-
17894
- .v-banner-actions {
17895
- align-self: flex-end;
17896
- display: flex;
17897
- flex: 0 1;
17898
- grid-area: actions;
17899
- justify-content: flex-end;
17900
- }
17901
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
17902
- margin-top: 20px;
17903
- }
17904
-
17905
- .v-banner-text {
17906
- -webkit-box-orient: vertical;
17907
- display: -webkit-box;
17908
- padding-inline-end: 90px;
17909
- overflow: hidden;
17910
- }
17911
- .v-banner--one-line .v-banner-text {
17912
- -webkit-line-clamp: 1;
17913
- }
17914
- .v-banner--two-line .v-banner-text {
17915
- -webkit-line-clamp: 2;
17916
- }
17917
- .v-banner--three-line .v-banner-text {
17918
- -webkit-line-clamp: 3;
17919
- }
17920
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17921
- align-self: flex-start;
17922
17780
  }.v-avatar {
17923
17781
  flex: none;
17924
17782
  align-items: center;
@@ -18021,61 +17879,6 @@ html.overflow-y-hidden {
18021
17879
  .v-avatar .v-img {
18022
17880
  height: 100%;
18023
17881
  width: 100%;
18024
- }.v-bottom-navigation {
18025
- display: flex;
18026
- max-width: 100%;
18027
- overflow: hidden;
18028
- position: absolute;
18029
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18030
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18031
- border-style: solid;
18032
- border-width: 0;
18033
- border-radius: 0;
18034
- background: rgb(var(--v-theme-surface));
18035
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18036
- }
18037
- .v-bottom-navigation--border {
18038
- border-width: thin;
18039
- box-shadow: none;
18040
- }
18041
- .v-bottom-navigation--active {
18042
- 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));
18043
- }
18044
-
18045
- .v-bottom-navigation__content {
18046
- display: flex;
18047
- flex: none;
18048
- font-size: 0.75rem;
18049
- justify-content: center;
18050
- transition: inherit;
18051
- width: 100%;
18052
- }
18053
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18054
- font-size: inherit;
18055
- height: 100%;
18056
- max-width: 168px;
18057
- min-width: 80px;
18058
- text-transform: none;
18059
- transition: inherit;
18060
- width: auto;
18061
- border-radius: 0;
18062
- }
18063
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18064
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18065
- transition: inherit;
18066
- }
18067
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18068
- font-size: 1.5rem;
18069
- }
18070
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18071
- flex-grow: 1;
18072
- }
18073
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18074
- transition: inherit;
18075
- opacity: 0;
18076
- }
18077
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18078
- transform: translateY(0.5rem);
18079
17882
  }.v-badge {
18080
17883
  display: inline-block;
18081
17884
  line-height: 1;
@@ -18147,337 +17950,607 @@ html.overflow-y-hidden {
18147
17950
  display: inline-flex;
18148
17951
  justify-content: center;
18149
17952
  margin: 0 4px;
18150
- }.bottom-sheet-transition-enter-from {
18151
- transform: translateY(100%);
18152
- }
18153
- .bottom-sheet-transition-leave-to {
18154
- transform: translateY(100%);
18155
- }
18156
-
18157
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18158
- align-self: flex-end;
17953
+ }.v-banner {
17954
+ display: grid;
17955
+ flex: 1 1;
17956
+ font-size: 0.875rem;
17957
+ grid-template-areas: "prepend content actions";
17958
+ grid-template-columns: max-content auto max-content;
17959
+ grid-template-rows: max-content max-content;
17960
+ line-height: 1.6;
17961
+ overflow: hidden;
17962
+ padding-inline: 16px 8px;
17963
+ padding-top: 16px;
17964
+ padding-bottom: 16px;
17965
+ position: relative;
17966
+ width: 100%;
17967
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17968
+ border-style: solid;
17969
+ border-width: 0 0 thin 0;
17970
+ 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));
18159
17971
  border-radius: 0;
18160
- flex: 0 1 auto;
18161
- left: 0;
18162
- right: 0;
18163
- margin-inline: 0;
18164
- margin-bottom: 0;
18165
- transition-duration: 0.2s;
18166
- width: 100%;
18167
- max-width: 100%;
18168
- overflow: visible;
18169
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17972
+ background: rgb(var(--v-theme-surface));
17973
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18170
17974
  }
18171
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18172
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18173
- border-radius: 0;
17975
+ .v-banner--border {
17976
+ border-width: thin;
17977
+ box-shadow: none;
18174
17978
  }
18175
- .v-bottom-sheet.v-bottom-sheet--inset {
18176
- max-width: none;
17979
+ .v-banner--absolute {
17980
+ position: absolute;
18177
17981
  }
18178
- @media (min-width: 600px) {
18179
- .v-bottom-sheet.v-bottom-sheet--inset {
18180
- max-width: 70%;
18181
- }
18182
- }.v-btn {
18183
- align-items: center;
17982
+ .v-banner--fixed {
17983
+ position: fixed;
17984
+ }
17985
+ .v-banner--sticky {
17986
+ position: sticky;
17987
+ }
17988
+ .v-banner--rounded {
18184
17989
  border-radius: 4px;
18185
- display: inline-grid;
18186
- grid-template-areas: "prepend content append";
18187
- grid-template-columns: max-content auto max-content;
18188
- font-weight: 500;
18189
- justify-content: center;
18190
- letter-spacing: 0.0892857143em;
18191
- line-height: normal;
18192
- max-width: 100%;
18193
- outline: none;
18194
- position: relative;
18195
- text-decoration: none;
18196
- text-indent: 0.0892857143em;
18197
- text-transform: uppercase;
18198
- transition-property: box-shadow, transform, opacity, background;
18199
- transition-duration: 0.28s;
18200
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18201
- -webkit-user-select: none;
18202
- user-select: none;
18203
- vertical-align: middle;
18204
- flex-shrink: 0;
18205
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18206
- border-style: solid;
18207
- border-width: 0;
18208
17990
  }
18209
- .v-btn--size-x-small {
18210
- --v-btn-size: 0.625rem;
18211
- --v-btn-height: 20px;
18212
- font-size: var(--v-btn-size);
18213
- min-width: 36px;
18214
- padding: 0 8px;
17991
+ .v-banner--stacked:not(.v-banner--one-line) {
17992
+ grid-template-areas: "prepend content" ". actions";
18215
17993
  }
18216
-
18217
- .v-btn--size-small {
18218
- --v-btn-size: 0.75rem;
18219
- --v-btn-height: 28px;
18220
- font-size: var(--v-btn-size);
18221
- min-width: 50px;
18222
- padding: 0 12px;
17994
+ .v-banner--stacked .v-banner-text {
17995
+ padding-inline-end: 36px;
18223
17996
  }
18224
-
18225
- .v-btn--size-default {
18226
- --v-btn-size: 0.875rem;
18227
- --v-btn-height: 36px;
18228
- font-size: var(--v-btn-size);
18229
- min-width: 64px;
18230
- padding: 0 16px;
17997
+ .v-banner--density-default .v-banner-actions {
17998
+ margin-bottom: -8px;
18231
17999
  }
18232
-
18233
- .v-btn--size-large {
18234
- --v-btn-size: 1rem;
18235
- --v-btn-height: 44px;
18236
- font-size: var(--v-btn-size);
18237
- min-width: 78px;
18238
- padding: 0 20px;
18000
+ .v-banner--density-default.v-banner--one-line {
18001
+ padding-top: 8px;
18002
+ padding-bottom: 8px;
18239
18003
  }
18240
-
18241
- .v-btn--size-x-large {
18242
- --v-btn-size: 1.125rem;
18243
- --v-btn-height: 52px;
18244
- font-size: var(--v-btn-size);
18245
- min-width: 92px;
18246
- padding: 0 24px;
18004
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
18005
+ margin-bottom: 0;
18247
18006
  }
18248
-
18249
- .v-btn.v-btn--density-default {
18250
- height: calc(var(--v-btn-height) + 0px);
18007
+ .v-banner--density-default.v-banner--one-line {
18008
+ padding-top: 10px;
18251
18009
  }
18252
-
18253
- .v-btn.v-btn--density-comfortable {
18254
- height: calc(var(--v-btn-height) + -8px);
18010
+ .v-banner--density-default.v-banner--two-line {
18011
+ padding-top: 16px;
18012
+ padding-bottom: 16px;
18255
18013
  }
18256
-
18257
- .v-btn.v-btn--density-compact {
18258
- height: calc(var(--v-btn-height) + -12px);
18014
+ .v-banner--density-default.v-banner--three-line {
18015
+ padding-top: 24px;
18016
+ padding-bottom: 16px;
18017
+ }
18018
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
18019
+ margin-top: 20px;
18259
18020
  }
18260
18021
 
18261
- .v-btn--border {
18262
- border-width: thin;
18263
- box-shadow: none;
18022
+ .v-banner--density-comfortable .v-banner-actions {
18023
+ margin-bottom: -4px;
18264
18024
  }
18265
- .v-btn--absolute {
18266
- position: absolute;
18025
+ .v-banner--density-comfortable.v-banner--one-line {
18026
+ padding-top: 4px;
18027
+ padding-bottom: 4px;
18267
18028
  }
18268
- .v-btn--fixed {
18269
- position: fixed;
18029
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
18030
+ margin-bottom: 0;
18270
18031
  }
18271
- .v-btn:hover > .v-btn__overlay {
18272
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18032
+ .v-banner--density-comfortable.v-banner--two-line {
18033
+ padding-top: 12px;
18034
+ padding-bottom: 12px;
18273
18035
  }
18274
- .v-btn:focus-visible > .v-btn__overlay {
18275
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18036
+ .v-banner--density-comfortable.v-banner--three-line {
18037
+ padding-top: 20px;
18038
+ padding-bottom: 12px;
18276
18039
  }
18277
- @supports not selector(:focus-visible) {
18278
- .v-btn:focus > .v-btn__overlay {
18279
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18280
- }
18040
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
18041
+ margin-top: 16px;
18281
18042
  }
18282
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18283
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18043
+
18044
+ .v-banner--density-compact .v-banner-actions {
18045
+ margin-bottom: 0px;
18284
18046
  }
18285
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18286
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18047
+ .v-banner--density-compact.v-banner--one-line {
18048
+ padding-top: 0px;
18049
+ padding-bottom: 0px;
18287
18050
  }
18288
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18289
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18051
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
18052
+ margin-bottom: 0;
18290
18053
  }
18291
- @supports not selector(:focus-visible) {
18292
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18293
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18294
- }
18054
+ .v-banner--density-compact.v-banner--two-line {
18055
+ padding-top: 8px;
18056
+ padding-bottom: 8px;
18295
18057
  }
18296
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18297
- background: transparent;
18298
- color: inherit;
18058
+ .v-banner--density-compact.v-banner--three-line {
18059
+ padding-top: 16px;
18060
+ padding-bottom: 8px;
18299
18061
  }
18300
- .v-btn--variant-plain {
18301
- opacity: 0.62;
18062
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
18063
+ margin-top: 12px;
18302
18064
  }
18303
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18304
- opacity: 1;
18065
+
18066
+ .v-banner--sticky {
18067
+ top: 0;
18068
+ z-index: 1;
18305
18069
  }
18306
- .v-btn--variant-plain .v-btn__overlay {
18307
- display: none;
18070
+
18071
+ .v-banner__content {
18072
+ align-items: center;
18073
+ display: flex;
18074
+ grid-area: content;
18308
18075
  }
18309
- .v-btn--variant-elevated, .v-btn--variant-flat {
18310
- background: rgb(var(--v-theme-surface));
18311
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18076
+
18077
+ .v-banner__prepend {
18078
+ align-self: flex-start;
18079
+ grid-area: prepend;
18080
+ margin-inline-end: 24px;
18312
18081
  }
18313
- .v-btn--variant-elevated {
18314
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18082
+
18083
+ .v-banner-actions {
18084
+ align-self: flex-end;
18085
+ display: flex;
18086
+ flex: 0 1;
18087
+ grid-area: actions;
18088
+ justify-content: flex-end;
18315
18089
  }
18316
- .v-btn--variant-flat {
18317
- 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));
18090
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
18091
+ margin-top: 20px;
18318
18092
  }
18319
- .v-btn--variant-outlined {
18320
- border: thin solid currentColor;
18093
+
18094
+ .v-banner-text {
18095
+ -webkit-box-orient: vertical;
18096
+ display: -webkit-box;
18097
+ padding-inline-end: 90px;
18098
+ overflow: hidden;
18321
18099
  }
18322
- .v-btn--variant-text .v-btn__overlay {
18323
- background: currentColor;
18100
+ .v-banner--one-line .v-banner-text {
18101
+ -webkit-line-clamp: 1;
18324
18102
  }
18325
- .v-btn--variant-tonal .v-btn__underlay {
18326
- background: currentColor;
18327
- opacity: var(--v-activated-opacity);
18328
- border-radius: inherit;
18329
- top: 0;
18330
- right: 0;
18331
- bottom: 0;
18332
- left: 0;
18333
- pointer-events: none;
18103
+ .v-banner--two-line .v-banner-text {
18104
+ -webkit-line-clamp: 2;
18334
18105
  }
18335
- .v-btn .v-btn__underlay {
18336
- position: absolute;
18106
+ .v-banner--three-line .v-banner-text {
18107
+ -webkit-line-clamp: 3;
18337
18108
  }
18338
- @supports selector(:focus-visible) {
18339
- .v-btn::after {
18340
- content: "";
18341
- position: absolute;
18342
- top: 0;
18343
- left: 0;
18344
- width: 100%;
18345
- height: 100%;
18346
- pointer-events: none;
18347
- border: 2px solid currentColor;
18348
- border-radius: inherit;
18349
- opacity: 0;
18350
- transition: opacity 0.2s ease-in-out;
18351
- }
18352
- .v-btn:focus-visible::after {
18353
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18354
- }
18109
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18110
+ align-self: flex-start;
18111
+ }.v-bottom-navigation {
18112
+ display: flex;
18113
+ max-width: 100%;
18114
+ overflow: hidden;
18115
+ position: absolute;
18116
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18117
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18118
+ border-style: solid;
18119
+ border-width: 0;
18120
+ border-radius: 0;
18121
+ background: rgb(var(--v-theme-surface));
18122
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18355
18123
  }
18356
- .v-btn--icon {
18357
- border-radius: 50%;
18358
- min-width: 0;
18359
- padding: 0;
18124
+ .v-bottom-navigation--border {
18125
+ border-width: thin;
18126
+ box-shadow: none;
18360
18127
  }
18361
- .v-btn--icon.v-btn--size-default {
18362
- --v-btn-size: 1rem;
18128
+ .v-bottom-navigation--active {
18129
+ 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));
18363
18130
  }
18364
- .v-btn--icon.v-btn--density-default {
18365
- width: calc(var(--v-btn-height) + 12px);
18366
- height: calc(var(--v-btn-height) + 12px);
18131
+
18132
+ .v-bottom-navigation__content {
18133
+ display: flex;
18134
+ flex: none;
18135
+ font-size: 0.75rem;
18136
+ justify-content: center;
18137
+ transition: inherit;
18138
+ width: 100%;
18367
18139
  }
18368
- .v-btn--icon.v-btn--density-comfortable {
18369
- width: calc(var(--v-btn-height) + 0px);
18370
- height: calc(var(--v-btn-height) + 0px);
18140
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18141
+ font-size: inherit;
18142
+ height: 100%;
18143
+ max-width: 168px;
18144
+ min-width: 80px;
18145
+ text-transform: none;
18146
+ transition: inherit;
18147
+ width: auto;
18148
+ border-radius: 0;
18371
18149
  }
18372
- .v-btn--icon.v-btn--density-compact {
18373
- width: calc(var(--v-btn-height) + -8px);
18374
- height: calc(var(--v-btn-height) + -8px);
18150
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18151
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18152
+ transition: inherit;
18375
18153
  }
18376
-
18377
- .v-btn--elevated:hover, .v-btn--elevated:focus {
18378
- 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));
18154
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18155
+ font-size: 1.5rem;
18379
18156
  }
18380
- .v-btn--elevated:active {
18381
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18157
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18158
+ flex-grow: 1;
18382
18159
  }
18383
- .v-btn--flat {
18384
- box-shadow: none;
18160
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18161
+ transition: inherit;
18162
+ opacity: 0;
18385
18163
  }
18386
- .v-btn--block {
18164
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18165
+ transform: translateY(0.5rem);
18166
+ }.v-breadcrumbs {
18387
18167
  display: flex;
18388
- flex: 1 0 auto;
18389
- min-width: 100%;
18168
+ align-items: center;
18169
+ line-height: 1.6;
18170
+ padding: 16px 12px;
18390
18171
  }
18391
- .v-btn--disabled {
18392
- pointer-events: none;
18393
- opacity: 0.26;
18172
+ .v-breadcrumbs--rounded {
18173
+ border-radius: 4px;
18394
18174
  }
18395
- .v-btn--disabled:hover {
18396
- opacity: 0.26;
18175
+ .v-breadcrumbs--density-default {
18176
+ padding-top: 16px;
18177
+ padding-bottom: 16px;
18397
18178
  }
18398
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18399
- box-shadow: none;
18400
- opacity: 1;
18401
- color: rgba(var(--v-theme-on-surface), 0.26);
18402
- background: rgb(var(--v-theme-surface));
18179
+
18180
+ .v-breadcrumbs--density-comfortable {
18181
+ padding-top: 12px;
18182
+ padding-bottom: 12px;
18403
18183
  }
18404
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18405
- opacity: 0.4615384615;
18184
+
18185
+ .v-breadcrumbs--density-compact {
18186
+ padding-top: 8px;
18187
+ padding-bottom: 8px;
18406
18188
  }
18407
- .v-btn--loading {
18189
+
18190
+ .v-breadcrumbs__prepend {
18191
+ align-items: center;
18192
+ display: inline-flex;
18193
+ }
18194
+
18195
+ .v-breadcrumbs-item {
18196
+ align-items: center;
18197
+ color: inherit;
18198
+ display: inline-flex;
18199
+ padding: 0 4px;
18200
+ text-decoration: none;
18201
+ vertical-align: middle;
18202
+ }
18203
+ .v-breadcrumbs-item--disabled {
18204
+ opacity: var(--v-disabled-opacity);
18408
18205
  pointer-events: none;
18409
18206
  }
18410
- .v-btn--loading .v-btn__content,
18411
- .v-btn--loading .v-btn__prepend,
18412
- .v-btn--loading .v-btn__append {
18413
- opacity: 0;
18207
+ .v-breadcrumbs-item--link {
18208
+ color: inherit;
18209
+ text-decoration: none;
18414
18210
  }
18415
- .v-btn--stacked {
18416
- grid-template-areas: "prepend" "content" "append";
18417
- grid-template-columns: auto;
18418
- grid-template-rows: max-content max-content max-content;
18419
- justify-items: center;
18420
- align-content: center;
18211
+ .v-breadcrumbs-item--link:hover {
18212
+ text-decoration: underline;
18421
18213
  }
18422
- .v-btn--stacked .v-btn__content {
18423
- flex-direction: column;
18424
- line-height: 1.25;
18214
+ .v-breadcrumbs-item .v-icon {
18215
+ font-size: 1rem;
18216
+ margin-inline: -4px 2px;
18425
18217
  }
18426
- .v-btn--stacked .v-btn__prepend,
18427
- .v-btn--stacked .v-btn__append,
18428
- .v-btn--stacked .v-btn__content > .v-icon--start,
18429
- .v-btn--stacked .v-btn__content > .v-icon--end {
18218
+
18219
+ .v-breadcrumbs-divider {
18220
+ display: inline-block;
18221
+ padding: 0 8px;
18222
+ vertical-align: middle;
18223
+ }.bottom-sheet-transition-enter-from {
18224
+ transform: translateY(100%);
18225
+ }
18226
+ .bottom-sheet-transition-leave-to {
18227
+ transform: translateY(100%);
18228
+ }
18229
+
18230
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18231
+ align-self: flex-end;
18232
+ border-radius: 0;
18233
+ flex: 0 1 auto;
18234
+ left: 0;
18235
+ right: 0;
18430
18236
  margin-inline: 0;
18237
+ margin-bottom: 0;
18238
+ transition-duration: 0.2s;
18239
+ width: 100%;
18240
+ max-width: 100%;
18241
+ overflow: visible;
18242
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18431
18243
  }
18432
- .v-btn--stacked .v-btn__prepend,
18433
- .v-btn--stacked .v-btn__content > .v-icon--start {
18434
- margin-bottom: 4px;
18244
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18245
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18246
+ border-radius: 0;
18435
18247
  }
18436
- .v-btn--stacked .v-btn__append,
18437
- .v-btn--stacked .v-btn__content > .v-icon--end {
18438
- margin-top: 4px;
18248
+ .v-bottom-sheet.v-bottom-sheet--inset {
18249
+ max-width: none;
18439
18250
  }
18440
- .v-btn--stacked.v-btn--size-x-small {
18251
+ @media (min-width: 600px) {
18252
+ .v-bottom-sheet.v-bottom-sheet--inset {
18253
+ max-width: 70%;
18254
+ }
18255
+ }.v-btn {
18256
+ align-items: center;
18257
+ border-radius: 4px;
18258
+ display: inline-grid;
18259
+ grid-template-areas: "prepend content append";
18260
+ grid-template-columns: max-content auto max-content;
18261
+ font-weight: 500;
18262
+ justify-content: center;
18263
+ letter-spacing: 0.0892857143em;
18264
+ line-height: normal;
18265
+ max-width: 100%;
18266
+ outline: none;
18267
+ position: relative;
18268
+ text-decoration: none;
18269
+ text-indent: 0.0892857143em;
18270
+ text-transform: uppercase;
18271
+ transition-property: box-shadow, transform, opacity, background;
18272
+ transition-duration: 0.28s;
18273
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18274
+ -webkit-user-select: none;
18275
+ user-select: none;
18276
+ vertical-align: middle;
18277
+ flex-shrink: 0;
18278
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18279
+ border-style: solid;
18280
+ border-width: 0;
18281
+ }
18282
+ .v-btn--size-x-small {
18441
18283
  --v-btn-size: 0.625rem;
18442
- --v-btn-height: 56px;
18284
+ --v-btn-height: 20px;
18443
18285
  font-size: var(--v-btn-size);
18444
- min-width: 56px;
18445
- padding: 0 12px;
18286
+ min-width: 36px;
18287
+ padding: 0 8px;
18446
18288
  }
18447
18289
 
18448
- .v-btn--stacked.v-btn--size-small {
18290
+ .v-btn--size-small {
18449
18291
  --v-btn-size: 0.75rem;
18450
- --v-btn-height: 64px;
18292
+ --v-btn-height: 28px;
18451
18293
  font-size: var(--v-btn-size);
18452
- min-width: 64px;
18453
- padding: 0 14px;
18294
+ min-width: 50px;
18295
+ padding: 0 12px;
18454
18296
  }
18455
18297
 
18456
- .v-btn--stacked.v-btn--size-default {
18298
+ .v-btn--size-default {
18457
18299
  --v-btn-size: 0.875rem;
18458
- --v-btn-height: 72px;
18300
+ --v-btn-height: 36px;
18459
18301
  font-size: var(--v-btn-size);
18460
- min-width: 72px;
18302
+ min-width: 64px;
18461
18303
  padding: 0 16px;
18462
18304
  }
18463
18305
 
18464
- .v-btn--stacked.v-btn--size-large {
18306
+ .v-btn--size-large {
18465
18307
  --v-btn-size: 1rem;
18466
- --v-btn-height: 80px;
18308
+ --v-btn-height: 44px;
18467
18309
  font-size: var(--v-btn-size);
18468
- min-width: 80px;
18469
- padding: 0 18px;
18310
+ min-width: 78px;
18311
+ padding: 0 20px;
18470
18312
  }
18471
18313
 
18472
- .v-btn--stacked.v-btn--size-x-large {
18314
+ .v-btn--size-x-large {
18473
18315
  --v-btn-size: 1.125rem;
18474
- --v-btn-height: 88px;
18316
+ --v-btn-height: 52px;
18475
18317
  font-size: var(--v-btn-size);
18476
- min-width: 88px;
18477
- padding: 0 20px;
18318
+ min-width: 92px;
18319
+ padding: 0 24px;
18478
18320
  }
18479
18321
 
18480
- .v-btn--stacked.v-btn--density-default {
18322
+ .v-btn.v-btn--density-default {
18323
+ height: calc(var(--v-btn-height) + 0px);
18324
+ }
18325
+
18326
+ .v-btn.v-btn--density-comfortable {
18327
+ height: calc(var(--v-btn-height) + -8px);
18328
+ }
18329
+
18330
+ .v-btn.v-btn--density-compact {
18331
+ height: calc(var(--v-btn-height) + -12px);
18332
+ }
18333
+
18334
+ .v-btn--border {
18335
+ border-width: thin;
18336
+ box-shadow: none;
18337
+ }
18338
+ .v-btn--absolute {
18339
+ position: absolute;
18340
+ }
18341
+ .v-btn--fixed {
18342
+ position: fixed;
18343
+ }
18344
+ .v-btn:hover > .v-btn__overlay {
18345
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18346
+ }
18347
+ .v-btn:focus-visible > .v-btn__overlay {
18348
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18349
+ }
18350
+ @supports not selector(:focus-visible) {
18351
+ .v-btn:focus > .v-btn__overlay {
18352
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18353
+ }
18354
+ }
18355
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18356
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18357
+ }
18358
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18359
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18360
+ }
18361
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18362
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18363
+ }
18364
+ @supports not selector(:focus-visible) {
18365
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18366
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18367
+ }
18368
+ }
18369
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18370
+ background: transparent;
18371
+ color: inherit;
18372
+ }
18373
+ .v-btn--variant-plain {
18374
+ opacity: 0.62;
18375
+ }
18376
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18377
+ opacity: 1;
18378
+ }
18379
+ .v-btn--variant-plain .v-btn__overlay {
18380
+ display: none;
18381
+ }
18382
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18383
+ background: rgb(var(--v-theme-surface));
18384
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18385
+ }
18386
+ .v-btn--variant-elevated {
18387
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18388
+ }
18389
+ .v-btn--variant-flat {
18390
+ 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));
18391
+ }
18392
+ .v-btn--variant-outlined {
18393
+ border: thin solid currentColor;
18394
+ }
18395
+ .v-btn--variant-text .v-btn__overlay {
18396
+ background: currentColor;
18397
+ }
18398
+ .v-btn--variant-tonal .v-btn__underlay {
18399
+ background: currentColor;
18400
+ opacity: var(--v-activated-opacity);
18401
+ border-radius: inherit;
18402
+ top: 0;
18403
+ right: 0;
18404
+ bottom: 0;
18405
+ left: 0;
18406
+ pointer-events: none;
18407
+ }
18408
+ .v-btn .v-btn__underlay {
18409
+ position: absolute;
18410
+ }
18411
+ @supports selector(:focus-visible) {
18412
+ .v-btn::after {
18413
+ content: "";
18414
+ position: absolute;
18415
+ top: 0;
18416
+ left: 0;
18417
+ width: 100%;
18418
+ height: 100%;
18419
+ pointer-events: none;
18420
+ border: 2px solid currentColor;
18421
+ border-radius: inherit;
18422
+ opacity: 0;
18423
+ transition: opacity 0.2s ease-in-out;
18424
+ }
18425
+ .v-btn:focus-visible::after {
18426
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18427
+ }
18428
+ }
18429
+ .v-btn--icon {
18430
+ border-radius: 50%;
18431
+ min-width: 0;
18432
+ padding: 0;
18433
+ }
18434
+ .v-btn--icon.v-btn--size-default {
18435
+ --v-btn-size: 1rem;
18436
+ }
18437
+ .v-btn--icon.v-btn--density-default {
18438
+ width: calc(var(--v-btn-height) + 12px);
18439
+ height: calc(var(--v-btn-height) + 12px);
18440
+ }
18441
+ .v-btn--icon.v-btn--density-comfortable {
18442
+ width: calc(var(--v-btn-height) + 0px);
18443
+ height: calc(var(--v-btn-height) + 0px);
18444
+ }
18445
+ .v-btn--icon.v-btn--density-compact {
18446
+ width: calc(var(--v-btn-height) + -8px);
18447
+ height: calc(var(--v-btn-height) + -8px);
18448
+ }
18449
+
18450
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
18451
+ 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));
18452
+ }
18453
+ .v-btn--elevated:active {
18454
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18455
+ }
18456
+ .v-btn--flat {
18457
+ box-shadow: none;
18458
+ }
18459
+ .v-btn--block {
18460
+ display: flex;
18461
+ flex: 1 0 auto;
18462
+ min-width: 100%;
18463
+ }
18464
+ .v-btn--disabled {
18465
+ pointer-events: none;
18466
+ opacity: 0.26;
18467
+ }
18468
+ .v-btn--disabled:hover {
18469
+ opacity: 0.26;
18470
+ }
18471
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18472
+ box-shadow: none;
18473
+ opacity: 1;
18474
+ color: rgba(var(--v-theme-on-surface), 0.26);
18475
+ background: rgb(var(--v-theme-surface));
18476
+ }
18477
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18478
+ opacity: 0.4615384615;
18479
+ }
18480
+ .v-btn--loading {
18481
+ pointer-events: none;
18482
+ }
18483
+ .v-btn--loading .v-btn__content,
18484
+ .v-btn--loading .v-btn__prepend,
18485
+ .v-btn--loading .v-btn__append {
18486
+ opacity: 0;
18487
+ }
18488
+ .v-btn--stacked {
18489
+ grid-template-areas: "prepend" "content" "append";
18490
+ grid-template-columns: auto;
18491
+ grid-template-rows: max-content max-content max-content;
18492
+ justify-items: center;
18493
+ align-content: center;
18494
+ }
18495
+ .v-btn--stacked .v-btn__content {
18496
+ flex-direction: column;
18497
+ line-height: 1.25;
18498
+ }
18499
+ .v-btn--stacked .v-btn__prepend,
18500
+ .v-btn--stacked .v-btn__append,
18501
+ .v-btn--stacked .v-btn__content > .v-icon--start,
18502
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18503
+ margin-inline: 0;
18504
+ }
18505
+ .v-btn--stacked .v-btn__prepend,
18506
+ .v-btn--stacked .v-btn__content > .v-icon--start {
18507
+ margin-bottom: 4px;
18508
+ }
18509
+ .v-btn--stacked .v-btn__append,
18510
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18511
+ margin-top: 4px;
18512
+ }
18513
+ .v-btn--stacked.v-btn--size-x-small {
18514
+ --v-btn-size: 0.625rem;
18515
+ --v-btn-height: 56px;
18516
+ font-size: var(--v-btn-size);
18517
+ min-width: 56px;
18518
+ padding: 0 12px;
18519
+ }
18520
+
18521
+ .v-btn--stacked.v-btn--size-small {
18522
+ --v-btn-size: 0.75rem;
18523
+ --v-btn-height: 64px;
18524
+ font-size: var(--v-btn-size);
18525
+ min-width: 64px;
18526
+ padding: 0 14px;
18527
+ }
18528
+
18529
+ .v-btn--stacked.v-btn--size-default {
18530
+ --v-btn-size: 0.875rem;
18531
+ --v-btn-height: 72px;
18532
+ font-size: var(--v-btn-size);
18533
+ min-width: 72px;
18534
+ padding: 0 16px;
18535
+ }
18536
+
18537
+ .v-btn--stacked.v-btn--size-large {
18538
+ --v-btn-size: 1rem;
18539
+ --v-btn-height: 80px;
18540
+ font-size: var(--v-btn-size);
18541
+ min-width: 80px;
18542
+ padding: 0 18px;
18543
+ }
18544
+
18545
+ .v-btn--stacked.v-btn--size-x-large {
18546
+ --v-btn-size: 1.125rem;
18547
+ --v-btn-height: 88px;
18548
+ font-size: var(--v-btn-size);
18549
+ min-width: 88px;
18550
+ padding: 0 20px;
18551
+ }
18552
+
18553
+ .v-btn--stacked.v-btn--density-default {
18481
18554
  height: calc(var(--v-btn-height) + 0px);
18482
18555
  }
18483
18556
 
@@ -19031,642 +19104,225 @@ html.overflow-y-hidden {
19031
19104
  flex-direction: column;
19032
19105
  height: 100% !important;
19033
19106
  width: 50px;
19034
- }.v-checkbox.v-input {
19035
- flex: 0 1 auto;
19036
- }
19037
- .v-checkbox .v-selection-control {
19038
- min-height: var(--v-input-control-height);
19039
- }.v-chip {
19040
- align-items: center;
19041
- display: inline-flex;
19042
- font-weight: 400;
19043
- max-width: 100%;
19044
- min-width: 0;
19045
- overflow: hidden;
19046
- position: relative;
19047
- text-decoration: none;
19048
- white-space: nowrap;
19049
- vertical-align: middle;
19050
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19051
- border-style: solid;
19052
- border-width: 0;
19053
- border-radius: 9999px;
19107
+ }.v-container {
19108
+ width: 100%;
19109
+ padding: 16px;
19110
+ margin-right: auto;
19111
+ margin-left: auto;
19054
19112
  }
19055
- .v-chip .v-icon {
19056
- --v-icon-size-multiplier: 0.8571428571;
19057
- }
19058
- .v-chip.v-chip--size-x-small {
19059
- --v-chip-size: 0.625rem;
19060
- --v-chip-height: 20px;
19061
- font-size: 0.625rem;
19062
- padding: 0 8px;
19063
- }
19064
- .v-chip.v-chip--size-x-small .v-avatar {
19065
- --v-avatar-height: 14px;
19113
+ @media (min-width: 960px) {
19114
+ .v-container {
19115
+ max-width: 900px;
19116
+ }
19066
19117
  }
19067
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19068
- --v-avatar-height: 20px;
19118
+ @media (min-width: 1280px) {
19119
+ .v-container {
19120
+ max-width: 1200px;
19121
+ }
19069
19122
  }
19070
-
19071
- .v-chip.v-chip--size-x-small .v-avatar--start {
19072
- margin-inline-start: -5.6px;
19073
- margin-inline-end: 4px;
19123
+ @media (min-width: 1920px) {
19124
+ .v-container {
19125
+ max-width: 1800px;
19126
+ }
19074
19127
  }
19075
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19076
- margin-inline-start: -8px;
19128
+ @media (min-width: 2560px) {
19129
+ .v-container {
19130
+ max-width: 2400px;
19131
+ }
19077
19132
  }
19078
-
19079
- .v-chip.v-chip--size-x-small .v-avatar--end {
19080
- margin-inline-start: 4px;
19081
- margin-inline-end: -5.6px;
19133
+ .v-container--fluid {
19134
+ max-width: 100%;
19082
19135
  }
19083
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19084
- margin-inline-end: -8px;
19136
+ .v-container.fill-height {
19137
+ align-items: center;
19138
+ display: flex;
19139
+ flex-wrap: wrap;
19085
19140
  }
19086
19141
 
19087
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19088
- margin-inline-start: 12px;
19142
+ .v-row {
19143
+ display: flex;
19144
+ flex-wrap: wrap;
19145
+ flex: 1 1 auto;
19146
+ margin: -12px;
19089
19147
  }
19090
-
19091
- .v-chip.v-chip--size-x-small .v-icon--start,
19092
- .v-chip.v-chip--size-x-small .v-chip__filter {
19093
- margin-inline-start: -4px;
19094
- margin-inline-end: 4px;
19148
+ .v-row + .v-row {
19149
+ margin-top: 12px;
19095
19150
  }
19096
- .v-chip.v-chip--size-x-small .v-icon--end,
19097
- .v-chip.v-chip--size-x-small .v-chip__close {
19098
- margin-inline-start: 4px;
19099
- margin-inline-end: -4px;
19151
+ .v-row + .v-row--dense {
19152
+ margin-top: 4px;
19100
19153
  }
19101
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19102
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19103
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19104
- margin-inline-start: 8px;
19154
+ .v-row--dense {
19155
+ margin: -4px;
19105
19156
  }
19106
-
19107
- .v-chip.v-chip--size-small {
19108
- --v-chip-size: 0.75rem;
19109
- --v-chip-height: 26px;
19110
- font-size: 0.75rem;
19111
- padding: 0 10px;
19157
+ .v-row--dense > .v-col,
19158
+ .v-row--dense > [class*=v-col-] {
19159
+ padding: 4px;
19112
19160
  }
19113
- .v-chip.v-chip--size-small .v-avatar {
19114
- --v-avatar-height: 20px;
19161
+ .v-row.v-row--no-gutters {
19162
+ margin: 0;
19115
19163
  }
19116
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19117
- --v-avatar-height: 26px;
19164
+ .v-row.v-row--no-gutters > .v-col,
19165
+ .v-row.v-row--no-gutters > [class*=v-col-] {
19166
+ padding: 0;
19118
19167
  }
19119
19168
 
19120
- .v-chip.v-chip--size-small .v-avatar--start {
19121
- margin-inline-start: -7px;
19122
- margin-inline-end: 5px;
19123
- }
19124
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19125
- margin-inline-start: -10px;
19169
+ .v-spacer {
19170
+ flex-grow: 1;
19126
19171
  }
19127
19172
 
19128
- .v-chip.v-chip--size-small .v-avatar--end {
19129
- margin-inline-start: 5px;
19130
- margin-inline-end: -7px;
19131
- }
19132
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19133
- margin-inline-end: -10px;
19173
+ .v-col-xxl,
19174
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19175
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19176
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19177
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19178
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19179
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19180
+ width: 100%;
19181
+ padding: 12px;
19134
19182
  }
19135
19183
 
19136
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19137
- margin-inline-start: 15px;
19184
+ .v-col {
19185
+ flex-basis: 0;
19186
+ flex-grow: 1;
19187
+ max-width: 100%;
19138
19188
  }
19139
19189
 
19140
- .v-chip.v-chip--size-small .v-icon--start,
19141
- .v-chip.v-chip--size-small .v-chip__filter {
19142
- margin-inline-start: -5px;
19143
- margin-inline-end: 5px;
19190
+ .v-col-auto {
19191
+ flex: 0 0 auto;
19192
+ width: auto;
19193
+ max-width: 100%;
19144
19194
  }
19145
- .v-chip.v-chip--size-small .v-icon--end,
19146
- .v-chip.v-chip--size-small .v-chip__close {
19147
- margin-inline-start: 5px;
19148
- margin-inline-end: -5px;
19195
+
19196
+ .v-col-1 {
19197
+ flex: 0 0 8.3333333333%;
19198
+ max-width: 8.3333333333%;
19149
19199
  }
19150
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19151
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19152
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19153
- margin-inline-start: 10px;
19200
+
19201
+ .v-col-2 {
19202
+ flex: 0 0 16.6666666667%;
19203
+ max-width: 16.6666666667%;
19154
19204
  }
19155
19205
 
19156
- .v-chip.v-chip--size-default {
19157
- --v-chip-size: 0.875rem;
19158
- --v-chip-height: 32px;
19159
- font-size: 0.875rem;
19160
- padding: 0 12px;
19206
+ .v-col-3 {
19207
+ flex: 0 0 25%;
19208
+ max-width: 25%;
19161
19209
  }
19162
- .v-chip.v-chip--size-default .v-avatar {
19163
- --v-avatar-height: 26px;
19210
+
19211
+ .v-col-4 {
19212
+ flex: 0 0 33.3333333333%;
19213
+ max-width: 33.3333333333%;
19164
19214
  }
19165
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19166
- --v-avatar-height: 32px;
19215
+
19216
+ .v-col-5 {
19217
+ flex: 0 0 41.6666666667%;
19218
+ max-width: 41.6666666667%;
19167
19219
  }
19168
19220
 
19169
- .v-chip.v-chip--size-default .v-avatar--start {
19170
- margin-inline-start: -8.4px;
19171
- margin-inline-end: 6px;
19221
+ .v-col-6 {
19222
+ flex: 0 0 50%;
19223
+ max-width: 50%;
19172
19224
  }
19173
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19174
- margin-inline-start: -12px;
19225
+
19226
+ .v-col-7 {
19227
+ flex: 0 0 58.3333333333%;
19228
+ max-width: 58.3333333333%;
19175
19229
  }
19176
19230
 
19177
- .v-chip.v-chip--size-default .v-avatar--end {
19178
- margin-inline-start: 6px;
19179
- margin-inline-end: -8.4px;
19231
+ .v-col-8 {
19232
+ flex: 0 0 66.6666666667%;
19233
+ max-width: 66.6666666667%;
19180
19234
  }
19181
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19182
- margin-inline-end: -12px;
19235
+
19236
+ .v-col-9 {
19237
+ flex: 0 0 75%;
19238
+ max-width: 75%;
19183
19239
  }
19184
19240
 
19185
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19186
- margin-inline-start: 18px;
19241
+ .v-col-10 {
19242
+ flex: 0 0 83.3333333333%;
19243
+ max-width: 83.3333333333%;
19187
19244
  }
19188
19245
 
19189
- .v-chip.v-chip--size-default .v-icon--start,
19190
- .v-chip.v-chip--size-default .v-chip__filter {
19191
- margin-inline-start: -6px;
19192
- margin-inline-end: 6px;
19246
+ .v-col-11 {
19247
+ flex: 0 0 91.6666666667%;
19248
+ max-width: 91.6666666667%;
19193
19249
  }
19194
- .v-chip.v-chip--size-default .v-icon--end,
19195
- .v-chip.v-chip--size-default .v-chip__close {
19196
- margin-inline-start: 6px;
19197
- margin-inline-end: -6px;
19250
+
19251
+ .v-col-12 {
19252
+ flex: 0 0 100%;
19253
+ max-width: 100%;
19198
19254
  }
19199
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19200
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19201
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19202
- margin-inline-start: 12px;
19255
+
19256
+ .offset-1 {
19257
+ margin-inline-start: 8.3333333333%;
19203
19258
  }
19204
19259
 
19205
- .v-chip.v-chip--size-large {
19206
- --v-chip-size: 1rem;
19207
- --v-chip-height: 38px;
19208
- font-size: 1rem;
19209
- padding: 0 14px;
19260
+ .offset-2 {
19261
+ margin-inline-start: 16.6666666667%;
19210
19262
  }
19211
- .v-chip.v-chip--size-large .v-avatar {
19212
- --v-avatar-height: 32px;
19263
+
19264
+ .offset-3 {
19265
+ margin-inline-start: 25%;
19213
19266
  }
19214
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19215
- --v-avatar-height: 38px;
19267
+
19268
+ .offset-4 {
19269
+ margin-inline-start: 33.3333333333%;
19216
19270
  }
19217
19271
 
19218
- .v-chip.v-chip--size-large .v-avatar--start {
19219
- margin-inline-start: -9.8px;
19220
- margin-inline-end: 7px;
19272
+ .offset-5 {
19273
+ margin-inline-start: 41.6666666667%;
19221
19274
  }
19222
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19223
- margin-inline-start: -14px;
19275
+
19276
+ .offset-6 {
19277
+ margin-inline-start: 50%;
19224
19278
  }
19225
19279
 
19226
- .v-chip.v-chip--size-large .v-avatar--end {
19227
- margin-inline-start: 7px;
19228
- margin-inline-end: -9.8px;
19280
+ .offset-7 {
19281
+ margin-inline-start: 58.3333333333%;
19229
19282
  }
19230
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19231
- margin-inline-end: -14px;
19283
+
19284
+ .offset-8 {
19285
+ margin-inline-start: 66.6666666667%;
19232
19286
  }
19233
19287
 
19234
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19235
- margin-inline-start: 21px;
19288
+ .offset-9 {
19289
+ margin-inline-start: 75%;
19236
19290
  }
19237
19291
 
19238
- .v-chip.v-chip--size-large .v-icon--start,
19239
- .v-chip.v-chip--size-large .v-chip__filter {
19240
- margin-inline-start: -7px;
19241
- margin-inline-end: 7px;
19242
- }
19243
- .v-chip.v-chip--size-large .v-icon--end,
19244
- .v-chip.v-chip--size-large .v-chip__close {
19245
- margin-inline-start: 7px;
19246
- margin-inline-end: -7px;
19247
- }
19248
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19249
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19250
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19251
- margin-inline-start: 14px;
19252
- }
19253
-
19254
- .v-chip.v-chip--size-x-large {
19255
- --v-chip-size: 1.125rem;
19256
- --v-chip-height: 44px;
19257
- font-size: 1.125rem;
19258
- padding: 0 17px;
19259
- }
19260
- .v-chip.v-chip--size-x-large .v-avatar {
19261
- --v-avatar-height: 38px;
19262
- }
19263
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19264
- --v-avatar-height: 44px;
19265
- }
19266
-
19267
- .v-chip.v-chip--size-x-large .v-avatar--start {
19268
- margin-inline-start: -11.9px;
19269
- margin-inline-end: 8.5px;
19270
- }
19271
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19272
- margin-inline-start: -17px;
19273
- }
19274
-
19275
- .v-chip.v-chip--size-x-large .v-avatar--end {
19276
- margin-inline-start: 8.5px;
19277
- margin-inline-end: -11.9px;
19278
- }
19279
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19280
- margin-inline-end: -17px;
19281
- }
19282
-
19283
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19284
- margin-inline-start: 25.5px;
19285
- }
19286
-
19287
- .v-chip.v-chip--size-x-large .v-icon--start,
19288
- .v-chip.v-chip--size-x-large .v-chip__filter {
19289
- margin-inline-start: -8.5px;
19290
- margin-inline-end: 8.5px;
19291
- }
19292
- .v-chip.v-chip--size-x-large .v-icon--end,
19293
- .v-chip.v-chip--size-x-large .v-chip__close {
19294
- margin-inline-start: 8.5px;
19295
- margin-inline-end: -8.5px;
19296
- }
19297
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19298
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19299
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19300
- margin-inline-start: 17px;
19301
- }
19302
-
19303
- .v-chip.v-chip--density-default {
19304
- height: calc(var(--v-chip-height) + 0px);
19305
- }
19306
-
19307
- .v-chip.v-chip--density-comfortable {
19308
- height: calc(var(--v-chip-height) + -4px);
19292
+ .offset-10 {
19293
+ margin-inline-start: 83.3333333333%;
19309
19294
  }
19310
19295
 
19311
- .v-chip.v-chip--density-compact {
19312
- height: calc(var(--v-chip-height) + -8px);
19296
+ .offset-11 {
19297
+ margin-inline-start: 91.6666666667%;
19313
19298
  }
19314
19299
 
19315
- .v-chip:hover > .v-chip__overlay {
19316
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19317
- }
19318
- .v-chip:focus-visible > .v-chip__overlay {
19319
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19320
- }
19321
- @supports not selector(:focus-visible) {
19322
- .v-chip:focus > .v-chip__overlay {
19323
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19300
+ @media (min-width: 600px) {
19301
+ .v-col-sm {
19302
+ flex-basis: 0;
19303
+ flex-grow: 1;
19304
+ max-width: 100%;
19324
19305
  }
19325
- }
19326
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19327
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19328
- }
19329
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19330
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19331
- }
19332
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19333
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19334
- }
19335
- @supports not selector(:focus-visible) {
19336
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19337
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19306
+ .v-col-sm-auto {
19307
+ flex: 0 0 auto;
19308
+ width: auto;
19309
+ max-width: 100%;
19338
19310
  }
19339
- }
19340
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19341
- background: transparent;
19342
- color: inherit;
19343
- }
19344
- .v-chip--variant-plain {
19345
- opacity: 0.26;
19346
- }
19347
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19348
- opacity: 1;
19349
- }
19350
- .v-chip--variant-plain .v-chip__overlay {
19351
- display: none;
19352
- }
19353
- .v-chip--variant-elevated, .v-chip--variant-flat {
19354
- background: rgb(var(--v-theme-surface-variant));
19355
- color: rgb(var(--v-theme-on-surface-variant));
19356
- }
19357
- .v-chip--variant-elevated {
19358
- 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));
19359
- }
19360
- .v-chip--variant-flat {
19361
- 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));
19362
- }
19363
- .v-chip--variant-outlined {
19364
- border: thin solid currentColor;
19365
- }
19366
- .v-chip--variant-text .v-chip__overlay {
19367
- background: currentColor;
19368
- }
19369
- .v-chip--variant-tonal .v-chip__underlay {
19370
- background: currentColor;
19371
- opacity: var(--v-activated-opacity);
19372
- border-radius: inherit;
19373
- top: 0;
19374
- right: 0;
19375
- bottom: 0;
19376
- left: 0;
19377
- pointer-events: none;
19378
- }
19379
- .v-chip .v-chip__underlay {
19380
- position: absolute;
19381
- }
19382
- .v-chip--border {
19383
- border-width: thin;
19384
- }
19385
- .v-chip--link {
19386
- cursor: pointer;
19387
- }
19388
- .v-chip--link, .v-chip--filter {
19389
- -webkit-user-select: none;
19390
- user-select: none;
19391
- }
19392
- .v-chip--label {
19393
- border-radius: 4px;
19394
- }
19395
-
19396
- .v-chip__content {
19397
- align-items: center;
19398
- display: inline-flex;
19399
- }
19400
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19401
- overflow: hidden;
19402
- }
19403
-
19404
- .v-chip__filter,
19405
- .v-chip__prepend,
19406
- .v-chip__append,
19407
- .v-chip__close {
19408
- align-items: center;
19409
- display: inline-flex;
19410
- }
19411
-
19412
- .v-chip__close {
19413
- cursor: pointer;
19414
- flex: 0 1 auto;
19415
- font-size: 18px;
19416
- max-height: 18px;
19417
- max-width: 18px;
19418
- -webkit-user-select: none;
19419
- user-select: none;
19420
- }
19421
- .v-chip__close .v-icon {
19422
- font-size: inherit;
19423
- }
19424
-
19425
- .v-chip__filter {
19426
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19427
- }
19428
-
19429
- .v-chip__overlay {
19430
- position: absolute;
19431
- top: 0;
19432
- left: 0;
19433
- width: 100%;
19434
- height: 100%;
19435
- background-color: currentColor;
19436
- border-radius: inherit;
19437
- pointer-events: none;
19438
- opacity: 0;
19439
- transition: opacity 0.2s ease-in-out;
19440
- }
19441
-
19442
- .v-chip--disabled {
19443
- opacity: 0.3;
19444
- pointer-events: none;
19445
- -webkit-user-select: none;
19446
- user-select: none;
19447
- }
19448
-
19449
- .v-chip--label {
19450
- border-radius: 4px;
19451
- }.v-container {
19452
- width: 100%;
19453
- padding: 16px;
19454
- margin-right: auto;
19455
- margin-left: auto;
19456
- }
19457
- @media (min-width: 960px) {
19458
- .v-container {
19459
- max-width: 900px;
19311
+ .v-col-sm-1 {
19312
+ flex: 0 0 8.3333333333%;
19313
+ max-width: 8.3333333333%;
19460
19314
  }
19461
- }
19462
- @media (min-width: 1280px) {
19463
- .v-container {
19464
- max-width: 1200px;
19315
+ .v-col-sm-2 {
19316
+ flex: 0 0 16.6666666667%;
19317
+ max-width: 16.6666666667%;
19465
19318
  }
19466
- }
19467
- @media (min-width: 1920px) {
19468
- .v-container {
19469
- max-width: 1800px;
19319
+ .v-col-sm-3 {
19320
+ flex: 0 0 25%;
19321
+ max-width: 25%;
19470
19322
  }
19471
- }
19472
- @media (min-width: 2560px) {
19473
- .v-container {
19474
- max-width: 2400px;
19475
- }
19476
- }
19477
- .v-container--fluid {
19478
- max-width: 100%;
19479
- }
19480
- .v-container.fill-height {
19481
- align-items: center;
19482
- display: flex;
19483
- flex-wrap: wrap;
19484
- }
19485
-
19486
- .v-row {
19487
- display: flex;
19488
- flex-wrap: wrap;
19489
- flex: 1 1 auto;
19490
- margin: -12px;
19491
- }
19492
- .v-row + .v-row {
19493
- margin-top: 12px;
19494
- }
19495
- .v-row + .v-row--dense {
19496
- margin-top: 4px;
19497
- }
19498
- .v-row--dense {
19499
- margin: -4px;
19500
- }
19501
- .v-row--dense > .v-col,
19502
- .v-row--dense > [class*=v-col-] {
19503
- padding: 4px;
19504
- }
19505
- .v-row.v-row--no-gutters {
19506
- margin: 0;
19507
- }
19508
- .v-row.v-row--no-gutters > .v-col,
19509
- .v-row.v-row--no-gutters > [class*=v-col-] {
19510
- padding: 0;
19511
- }
19512
-
19513
- .v-spacer {
19514
- flex-grow: 1;
19515
- }
19516
-
19517
- .v-col-xxl,
19518
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19519
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19520
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19521
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19522
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19523
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19524
- width: 100%;
19525
- padding: 12px;
19526
- }
19527
-
19528
- .v-col {
19529
- flex-basis: 0;
19530
- flex-grow: 1;
19531
- max-width: 100%;
19532
- }
19533
-
19534
- .v-col-auto {
19535
- flex: 0 0 auto;
19536
- width: auto;
19537
- max-width: 100%;
19538
- }
19539
-
19540
- .v-col-1 {
19541
- flex: 0 0 8.3333333333%;
19542
- max-width: 8.3333333333%;
19543
- }
19544
-
19545
- .v-col-2 {
19546
- flex: 0 0 16.6666666667%;
19547
- max-width: 16.6666666667%;
19548
- }
19549
-
19550
- .v-col-3 {
19551
- flex: 0 0 25%;
19552
- max-width: 25%;
19553
- }
19554
-
19555
- .v-col-4 {
19556
- flex: 0 0 33.3333333333%;
19557
- max-width: 33.3333333333%;
19558
- }
19559
-
19560
- .v-col-5 {
19561
- flex: 0 0 41.6666666667%;
19562
- max-width: 41.6666666667%;
19563
- }
19564
-
19565
- .v-col-6 {
19566
- flex: 0 0 50%;
19567
- max-width: 50%;
19568
- }
19569
-
19570
- .v-col-7 {
19571
- flex: 0 0 58.3333333333%;
19572
- max-width: 58.3333333333%;
19573
- }
19574
-
19575
- .v-col-8 {
19576
- flex: 0 0 66.6666666667%;
19577
- max-width: 66.6666666667%;
19578
- }
19579
-
19580
- .v-col-9 {
19581
- flex: 0 0 75%;
19582
- max-width: 75%;
19583
- }
19584
-
19585
- .v-col-10 {
19586
- flex: 0 0 83.3333333333%;
19587
- max-width: 83.3333333333%;
19588
- }
19589
-
19590
- .v-col-11 {
19591
- flex: 0 0 91.6666666667%;
19592
- max-width: 91.6666666667%;
19593
- }
19594
-
19595
- .v-col-12 {
19596
- flex: 0 0 100%;
19597
- max-width: 100%;
19598
- }
19599
-
19600
- .offset-1 {
19601
- margin-inline-start: 8.3333333333%;
19602
- }
19603
-
19604
- .offset-2 {
19605
- margin-inline-start: 16.6666666667%;
19606
- }
19607
-
19608
- .offset-3 {
19609
- margin-inline-start: 25%;
19610
- }
19611
-
19612
- .offset-4 {
19613
- margin-inline-start: 33.3333333333%;
19614
- }
19615
-
19616
- .offset-5 {
19617
- margin-inline-start: 41.6666666667%;
19618
- }
19619
-
19620
- .offset-6 {
19621
- margin-inline-start: 50%;
19622
- }
19623
-
19624
- .offset-7 {
19625
- margin-inline-start: 58.3333333333%;
19626
- }
19627
-
19628
- .offset-8 {
19629
- margin-inline-start: 66.6666666667%;
19630
- }
19631
-
19632
- .offset-9 {
19633
- margin-inline-start: 75%;
19634
- }
19635
-
19636
- .offset-10 {
19637
- margin-inline-start: 83.3333333333%;
19638
- }
19639
-
19640
- .offset-11 {
19641
- margin-inline-start: 91.6666666667%;
19642
- }
19643
-
19644
- @media (min-width: 600px) {
19645
- .v-col-sm {
19646
- flex-basis: 0;
19647
- flex-grow: 1;
19648
- max-width: 100%;
19649
- }
19650
- .v-col-sm-auto {
19651
- flex: 0 0 auto;
19652
- width: auto;
19653
- max-width: 100%;
19654
- }
19655
- .v-col-sm-1 {
19656
- flex: 0 0 8.3333333333%;
19657
- max-width: 8.3333333333%;
19658
- }
19659
- .v-col-sm-2 {
19660
- flex: 0 0 16.6666666667%;
19661
- max-width: 16.6666666667%;
19662
- }
19663
- .v-col-sm-3 {
19664
- flex: 0 0 25%;
19665
- max-width: 25%;
19666
- }
19667
- .v-col-sm-4 {
19668
- flex: 0 0 33.3333333333%;
19669
- max-width: 33.3333333333%;
19323
+ .v-col-sm-4 {
19324
+ flex: 0 0 33.3333333333%;
19325
+ max-width: 33.3333333333%;
19670
19326
  }
19671
19327
  .v-col-sm-5 {
19672
19328
  flex: 0 0 41.6666666667%;
@@ -20120,6 +19776,423 @@ html.overflow-y-hidden {
20120
19776
  .offset-xxl-11 {
20121
19777
  margin-inline-start: 91.6666666667%;
20122
19778
  }
19779
+ }.v-chip {
19780
+ align-items: center;
19781
+ display: inline-flex;
19782
+ font-weight: 400;
19783
+ max-width: 100%;
19784
+ min-width: 0;
19785
+ overflow: hidden;
19786
+ position: relative;
19787
+ text-decoration: none;
19788
+ white-space: nowrap;
19789
+ vertical-align: middle;
19790
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19791
+ border-style: solid;
19792
+ border-width: 0;
19793
+ border-radius: 9999px;
19794
+ }
19795
+ .v-chip .v-icon {
19796
+ --v-icon-size-multiplier: 0.8571428571;
19797
+ }
19798
+ .v-chip.v-chip--size-x-small {
19799
+ --v-chip-size: 0.625rem;
19800
+ --v-chip-height: 20px;
19801
+ font-size: 0.625rem;
19802
+ padding: 0 8px;
19803
+ }
19804
+ .v-chip.v-chip--size-x-small .v-avatar {
19805
+ --v-avatar-height: 14px;
19806
+ }
19807
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19808
+ --v-avatar-height: 20px;
19809
+ }
19810
+
19811
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19812
+ margin-inline-start: -5.6px;
19813
+ margin-inline-end: 4px;
19814
+ }
19815
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19816
+ margin-inline-start: -8px;
19817
+ }
19818
+
19819
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19820
+ margin-inline-start: 4px;
19821
+ margin-inline-end: -5.6px;
19822
+ }
19823
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19824
+ margin-inline-end: -8px;
19825
+ }
19826
+
19827
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19828
+ margin-inline-start: 12px;
19829
+ }
19830
+
19831
+ .v-chip.v-chip--size-x-small .v-icon--start,
19832
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19833
+ margin-inline-start: -4px;
19834
+ margin-inline-end: 4px;
19835
+ }
19836
+ .v-chip.v-chip--size-x-small .v-icon--end,
19837
+ .v-chip.v-chip--size-x-small .v-chip__close {
19838
+ margin-inline-start: 4px;
19839
+ margin-inline-end: -4px;
19840
+ }
19841
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19842
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19843
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19844
+ margin-inline-start: 8px;
19845
+ }
19846
+
19847
+ .v-chip.v-chip--size-small {
19848
+ --v-chip-size: 0.75rem;
19849
+ --v-chip-height: 26px;
19850
+ font-size: 0.75rem;
19851
+ padding: 0 10px;
19852
+ }
19853
+ .v-chip.v-chip--size-small .v-avatar {
19854
+ --v-avatar-height: 20px;
19855
+ }
19856
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19857
+ --v-avatar-height: 26px;
19858
+ }
19859
+
19860
+ .v-chip.v-chip--size-small .v-avatar--start {
19861
+ margin-inline-start: -7px;
19862
+ margin-inline-end: 5px;
19863
+ }
19864
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19865
+ margin-inline-start: -10px;
19866
+ }
19867
+
19868
+ .v-chip.v-chip--size-small .v-avatar--end {
19869
+ margin-inline-start: 5px;
19870
+ margin-inline-end: -7px;
19871
+ }
19872
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19873
+ margin-inline-end: -10px;
19874
+ }
19875
+
19876
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19877
+ margin-inline-start: 15px;
19878
+ }
19879
+
19880
+ .v-chip.v-chip--size-small .v-icon--start,
19881
+ .v-chip.v-chip--size-small .v-chip__filter {
19882
+ margin-inline-start: -5px;
19883
+ margin-inline-end: 5px;
19884
+ }
19885
+ .v-chip.v-chip--size-small .v-icon--end,
19886
+ .v-chip.v-chip--size-small .v-chip__close {
19887
+ margin-inline-start: 5px;
19888
+ margin-inline-end: -5px;
19889
+ }
19890
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19891
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19892
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19893
+ margin-inline-start: 10px;
19894
+ }
19895
+
19896
+ .v-chip.v-chip--size-default {
19897
+ --v-chip-size: 0.875rem;
19898
+ --v-chip-height: 32px;
19899
+ font-size: 0.875rem;
19900
+ padding: 0 12px;
19901
+ }
19902
+ .v-chip.v-chip--size-default .v-avatar {
19903
+ --v-avatar-height: 26px;
19904
+ }
19905
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19906
+ --v-avatar-height: 32px;
19907
+ }
19908
+
19909
+ .v-chip.v-chip--size-default .v-avatar--start {
19910
+ margin-inline-start: -8.4px;
19911
+ margin-inline-end: 6px;
19912
+ }
19913
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19914
+ margin-inline-start: -12px;
19915
+ }
19916
+
19917
+ .v-chip.v-chip--size-default .v-avatar--end {
19918
+ margin-inline-start: 6px;
19919
+ margin-inline-end: -8.4px;
19920
+ }
19921
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19922
+ margin-inline-end: -12px;
19923
+ }
19924
+
19925
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19926
+ margin-inline-start: 18px;
19927
+ }
19928
+
19929
+ .v-chip.v-chip--size-default .v-icon--start,
19930
+ .v-chip.v-chip--size-default .v-chip__filter {
19931
+ margin-inline-start: -6px;
19932
+ margin-inline-end: 6px;
19933
+ }
19934
+ .v-chip.v-chip--size-default .v-icon--end,
19935
+ .v-chip.v-chip--size-default .v-chip__close {
19936
+ margin-inline-start: 6px;
19937
+ margin-inline-end: -6px;
19938
+ }
19939
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19940
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19941
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19942
+ margin-inline-start: 12px;
19943
+ }
19944
+
19945
+ .v-chip.v-chip--size-large {
19946
+ --v-chip-size: 1rem;
19947
+ --v-chip-height: 38px;
19948
+ font-size: 1rem;
19949
+ padding: 0 14px;
19950
+ }
19951
+ .v-chip.v-chip--size-large .v-avatar {
19952
+ --v-avatar-height: 32px;
19953
+ }
19954
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19955
+ --v-avatar-height: 38px;
19956
+ }
19957
+
19958
+ .v-chip.v-chip--size-large .v-avatar--start {
19959
+ margin-inline-start: -9.8px;
19960
+ margin-inline-end: 7px;
19961
+ }
19962
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19963
+ margin-inline-start: -14px;
19964
+ }
19965
+
19966
+ .v-chip.v-chip--size-large .v-avatar--end {
19967
+ margin-inline-start: 7px;
19968
+ margin-inline-end: -9.8px;
19969
+ }
19970
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19971
+ margin-inline-end: -14px;
19972
+ }
19973
+
19974
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19975
+ margin-inline-start: 21px;
19976
+ }
19977
+
19978
+ .v-chip.v-chip--size-large .v-icon--start,
19979
+ .v-chip.v-chip--size-large .v-chip__filter {
19980
+ margin-inline-start: -7px;
19981
+ margin-inline-end: 7px;
19982
+ }
19983
+ .v-chip.v-chip--size-large .v-icon--end,
19984
+ .v-chip.v-chip--size-large .v-chip__close {
19985
+ margin-inline-start: 7px;
19986
+ margin-inline-end: -7px;
19987
+ }
19988
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19989
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19990
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19991
+ margin-inline-start: 14px;
19992
+ }
19993
+
19994
+ .v-chip.v-chip--size-x-large {
19995
+ --v-chip-size: 1.125rem;
19996
+ --v-chip-height: 44px;
19997
+ font-size: 1.125rem;
19998
+ padding: 0 17px;
19999
+ }
20000
+ .v-chip.v-chip--size-x-large .v-avatar {
20001
+ --v-avatar-height: 38px;
20002
+ }
20003
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20004
+ --v-avatar-height: 44px;
20005
+ }
20006
+
20007
+ .v-chip.v-chip--size-x-large .v-avatar--start {
20008
+ margin-inline-start: -11.9px;
20009
+ margin-inline-end: 8.5px;
20010
+ }
20011
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20012
+ margin-inline-start: -17px;
20013
+ }
20014
+
20015
+ .v-chip.v-chip--size-x-large .v-avatar--end {
20016
+ margin-inline-start: 8.5px;
20017
+ margin-inline-end: -11.9px;
20018
+ }
20019
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
20020
+ margin-inline-end: -17px;
20021
+ }
20022
+
20023
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
20024
+ margin-inline-start: 25.5px;
20025
+ }
20026
+
20027
+ .v-chip.v-chip--size-x-large .v-icon--start,
20028
+ .v-chip.v-chip--size-x-large .v-chip__filter {
20029
+ margin-inline-start: -8.5px;
20030
+ margin-inline-end: 8.5px;
20031
+ }
20032
+ .v-chip.v-chip--size-x-large .v-icon--end,
20033
+ .v-chip.v-chip--size-x-large .v-chip__close {
20034
+ margin-inline-start: 8.5px;
20035
+ margin-inline-end: -8.5px;
20036
+ }
20037
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
20038
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
20039
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
20040
+ margin-inline-start: 17px;
20041
+ }
20042
+
20043
+ .v-chip.v-chip--density-default {
20044
+ height: calc(var(--v-chip-height) + 0px);
20045
+ }
20046
+
20047
+ .v-chip.v-chip--density-comfortable {
20048
+ height: calc(var(--v-chip-height) + -4px);
20049
+ }
20050
+
20051
+ .v-chip.v-chip--density-compact {
20052
+ height: calc(var(--v-chip-height) + -8px);
20053
+ }
20054
+
20055
+ .v-chip:hover > .v-chip__overlay {
20056
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20057
+ }
20058
+ .v-chip:focus-visible > .v-chip__overlay {
20059
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20060
+ }
20061
+ @supports not selector(:focus-visible) {
20062
+ .v-chip:focus > .v-chip__overlay {
20063
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20064
+ }
20065
+ }
20066
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
20067
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20068
+ }
20069
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
20070
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20071
+ }
20072
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
20073
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20074
+ }
20075
+ @supports not selector(:focus-visible) {
20076
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
20077
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20078
+ }
20079
+ }
20080
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
20081
+ background: transparent;
20082
+ color: inherit;
20083
+ }
20084
+ .v-chip--variant-plain {
20085
+ opacity: 0.26;
20086
+ }
20087
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
20088
+ opacity: 1;
20089
+ }
20090
+ .v-chip--variant-plain .v-chip__overlay {
20091
+ display: none;
20092
+ }
20093
+ .v-chip--variant-elevated, .v-chip--variant-flat {
20094
+ background: rgb(var(--v-theme-surface-variant));
20095
+ color: rgb(var(--v-theme-on-surface-variant));
20096
+ }
20097
+ .v-chip--variant-elevated {
20098
+ 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));
20099
+ }
20100
+ .v-chip--variant-flat {
20101
+ 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));
20102
+ }
20103
+ .v-chip--variant-outlined {
20104
+ border: thin solid currentColor;
20105
+ }
20106
+ .v-chip--variant-text .v-chip__overlay {
20107
+ background: currentColor;
20108
+ }
20109
+ .v-chip--variant-tonal .v-chip__underlay {
20110
+ background: currentColor;
20111
+ opacity: var(--v-activated-opacity);
20112
+ border-radius: inherit;
20113
+ top: 0;
20114
+ right: 0;
20115
+ bottom: 0;
20116
+ left: 0;
20117
+ pointer-events: none;
20118
+ }
20119
+ .v-chip .v-chip__underlay {
20120
+ position: absolute;
20121
+ }
20122
+ .v-chip--border {
20123
+ border-width: thin;
20124
+ }
20125
+ .v-chip--link {
20126
+ cursor: pointer;
20127
+ }
20128
+ .v-chip--link, .v-chip--filter {
20129
+ -webkit-user-select: none;
20130
+ user-select: none;
20131
+ }
20132
+ .v-chip--label {
20133
+ border-radius: 4px;
20134
+ }
20135
+
20136
+ .v-chip__content {
20137
+ align-items: center;
20138
+ display: inline-flex;
20139
+ }
20140
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
20141
+ overflow: hidden;
20142
+ }
20143
+
20144
+ .v-chip__filter,
20145
+ .v-chip__prepend,
20146
+ .v-chip__append,
20147
+ .v-chip__close {
20148
+ align-items: center;
20149
+ display: inline-flex;
20150
+ }
20151
+
20152
+ .v-chip__close {
20153
+ cursor: pointer;
20154
+ flex: 0 1 auto;
20155
+ font-size: 18px;
20156
+ max-height: 18px;
20157
+ max-width: 18px;
20158
+ -webkit-user-select: none;
20159
+ user-select: none;
20160
+ }
20161
+ .v-chip__close .v-icon {
20162
+ font-size: inherit;
20163
+ }
20164
+
20165
+ .v-chip__filter {
20166
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20167
+ }
20168
+
20169
+ .v-chip__overlay {
20170
+ position: absolute;
20171
+ top: 0;
20172
+ left: 0;
20173
+ width: 100%;
20174
+ height: 100%;
20175
+ background-color: currentColor;
20176
+ border-radius: inherit;
20177
+ pointer-events: none;
20178
+ opacity: 0;
20179
+ transition: opacity 0.2s ease-in-out;
20180
+ }
20181
+
20182
+ .v-chip--disabled {
20183
+ opacity: 0.3;
20184
+ pointer-events: none;
20185
+ -webkit-user-select: none;
20186
+ user-select: none;
20187
+ }
20188
+
20189
+ .v-chip--label {
20190
+ border-radius: 4px;
20191
+ }.v-checkbox.v-input {
20192
+ flex: 0 1 auto;
20193
+ }
20194
+ .v-checkbox .v-selection-control {
20195
+ min-height: var(--v-input-control-height);
20123
20196
  }.v-chip-group {
20124
20197
  display: flex;
20125
20198
  max-width: 100%;
@@ -20244,37 +20317,6 @@ html.overflow-y-hidden {
20244
20317
  flex: 0 1 auto;
20245
20318
  font-size: 12px;
20246
20319
  transition-duration: 150ms;
20247
- }.v-data-table-footer {
20248
- align-items: center;
20249
- display: flex;
20250
- flex-wrap: wrap;
20251
- justify-content: flex-end;
20252
- padding: 8px 4px;
20253
- }
20254
- .v-data-table-footer__items-per-page {
20255
- align-items: center;
20256
- display: flex;
20257
- justify-content: center;
20258
- }
20259
- .v-data-table-footer__items-per-page > span {
20260
- padding-inline-end: 8px;
20261
- }
20262
- .v-data-table-footer__items-per-page > .v-select {
20263
- width: 90px;
20264
- }
20265
- .v-data-table-footer__info {
20266
- display: flex;
20267
- justify-content: flex-end;
20268
- min-width: 116px;
20269
- padding: 0 16px;
20270
- }
20271
- .v-data-table-footer__paginationz {
20272
- align-items: center;
20273
- display: flex;
20274
- margin-inline-start: 16px;
20275
- }
20276
- .v-data-table-footer__page {
20277
- padding: 0 8px;
20278
20320
  }.v-data-table {
20279
20321
  width: 100%;
20280
20322
  }
@@ -20462,6 +20504,37 @@ html.overflow-y-hidden {
20462
20504
  }
20463
20505
  .v-data-table__td-sort-icon-active {
20464
20506
  color: rgba(var(--v-theme-on-surface));
20507
+ }.v-data-table-footer {
20508
+ align-items: center;
20509
+ display: flex;
20510
+ flex-wrap: wrap;
20511
+ justify-content: flex-end;
20512
+ padding: 8px 4px;
20513
+ }
20514
+ .v-data-table-footer__items-per-page {
20515
+ align-items: center;
20516
+ display: flex;
20517
+ justify-content: center;
20518
+ }
20519
+ .v-data-table-footer__items-per-page > span {
20520
+ padding-inline-end: 8px;
20521
+ }
20522
+ .v-data-table-footer__items-per-page > .v-select {
20523
+ width: 90px;
20524
+ }
20525
+ .v-data-table-footer__info {
20526
+ display: flex;
20527
+ justify-content: flex-end;
20528
+ min-width: 116px;
20529
+ padding: 0 16px;
20530
+ }
20531
+ .v-data-table-footer__paginationz {
20532
+ align-items: center;
20533
+ display: flex;
20534
+ margin-inline-start: 16px;
20535
+ }
20536
+ .v-data-table-footer__page {
20537
+ padding: 0 8px;
20465
20538
  }.v-date-picker {
20466
20539
  overflow: hidden;
20467
20540
  width: 328px;
@@ -20639,6 +20712,21 @@ html.overflow-y-hidden {
20639
20712
  .date-picker-header-reverse-transition-leave-to {
20640
20713
  opacity: 0;
20641
20714
  transform: translate(0, 100%);
20715
+ }.v-date-picker-years {
20716
+ height: 288px;
20717
+ overflow-y: scroll;
20718
+ }
20719
+
20720
+ .v-date-picker-years__content {
20721
+ display: grid;
20722
+ flex: 1 1;
20723
+ justify-content: space-around;
20724
+ grid-template-columns: repeat(3, 1fr);
20725
+ gap: 8px 24px;
20726
+ padding-inline: 32px;
20727
+ }
20728
+ .v-date-picker-years__content .v-btn {
20729
+ padding-inline: 8px;
20642
20730
  }.v-date-picker-months {
20643
20731
  height: 288px;
20644
20732
  }
@@ -20658,21 +20746,6 @@ html.overflow-y-hidden {
20658
20746
  text-transform: none;
20659
20747
  padding-inline-start: 8px;
20660
20748
  padding-inline-end: 8px;
20661
- }.v-date-picker-years {
20662
- height: 288px;
20663
- overflow-y: scroll;
20664
- }
20665
-
20666
- .v-date-picker-years__content {
20667
- display: grid;
20668
- flex: 1 1;
20669
- justify-content: space-around;
20670
- grid-template-columns: repeat(3, 1fr);
20671
- gap: 8px 24px;
20672
- padding-inline: 32px;
20673
- }
20674
- .v-date-picker-years__content .v-btn {
20675
- padding-inline: 8px;
20676
20749
  }.v-dialog {
20677
20750
  align-items: center;
20678
20751
  justify-content: center;
@@ -21789,51 +21862,6 @@ textarea.v-field__input::placeholder {
21789
21862
  }
21790
21863
  .v-footer--rounded {
21791
21864
  border-radius: 4px;
21792
- }.v-img {
21793
- --v-theme-overlay-multiplier: 3;
21794
- z-index: 0;
21795
- }
21796
- .v-img.v-img--absolute {
21797
- height: 100%;
21798
- left: 0;
21799
- overflow: hidden;
21800
- position: absolute;
21801
- top: 0;
21802
- width: 100%;
21803
- z-index: -1;
21804
- }
21805
- .v-img--booting .v-responsive__sizer {
21806
- transition: none;
21807
- }
21808
- .v-img--rounded {
21809
- border-radius: 4px;
21810
- }
21811
-
21812
- .v-img__img,
21813
- .v-img__picture,
21814
- .v-img__gradient,
21815
- .v-img__placeholder,
21816
- .v-img__error {
21817
- z-index: -1;
21818
- position: absolute;
21819
- top: 0;
21820
- left: 0;
21821
- width: 100%;
21822
- height: 100%;
21823
- }
21824
-
21825
- .v-img__img--preload {
21826
- filter: blur(4px);
21827
- }
21828
- .v-img__img--contain {
21829
- object-fit: contain;
21830
- }
21831
- .v-img__img--cover {
21832
- object-fit: cover;
21833
- }
21834
-
21835
- .v-img__gradient {
21836
- background-repeat: no-repeat;
21837
21865
  }.v-icon {
21838
21866
  --v-icon-size-multiplier: 1;
21839
21867
  align-items: center;
@@ -21887,6 +21915,51 @@ textarea.v-field__input::placeholder {
21887
21915
 
21888
21916
  .v-icon--end {
21889
21917
  margin-inline-start: 8px;
21918
+ }.v-img {
21919
+ --v-theme-overlay-multiplier: 3;
21920
+ z-index: 0;
21921
+ }
21922
+ .v-img.v-img--absolute {
21923
+ height: 100%;
21924
+ left: 0;
21925
+ overflow: hidden;
21926
+ position: absolute;
21927
+ top: 0;
21928
+ width: 100%;
21929
+ z-index: -1;
21930
+ }
21931
+ .v-img--booting .v-responsive__sizer {
21932
+ transition: none;
21933
+ }
21934
+ .v-img--rounded {
21935
+ border-radius: 4px;
21936
+ }
21937
+
21938
+ .v-img__img,
21939
+ .v-img__picture,
21940
+ .v-img__gradient,
21941
+ .v-img__placeholder,
21942
+ .v-img__error {
21943
+ z-index: -1;
21944
+ position: absolute;
21945
+ top: 0;
21946
+ left: 0;
21947
+ width: 100%;
21948
+ height: 100%;
21949
+ }
21950
+
21951
+ .v-img__img--preload {
21952
+ filter: blur(4px);
21953
+ }
21954
+ .v-img__img--contain {
21955
+ object-fit: contain;
21956
+ }
21957
+ .v-img__img--cover {
21958
+ object-fit: cover;
21959
+ }
21960
+
21961
+ .v-img__gradient {
21962
+ background-repeat: no-repeat;
21890
21963
  }.v-infinite-scroll--horizontal {
21891
21964
  display: flex;
21892
21965
  flex-direction: row;
@@ -22074,13 +22147,6 @@ textarea.v-field__input::placeholder {
22074
22147
 
22075
22148
  .v-label--clickable {
22076
22149
  cursor: pointer;
22077
- }.v-layout-item {
22078
- position: absolute;
22079
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22080
- }
22081
-
22082
- .v-layout-item--absolute {
22083
- position: absolute;
22084
22150
  }.v-layout {
22085
22151
  --v-scrollbar-offset: 0px;
22086
22152
  display: flex;
@@ -22089,6 +22155,13 @@ textarea.v-field__input::placeholder {
22089
22155
  .v-layout--full-height {
22090
22156
  --v-scrollbar-offset: inherit;
22091
22157
  height: 100%;
22158
+ }.v-layout-item {
22159
+ position: absolute;
22160
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22161
+ }
22162
+
22163
+ .v-layout-item--absolute {
22164
+ position: absolute;
22092
22165
  }.v-list {
22093
22166
  overflow: auto;
22094
22167
  padding: 8px 0;
@@ -22646,6 +22719,8 @@ textarea.v-field__input::placeholder {
22646
22719
  }
22647
22720
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22648
22721
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22722
+ }.v-locale-provider {
22723
+ display: contents;
22649
22724
  }.v-main {
22650
22725
  flex: 1 0 auto;
22651
22726
  max-width: 100%;
@@ -22674,21 +22749,6 @@ textarea.v-field__input::placeholder {
22674
22749
  --v-layout-right: 0px;
22675
22750
  --v-layout-top: 0px;
22676
22751
  --v-layout-bottom: 0px;
22677
- }.v-locale-provider {
22678
- display: contents;
22679
- }.v-menu > .v-overlay__content {
22680
- display: flex;
22681
- flex-direction: column;
22682
- border-radius: 4px;
22683
- }
22684
- .v-menu > .v-overlay__content > .v-card,
22685
- .v-menu > .v-overlay__content > .v-sheet,
22686
- .v-menu > .v-overlay__content > .v-list {
22687
- background: rgb(var(--v-theme-surface));
22688
- border-radius: inherit;
22689
- overflow: auto;
22690
- height: 100%;
22691
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22692
22752
  }.v-messages {
22693
22753
  flex: 1 1 auto;
22694
22754
  font-size: 12px;
@@ -22705,6 +22765,19 @@ textarea.v-field__input::placeholder {
22705
22765
  -webkit-hyphens: auto;
22706
22766
  hyphens: auto;
22707
22767
  transition-duration: 150ms;
22768
+ }.v-menu > .v-overlay__content {
22769
+ display: flex;
22770
+ flex-direction: column;
22771
+ border-radius: 4px;
22772
+ }
22773
+ .v-menu > .v-overlay__content > .v-card,
22774
+ .v-menu > .v-overlay__content > .v-sheet,
22775
+ .v-menu > .v-overlay__content > .v-list {
22776
+ background: rgb(var(--v-theme-surface));
22777
+ border-radius: inherit;
22778
+ overflow: auto;
22779
+ height: 100%;
22780
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22708
22781
  }.v-navigation-drawer {
22709
22782
  -webkit-overflow-scrolling: touch;
22710
22783
  background: rgb(var(--v-theme-surface));
@@ -22934,6 +23007,12 @@ html.v-overlay-scroll-blocked {
22934
23007
  }
22935
23008
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22936
23009
  margin: 0.3rem;
23010
+ }.v-parallax {
23011
+ position: relative;
23012
+ overflow: hidden;
23013
+ }
23014
+ .v-parallax--active > .v-img__img {
23015
+ will-change: transform;
22937
23016
  }.v-progress-circular {
22938
23017
  align-items: center;
22939
23018
  display: inline-flex;
@@ -23036,12 +23115,6 @@ html.v-overlay-scroll-blocked {
23036
23115
  100% {
23037
23116
  transform: rotate(270deg);
23038
23117
  }
23039
- }.v-parallax {
23040
- position: relative;
23041
- overflow: hidden;
23042
- }
23043
- .v-parallax--active > .v-img__img {
23044
- will-change: transform;
23045
23118
  }.v-progress-linear {
23046
23119
  background: transparent;
23047
23120
  overflow: hidden;
@@ -23270,18 +23343,6 @@ html.v-overlay-scroll-blocked {
23270
23343
  0% {
23271
23344
  background-position-x: var(--v-progress-linear-height);
23272
23345
  }
23273
- }.v-radio-group > .v-input__control {
23274
- flex-direction: column;
23275
- }
23276
- .v-radio-group > .v-input__control > .v-label {
23277
- margin-inline-start: 16px;
23278
- }
23279
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23280
- padding-inline-start: 6px;
23281
- margin-top: 8px;
23282
- }
23283
- .v-radio-group .v-input__details {
23284
- padding-inline: 16px;
23285
23346
  }.v-slider .v-slider__container input {
23286
23347
  cursor: default;
23287
23348
  padding: 0;
@@ -23339,6 +23400,18 @@ html.v-overlay-scroll-blocked {
23339
23400
 
23340
23401
  .v-slider__label {
23341
23402
  margin-inline-end: 12px;
23403
+ }.v-radio-group > .v-input__control {
23404
+ flex-direction: column;
23405
+ }
23406
+ .v-radio-group > .v-input__control > .v-label {
23407
+ margin-inline-start: 16px;
23408
+ }
23409
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23410
+ padding-inline-start: 6px;
23411
+ margin-top: 8px;
23412
+ }
23413
+ .v-radio-group .v-input__details {
23414
+ padding-inline: 16px;
23342
23415
  }.v-responsive {
23343
23416
  display: flex;
23344
23417
  flex: 1 0 auto;
@@ -24020,47 +24093,6 @@ html.v-overlay-scroll-blocked {
24020
24093
  }
24021
24094
  .v-snackbar-transition-leave-to {
24022
24095
  opacity: 0;
24023
- }.v-speed-dial__content {
24024
- gap: 8px;
24025
- }
24026
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24027
- flex-direction: row;
24028
- }
24029
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24030
- flex-direction: row-reverse;
24031
- }
24032
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24033
- flex-direction: column-reverse;
24034
- }
24035
- .v-speed-dial__content > *:nth-child(1) {
24036
- transition-delay: 0s;
24037
- }
24038
- .v-speed-dial__content > *:nth-child(2) {
24039
- transition-delay: 0.05s;
24040
- }
24041
- .v-speed-dial__content > *:nth-child(3) {
24042
- transition-delay: 0.1s;
24043
- }
24044
- .v-speed-dial__content > *:nth-child(4) {
24045
- transition-delay: 0.15s;
24046
- }
24047
- .v-speed-dial__content > *:nth-child(5) {
24048
- transition-delay: 0.2s;
24049
- }
24050
- .v-speed-dial__content > *:nth-child(6) {
24051
- transition-delay: 0.25s;
24052
- }
24053
- .v-speed-dial__content > *:nth-child(7) {
24054
- transition-delay: 0.3s;
24055
- }
24056
- .v-speed-dial__content > *:nth-child(8) {
24057
- transition-delay: 0.35s;
24058
- }
24059
- .v-speed-dial__content > *:nth-child(9) {
24060
- transition-delay: 0.4s;
24061
- }
24062
- .v-speed-dial__content > *:nth-child(10) {
24063
- transition-delay: 0.45s;
24064
24096
  }.v-stepper.v-sheet {
24065
24097
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24066
24098
  border-radius: 4px;
@@ -24205,28 +24237,201 @@ html.v-overlay-scroll-blocked {
24205
24237
  line-height: 1;
24206
24238
  opacity: var(--v-medium-emphasis-opacity);
24207
24239
  }
24208
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24209
- text-align: center;
24240
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24241
+ text-align: center;
24242
+ }
24243
+ .v-stepper--mobile .v-stepper-item__subtitle {
24244
+ display: none;
24245
+ }
24246
+
24247
+ .v-stepper-item__overlay {
24248
+ background-color: currentColor;
24249
+ border-radius: inherit;
24250
+ opacity: 0;
24251
+ transition: opacity 0.2s ease-in-out;
24252
+ }
24253
+
24254
+ .v-stepper-item__overlay,
24255
+ .v-stepper-item__underlay {
24256
+ position: absolute;
24257
+ top: 0;
24258
+ left: 0;
24259
+ width: 100%;
24260
+ height: 100%;
24261
+ pointer-events: none;
24262
+ }.v-speed-dial__content {
24263
+ gap: 8px;
24264
+ }
24265
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24266
+ flex-direction: row;
24267
+ }
24268
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24269
+ flex-direction: row-reverse;
24270
+ }
24271
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24272
+ flex-direction: column-reverse;
24273
+ }
24274
+ .v-speed-dial__content > *:nth-child(1) {
24275
+ transition-delay: 0s;
24276
+ }
24277
+ .v-speed-dial__content > *:nth-child(2) {
24278
+ transition-delay: 0.05s;
24279
+ }
24280
+ .v-speed-dial__content > *:nth-child(3) {
24281
+ transition-delay: 0.1s;
24282
+ }
24283
+ .v-speed-dial__content > *:nth-child(4) {
24284
+ transition-delay: 0.15s;
24285
+ }
24286
+ .v-speed-dial__content > *:nth-child(5) {
24287
+ transition-delay: 0.2s;
24288
+ }
24289
+ .v-speed-dial__content > *:nth-child(6) {
24290
+ transition-delay: 0.25s;
24291
+ }
24292
+ .v-speed-dial__content > *:nth-child(7) {
24293
+ transition-delay: 0.3s;
24294
+ }
24295
+ .v-speed-dial__content > *:nth-child(8) {
24296
+ transition-delay: 0.35s;
24297
+ }
24298
+ .v-speed-dial__content > *:nth-child(9) {
24299
+ transition-delay: 0.4s;
24300
+ }
24301
+ .v-speed-dial__content > *:nth-child(10) {
24302
+ transition-delay: 0.45s;
24303
+ }.v-system-bar {
24304
+ align-items: center;
24305
+ display: flex;
24306
+ flex: 1 1 auto;
24307
+ height: 24px;
24308
+ justify-content: flex-end;
24309
+ max-width: 100%;
24310
+ padding-inline: 8px;
24311
+ position: relative;
24312
+ text-align: end;
24313
+ width: 100%;
24314
+ 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));
24315
+ background: rgba(var(--v-theme-surface-light));
24316
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24317
+ font-size: 0.75rem;
24318
+ font-weight: 400;
24319
+ letter-spacing: 0.0333333333em;
24320
+ line-height: 1.667;
24321
+ text-transform: none;
24322
+ }
24323
+ .v-system-bar .v-icon {
24324
+ opacity: var(--v-medium-emphasis-opacity);
24325
+ }
24326
+ .v-system-bar--absolute {
24327
+ position: absolute;
24328
+ }
24329
+ .v-system-bar--fixed {
24330
+ position: fixed;
24331
+ }
24332
+ .v-system-bar--rounded {
24333
+ border-radius: 0;
24334
+ }
24335
+ .v-system-bar--window {
24336
+ height: 32px;
24337
+ }
24338
+ .v-system-bar:not(.v-system-bar--absolute) {
24339
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24340
+ }.v-tab.v-tab.v-btn {
24341
+ height: var(--v-tabs-height);
24342
+ border-radius: 0;
24343
+ min-width: 90px;
24344
+ }
24345
+ .v-slide-group--horizontal .v-tab {
24346
+ max-width: 360px;
24347
+ }
24348
+ .v-slide-group--vertical .v-tab {
24349
+ justify-content: start;
24350
+ }
24351
+
24352
+ .v-tab__slider {
24353
+ position: absolute;
24354
+ bottom: 0;
24355
+ left: 0;
24356
+ height: 2px;
24357
+ width: 100%;
24358
+ background: currentColor;
24359
+ pointer-events: none;
24360
+ opacity: 0;
24361
+ }
24362
+ .v-tab--selected .v-tab__slider {
24363
+ opacity: 1;
24364
+ }
24365
+ .v-slide-group--vertical .v-tab__slider {
24366
+ top: 0;
24367
+ height: 100%;
24368
+ width: 2px;
24369
+ }.v-tabs {
24370
+ display: flex;
24371
+ height: var(--v-tabs-height);
24372
+ }
24373
+ .v-tabs--density-default {
24374
+ --v-tabs-height: 48px;
24375
+ }
24376
+ .v-tabs--density-default.v-tabs--stacked {
24377
+ --v-tabs-height: 72px;
24378
+ }
24379
+
24380
+ .v-tabs--density-comfortable {
24381
+ --v-tabs-height: 44px;
24382
+ }
24383
+ .v-tabs--density-comfortable.v-tabs--stacked {
24384
+ --v-tabs-height: 68px;
24385
+ }
24386
+
24387
+ .v-tabs--density-compact {
24388
+ --v-tabs-height: 36px;
24389
+ }
24390
+ .v-tabs--density-compact.v-tabs--stacked {
24391
+ --v-tabs-height: 60px;
24392
+ }
24393
+
24394
+ .v-tabs.v-slide-group--vertical {
24395
+ height: auto;
24396
+ flex: none;
24397
+ --v-tabs-height: 48px;
24398
+ }
24399
+
24400
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24401
+ margin-inline-start: 42px;
24402
+ }
24403
+
24404
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24405
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24406
+ margin-inline-end: auto;
24407
+ }
24408
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24409
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24410
+ margin-inline-start: auto;
24210
24411
  }
24211
- .v-stepper--mobile .v-stepper-item__subtitle {
24212
- display: none;
24412
+
24413
+ .v-tabs--grow {
24414
+ flex-grow: 1;
24415
+ }
24416
+ .v-tabs--grow .v-tab {
24417
+ flex: 1 0 auto;
24418
+ max-width: none;
24213
24419
  }
24214
24420
 
24215
- .v-stepper-item__overlay {
24216
- background-color: currentColor;
24217
- border-radius: inherit;
24218
- opacity: 0;
24219
- transition: opacity 0.2s ease-in-out;
24421
+ .v-tabs--align-tabs-end .v-tab:first-child {
24422
+ margin-inline-start: auto;
24423
+ }
24424
+ .v-tabs--align-tabs-end .v-tab:last-child {
24425
+ margin-inline-end: 0;
24220
24426
  }
24221
24427
 
24222
- .v-stepper-item__overlay,
24223
- .v-stepper-item__underlay {
24224
- position: absolute;
24225
- top: 0;
24226
- left: 0;
24227
- width: 100%;
24228
- height: 100%;
24229
- pointer-events: none;
24428
+ @media (max-width: 1279.98px) {
24429
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24430
+ margin-inline-start: 52px;
24431
+ }
24432
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24433
+ margin-inline-end: 52px;
24434
+ }
24230
24435
  }.v-switch .v-label {
24231
24436
  padding-inline-start: 10px;
24232
24437
  }
@@ -24407,138 +24612,6 @@ html.v-overlay-scroll-blocked {
24407
24612
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24408
24613
  border-width: 0;
24409
24614
  }
24410
- }.v-system-bar {
24411
- align-items: center;
24412
- display: flex;
24413
- flex: 1 1 auto;
24414
- height: 24px;
24415
- justify-content: flex-end;
24416
- max-width: 100%;
24417
- padding-inline: 8px;
24418
- position: relative;
24419
- text-align: end;
24420
- width: 100%;
24421
- 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));
24422
- background: rgba(var(--v-theme-surface-light));
24423
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24424
- font-size: 0.75rem;
24425
- font-weight: 400;
24426
- letter-spacing: 0.0333333333em;
24427
- line-height: 1.667;
24428
- text-transform: none;
24429
- }
24430
- .v-system-bar .v-icon {
24431
- opacity: var(--v-medium-emphasis-opacity);
24432
- }
24433
- .v-system-bar--absolute {
24434
- position: absolute;
24435
- }
24436
- .v-system-bar--fixed {
24437
- position: fixed;
24438
- }
24439
- .v-system-bar--rounded {
24440
- border-radius: 0;
24441
- }
24442
- .v-system-bar--window {
24443
- height: 32px;
24444
- }
24445
- .v-system-bar:not(.v-system-bar--absolute) {
24446
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24447
- }.v-tabs {
24448
- display: flex;
24449
- height: var(--v-tabs-height);
24450
- }
24451
- .v-tabs--density-default {
24452
- --v-tabs-height: 48px;
24453
- }
24454
- .v-tabs--density-default.v-tabs--stacked {
24455
- --v-tabs-height: 72px;
24456
- }
24457
-
24458
- .v-tabs--density-comfortable {
24459
- --v-tabs-height: 44px;
24460
- }
24461
- .v-tabs--density-comfortable.v-tabs--stacked {
24462
- --v-tabs-height: 68px;
24463
- }
24464
-
24465
- .v-tabs--density-compact {
24466
- --v-tabs-height: 36px;
24467
- }
24468
- .v-tabs--density-compact.v-tabs--stacked {
24469
- --v-tabs-height: 60px;
24470
- }
24471
-
24472
- .v-tabs.v-slide-group--vertical {
24473
- height: auto;
24474
- flex: none;
24475
- --v-tabs-height: 48px;
24476
- }
24477
-
24478
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24479
- margin-inline-start: 42px;
24480
- }
24481
-
24482
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24483
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24484
- margin-inline-end: auto;
24485
- }
24486
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24487
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24488
- margin-inline-start: auto;
24489
- }
24490
-
24491
- .v-tabs--grow {
24492
- flex-grow: 1;
24493
- }
24494
- .v-tabs--grow .v-tab {
24495
- flex: 1 0 auto;
24496
- max-width: none;
24497
- }
24498
-
24499
- .v-tabs--align-tabs-end .v-tab:first-child {
24500
- margin-inline-start: auto;
24501
- }
24502
- .v-tabs--align-tabs-end .v-tab:last-child {
24503
- margin-inline-end: 0;
24504
- }
24505
-
24506
- @media (max-width: 1279.98px) {
24507
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24508
- margin-inline-start: 52px;
24509
- }
24510
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24511
- margin-inline-end: 52px;
24512
- }
24513
- }.v-tab.v-tab.v-btn {
24514
- height: var(--v-tabs-height);
24515
- border-radius: 0;
24516
- min-width: 90px;
24517
- }
24518
- .v-slide-group--horizontal .v-tab {
24519
- max-width: 360px;
24520
- }
24521
- .v-slide-group--vertical .v-tab {
24522
- justify-content: start;
24523
- }
24524
-
24525
- .v-tab__slider {
24526
- position: absolute;
24527
- bottom: 0;
24528
- left: 0;
24529
- height: 2px;
24530
- width: 100%;
24531
- background: currentColor;
24532
- pointer-events: none;
24533
- opacity: 0;
24534
- }
24535
- .v-tab--selected .v-tab__slider {
24536
- opacity: 1;
24537
- }
24538
- .v-slide-group--vertical .v-tab__slider {
24539
- top: 0;
24540
- height: 100%;
24541
- width: 2px;
24542
24615
  }.v-table {
24543
24616
  background: rgb(var(--v-theme-surface));
24544
24617
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25353,15 +25426,6 @@ html.v-overlay-scroll-blocked {
25353
25426
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25354
25427
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25355
25428
  transition-duration: 75ms;
25356
- }.v-virtual-scroll {
25357
- display: block;
25358
- flex: 1 1 auto;
25359
- max-width: 100%;
25360
- overflow: auto;
25361
- position: relative;
25362
- }
25363
- .v-virtual-scroll__container {
25364
- display: block;
25365
25429
  }.v-window {
25366
25430
  overflow: hidden;
25367
25431
  }
@@ -25432,79 +25496,37 @@ html.v-overlay-scroll-blocked {
25432
25496
  }
25433
25497
  .v-window-y-reverse-transition-leave-to {
25434
25498
  transform: translateY(100%);
25435
- }.v-application {
25436
- display: flex;
25437
- background: rgb(var(--v-theme-background));
25438
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
25439
- }
25440
-
25441
- .v-application__wrap {
25442
- -webkit-backface-visibility: hidden;
25443
- backface-visibility: hidden;
25444
- display: flex;
25445
- flex-direction: column;
25499
+ }.v-virtual-scroll {
25500
+ display: block;
25446
25501
  flex: 1 1 auto;
25447
25502
  max-width: 100%;
25448
- min-height: 100vh;
25449
- min-height: 100dvh;
25503
+ overflow: auto;
25450
25504
  position: relative;
25451
- }.v-breadcrumbs {
25452
- display: flex;
25453
- align-items: center;
25454
- line-height: 1.6;
25455
- padding: 16px 12px;
25456
- }
25457
- .v-breadcrumbs--rounded {
25458
- border-radius: 4px;
25459
- }
25460
- .v-breadcrumbs--density-default {
25461
- padding-top: 16px;
25462
- padding-bottom: 16px;
25463
- }
25464
-
25465
- .v-breadcrumbs--density-comfortable {
25466
- padding-top: 12px;
25467
- padding-bottom: 12px;
25468
- }
25469
-
25470
- .v-breadcrumbs--density-compact {
25471
- padding-top: 8px;
25472
- padding-bottom: 8px;
25473
- }
25474
-
25475
- .v-breadcrumbs__prepend {
25476
- align-items: center;
25477
- display: inline-flex;
25478
- }
25479
-
25480
- .v-breadcrumbs-item {
25481
- align-items: center;
25482
- color: inherit;
25483
- display: inline-flex;
25484
- padding: 0 4px;
25485
- text-decoration: none;
25486
- vertical-align: middle;
25487
25505
  }
25488
- .v-breadcrumbs-item--disabled {
25489
- opacity: var(--v-disabled-opacity);
25490
- pointer-events: none;
25491
- }
25492
- .v-breadcrumbs-item--link {
25493
- color: inherit;
25494
- text-decoration: none;
25506
+ .v-virtual-scroll__container {
25507
+ display: block;
25508
+ }.v-color-picker-canvas {
25509
+ display: flex;
25510
+ position: relative;
25511
+ overflow: hidden;
25512
+ contain: content;
25513
+ touch-action: none;
25495
25514
  }
25496
- .v-breadcrumbs-item--link:hover {
25497
- text-decoration: underline;
25515
+ .v-color-picker-canvas__dot {
25516
+ position: absolute;
25517
+ top: 0;
25518
+ left: 0;
25519
+ width: 15px;
25520
+ height: 15px;
25521
+ background: transparent;
25522
+ border-radius: 50%;
25523
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25498
25524
  }
25499
- .v-breadcrumbs-item .v-icon {
25500
- font-size: 1rem;
25501
- margin-inline: -4px 2px;
25525
+ .v-color-picker-canvas__dot--disabled {
25526
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25502
25527
  }
25503
-
25504
- .v-breadcrumbs-divider {
25505
- display: inline-block;
25506
- padding: 0 8px;
25507
- vertical-align: middle;
25528
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25529
+ will-change: transform;
25508
25530
  }.v-color-picker-edit {
25509
25531
  display: flex;
25510
25532
  margin-top: 24px;
@@ -25533,28 +25555,76 @@ html.v-overlay-scroll-blocked {
25533
25555
  }
25534
25556
  .v-color-picker-edit__input span {
25535
25557
  font-size: 0.75rem;
25536
- }.v-color-picker-canvas {
25558
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25559
+ background-color: transparent !important;
25560
+ }
25561
+ .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 {
25562
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25563
+ }
25564
+
25565
+ .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 {
25566
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25567
+ }
25568
+
25569
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25570
+ content: "";
25571
+ z-index: -1;
25572
+ left: 0;
25573
+ top: 0;
25574
+ width: 100%;
25575
+ height: 100%;
25576
+ position: absolute;
25577
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25578
+ border-radius: inherit;
25579
+ }
25580
+
25581
+ .v-color-picker-preview__sliders {
25537
25582
  display: flex;
25583
+ flex: 1 0 auto;
25584
+ flex-direction: column;
25585
+ padding-inline-end: 16px;
25586
+ }
25587
+
25588
+ .v-color-picker-preview__dot {
25538
25589
  position: relative;
25590
+ height: 30px;
25591
+ width: 30px;
25592
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25593
+ border-radius: 50%;
25539
25594
  overflow: hidden;
25540
- contain: content;
25541
- touch-action: none;
25595
+ margin-inline-end: 24px;
25542
25596
  }
25543
- .v-color-picker-canvas__dot {
25544
- position: absolute;
25545
- top: 0;
25546
- left: 0;
25547
- width: 15px;
25548
- height: 15px;
25549
- background: transparent;
25550
- border-radius: 50%;
25551
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25597
+ .v-color-picker-preview__dot > div {
25598
+ width: 100%;
25599
+ height: 100%;
25552
25600
  }
25553
- .v-color-picker-canvas__dot--disabled {
25554
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25601
+
25602
+ .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 {
25603
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25555
25604
  }
25556
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25557
- will-change: transform;
25605
+
25606
+ .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 {
25607
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25608
+ }
25609
+
25610
+ .v-color-picker-preview__track {
25611
+ position: relative;
25612
+ width: 100%;
25613
+ margin: 0 !important;
25614
+ }
25615
+ .v-color-picker-preview__track .v-slider-track__fill {
25616
+ display: none;
25617
+ }
25618
+
25619
+ .v-color-picker-preview {
25620
+ align-items: center;
25621
+ display: flex;
25622
+ margin-bottom: 0;
25623
+ }
25624
+
25625
+ .v-color-picker-preview__eye-dropper {
25626
+ position: relative;
25627
+ margin-right: 12px;
25558
25628
  }.v-color-picker-swatches {
25559
25629
  overflow-y: auto;
25560
25630
  }
@@ -25590,129 +25660,218 @@ html.v-overlay-scroll-blocked {
25590
25660
  justify-content: center;
25591
25661
  width: 100%;
25592
25662
  height: 100%;
25593
- }.v-color-picker-preview__alpha .v-slider-track__background {
25594
- background-color: transparent !important;
25663
+ }.v-picker.v-sheet {
25664
+ 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));
25665
+ border-radius: 4px;
25666
+ display: grid;
25667
+ grid-auto-rows: min-content;
25668
+ grid-template-areas: "title" "header" "body";
25669
+ overflow: hidden;
25595
25670
  }
25596
- .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 {
25597
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25671
+ .v-picker.v-sheet.v-picker--with-actions {
25672
+ grid-template-areas: "title" "header" "body" "actions";
25598
25673
  }
25599
25674
 
25600
- .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 {
25601
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25675
+ .v-picker__body {
25676
+ grid-area: body;
25677
+ overflow: hidden;
25678
+ position: relative;
25602
25679
  }
25603
25680
 
25604
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25605
- content: "";
25606
- z-index: -1;
25607
- left: 0;
25608
- top: 0;
25609
- width: 100%;
25610
- height: 100%;
25611
- position: absolute;
25612
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25613
- border-radius: inherit;
25681
+ .v-picker__header {
25682
+ grid-area: header;
25614
25683
  }
25615
25684
 
25616
- .v-color-picker-preview__sliders {
25685
+ .v-picker__actions {
25686
+ grid-area: actions;
25687
+ padding: 0 12px 12px;
25617
25688
  display: flex;
25618
- flex: 1 0 auto;
25619
- flex-direction: column;
25620
- padding-inline-end: 16px;
25689
+ align-items: center;
25690
+ justify-content: flex-end;
25691
+ }
25692
+ .v-picker__actions .v-btn {
25693
+ min-width: 48px;
25694
+ }
25695
+ .v-picker__actions .v-btn:not(:last-child) {
25696
+ margin-inline-end: 8px;
25621
25697
  }
25622
25698
 
25623
- .v-color-picker-preview__dot {
25624
- position: relative;
25625
- height: 30px;
25626
- width: 30px;
25627
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25699
+ .v-picker--landscape {
25700
+ grid-template-areas: "title" "header body" "header body";
25701
+ }
25702
+
25703
+ .v-picker--landscape.v-picker--with-actions {
25704
+ grid-template-areas: "title" "header body" "header actions";
25705
+ }
25706
+
25707
+ .v-picker-title {
25708
+ text-transform: uppercase;
25709
+ font-size: 0.75rem;
25710
+ grid-area: title;
25711
+ padding-inline: 24px 12px;
25712
+ padding-top: 16px;
25713
+ padding-bottom: 16px;
25714
+ font-weight: 400;
25715
+ letter-spacing: 0.1666666667em;
25716
+ }.v-slider-thumb {
25717
+ touch-action: none;
25718
+ color: rgb(var(--v-theme-surface-variant));
25719
+ }
25720
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25721
+ color: inherit;
25722
+ }
25723
+
25724
+ .v-slider-thumb__label {
25725
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25726
+ color: rgb(var(--v-theme-on-surface-variant));
25727
+ }
25728
+ .v-slider-thumb__label::before {
25729
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25730
+ }
25731
+
25732
+ .v-slider-thumb {
25733
+ outline: none;
25734
+ position: absolute;
25735
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25736
+ }
25737
+
25738
+ .v-slider-thumb__surface {
25739
+ cursor: pointer;
25740
+ width: var(--v-slider-thumb-size);
25741
+ height: var(--v-slider-thumb-size);
25628
25742
  border-radius: 50%;
25629
- overflow: hidden;
25630
- margin-inline-end: 24px;
25743
+ -webkit-user-select: none;
25744
+ user-select: none;
25745
+ background-color: currentColor;
25631
25746
  }
25632
- .v-color-picker-preview__dot > div {
25747
+ @media (forced-colors: active) {
25748
+ .v-slider-thumb__surface {
25749
+ background-color: highlight;
25750
+ }
25751
+ }
25752
+ .v-slider-thumb__surface::before {
25753
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25754
+ content: "";
25755
+ color: inherit;
25756
+ top: 0;
25757
+ left: 0;
25633
25758
  width: 100%;
25634
25759
  height: 100%;
25760
+ border-radius: 50%;
25761
+ background: currentColor;
25762
+ position: absolute;
25763
+ pointer-events: none;
25764
+ opacity: 0;
25635
25765
  }
25636
-
25637
- .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 {
25638
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25766
+ .v-slider-thumb__surface::after {
25767
+ content: "";
25768
+ width: 42px;
25769
+ height: 42px;
25770
+ position: absolute;
25771
+ top: 50%;
25772
+ left: 50%;
25773
+ transform: translate(-50%, -50%);
25639
25774
  }
25640
25775
 
25641
- .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 {
25642
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25776
+ .v-slider-thumb__label-container {
25777
+ position: absolute;
25778
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25643
25779
  }
25644
25780
 
25645
- .v-color-picker-preview__track {
25646
- position: relative;
25647
- width: 100%;
25648
- margin: 0 !important;
25781
+ .v-slider-thumb__label {
25782
+ display: flex;
25783
+ align-items: center;
25784
+ justify-content: center;
25785
+ font-size: 0.75rem;
25786
+ min-width: 35px;
25787
+ height: 25px;
25788
+ border-radius: 4px;
25789
+ padding: 6px;
25790
+ position: absolute;
25791
+ -webkit-user-select: none;
25792
+ user-select: none;
25793
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25649
25794
  }
25650
- .v-color-picker-preview__track .v-slider-track__fill {
25651
- display: none;
25795
+ .v-slider-thumb__label::before {
25796
+ content: "";
25797
+ width: 0;
25798
+ height: 0;
25799
+ position: absolute;
25800
+ }
25801
+
25802
+ .v-slider-thumb__ripple {
25803
+ position: absolute;
25804
+ left: calc(var(--v-slider-thumb-size) / -2);
25805
+ top: calc(var(--v-slider-thumb-size) / -2);
25806
+ width: calc(var(--v-slider-thumb-size) * 2);
25807
+ height: calc(var(--v-slider-thumb-size) * 2);
25808
+ background: inherit;
25652
25809
  }
25653
25810
 
25654
- .v-color-picker-preview {
25655
- align-items: center;
25656
- display: flex;
25657
- margin-bottom: 0;
25811
+ .v-slider.v-input--horizontal .v-slider-thumb {
25812
+ top: 50%;
25813
+ transform: translateY(-50%);
25814
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25658
25815
  }
25659
-
25660
- .v-color-picker-preview__eye-dropper {
25661
- position: relative;
25662
- margin-right: 12px;
25663
- }.v-picker.v-sheet {
25664
- 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));
25665
- border-radius: 4px;
25666
- display: grid;
25667
- grid-auto-rows: min-content;
25668
- grid-template-areas: "title" "header" "body";
25669
- overflow: hidden;
25816
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25817
+ left: calc(var(--v-slider-thumb-size) / 2);
25818
+ top: 0;
25670
25819
  }
25671
- .v-picker.v-sheet.v-picker--with-actions {
25672
- grid-template-areas: "title" "header" "body" "actions";
25820
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25821
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25822
+ }
25823
+ .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 {
25824
+ transform: translateX(-50%);
25673
25825
  }
25674
25826
 
25675
- .v-picker__body {
25676
- grid-area: body;
25677
- overflow: hidden;
25678
- position: relative;
25827
+ .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 {
25828
+ transform: translateX(50%);
25679
25829
  }
25680
25830
 
25681
- .v-picker__header {
25682
- grid-area: header;
25831
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25832
+ border-left: 6px solid transparent;
25833
+ border-right: 6px solid transparent;
25834
+ border-top: 6px solid currentColor;
25835
+ bottom: -6px;
25683
25836
  }
25684
25837
 
25685
- .v-picker__actions {
25686
- grid-area: actions;
25687
- padding: 0 12px 12px;
25688
- display: flex;
25689
- align-items: center;
25690
- justify-content: flex-end;
25838
+ .v-slider.v-input--vertical .v-slider-thumb {
25839
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25691
25840
  }
25692
- .v-picker__actions .v-btn {
25693
- min-width: 48px;
25841
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25842
+ top: calc(var(--v-slider-thumb-size) / 2);
25843
+ right: 0;
25694
25844
  }
25695
- .v-picker__actions .v-btn:not(:last-child) {
25696
- margin-inline-end: 8px;
25845
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25846
+ top: -12.5px;
25847
+ left: calc(var(--v-slider-thumb-size) / 2);
25848
+ }
25849
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25850
+ border-right: 6px solid currentColor;
25851
+ border-top: 6px solid transparent;
25852
+ border-bottom: 6px solid transparent;
25853
+ left: -6px;
25697
25854
  }
25698
25855
 
25699
- .v-picker--landscape {
25700
- grid-template-areas: "title" "header body" "header body";
25856
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25857
+ transform: scale(2);
25858
+ opacity: var(--v-focus-opacity);
25701
25859
  }
25702
25860
 
25703
- .v-picker--landscape.v-picker--with-actions {
25704
- grid-template-areas: "title" "header body" "header actions";
25861
+ .v-slider-thumb--pressed {
25862
+ transition: none;
25863
+ }
25864
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25865
+ opacity: var(--v-pressed-opacity);
25705
25866
  }
25706
25867
 
25707
- .v-picker-title {
25708
- text-transform: uppercase;
25709
- font-size: 0.75rem;
25710
- grid-area: title;
25711
- padding-inline: 24px 12px;
25712
- padding-top: 16px;
25713
- padding-bottom: 16px;
25714
- font-weight: 400;
25715
- letter-spacing: 0.1666666667em;
25868
+ @media (hover: hover) {
25869
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25870
+ transform: scale(2);
25871
+ }
25872
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25873
+ opacity: var(--v-hover-opacity);
25874
+ }
25716
25875
  }.v-slider-track__background {
25717
25876
  background-color: rgb(var(--v-theme-surface-variant));
25718
25877
  }
@@ -25891,163 +26050,4 @@ html.v-overlay-scroll-blocked {
25891
26050
 
25892
26051
  .v-slider-track__background--opacity {
25893
26052
  opacity: 0.38;
25894
- }.v-slider-thumb {
25895
- touch-action: none;
25896
- color: rgb(var(--v-theme-surface-variant));
25897
- }
25898
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25899
- color: inherit;
25900
- }
25901
-
25902
- .v-slider-thumb__label {
25903
- background: rgba(var(--v-theme-surface-variant), 0.7);
25904
- color: rgb(var(--v-theme-on-surface-variant));
25905
- }
25906
- .v-slider-thumb__label::before {
25907
- color: rgba(var(--v-theme-surface-variant), 0.7);
25908
- }
25909
-
25910
- .v-slider-thumb {
25911
- outline: none;
25912
- position: absolute;
25913
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25914
- }
25915
-
25916
- .v-slider-thumb__surface {
25917
- cursor: pointer;
25918
- width: var(--v-slider-thumb-size);
25919
- height: var(--v-slider-thumb-size);
25920
- border-radius: 50%;
25921
- -webkit-user-select: none;
25922
- user-select: none;
25923
- background-color: currentColor;
25924
- }
25925
- @media (forced-colors: active) {
25926
- .v-slider-thumb__surface {
25927
- background-color: highlight;
25928
- }
25929
- }
25930
- .v-slider-thumb__surface::before {
25931
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25932
- content: "";
25933
- color: inherit;
25934
- top: 0;
25935
- left: 0;
25936
- width: 100%;
25937
- height: 100%;
25938
- border-radius: 50%;
25939
- background: currentColor;
25940
- position: absolute;
25941
- pointer-events: none;
25942
- opacity: 0;
25943
- }
25944
- .v-slider-thumb__surface::after {
25945
- content: "";
25946
- width: 42px;
25947
- height: 42px;
25948
- position: absolute;
25949
- top: 50%;
25950
- left: 50%;
25951
- transform: translate(-50%, -50%);
25952
- }
25953
-
25954
- .v-slider-thumb__label-container {
25955
- position: absolute;
25956
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25957
- }
25958
-
25959
- .v-slider-thumb__label {
25960
- display: flex;
25961
- align-items: center;
25962
- justify-content: center;
25963
- font-size: 0.75rem;
25964
- min-width: 35px;
25965
- height: 25px;
25966
- border-radius: 4px;
25967
- padding: 6px;
25968
- position: absolute;
25969
- -webkit-user-select: none;
25970
- user-select: none;
25971
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25972
- }
25973
- .v-slider-thumb__label::before {
25974
- content: "";
25975
- width: 0;
25976
- height: 0;
25977
- position: absolute;
25978
- }
25979
-
25980
- .v-slider-thumb__ripple {
25981
- position: absolute;
25982
- left: calc(var(--v-slider-thumb-size) / -2);
25983
- top: calc(var(--v-slider-thumb-size) / -2);
25984
- width: calc(var(--v-slider-thumb-size) * 2);
25985
- height: calc(var(--v-slider-thumb-size) * 2);
25986
- background: inherit;
25987
- }
25988
-
25989
- .v-slider.v-input--horizontal .v-slider-thumb {
25990
- top: 50%;
25991
- transform: translateY(-50%);
25992
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25993
- }
25994
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25995
- left: calc(var(--v-slider-thumb-size) / 2);
25996
- top: 0;
25997
- }
25998
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25999
- bottom: calc(var(--v-slider-thumb-size) / 2);
26000
- }
26001
- .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 {
26002
- transform: translateX(-50%);
26003
- }
26004
-
26005
- .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 {
26006
- transform: translateX(50%);
26007
- }
26008
-
26009
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26010
- border-left: 6px solid transparent;
26011
- border-right: 6px solid transparent;
26012
- border-top: 6px solid currentColor;
26013
- bottom: -6px;
26014
- }
26015
-
26016
- .v-slider.v-input--vertical .v-slider-thumb {
26017
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26018
- }
26019
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26020
- top: calc(var(--v-slider-thumb-size) / 2);
26021
- right: 0;
26022
- }
26023
- .v-slider.v-input--vertical .v-slider-thumb__label {
26024
- top: -12.5px;
26025
- left: calc(var(--v-slider-thumb-size) / 2);
26026
- }
26027
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26028
- border-right: 6px solid currentColor;
26029
- border-top: 6px solid transparent;
26030
- border-bottom: 6px solid transparent;
26031
- left: -6px;
26032
- }
26033
-
26034
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26035
- transform: scale(2);
26036
- opacity: var(--v-focus-opacity);
26037
- }
26038
-
26039
- .v-slider-thumb--pressed {
26040
- transition: none;
26041
- }
26042
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26043
- opacity: var(--v-pressed-opacity);
26044
- }
26045
-
26046
- @media (hover: hover) {
26047
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26048
- transform: scale(2);
26049
- }
26050
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26051
- opacity: var(--v-hover-opacity);
26052
- }
26053
26053
  }