@vuetify/nightly 3.1.13 → 3.1.14-master-20230406.0

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 (52) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/dist/json/attributes.json +24 -4
  3. package/dist/json/importMap.json +40 -40
  4. package/dist/json/tags.json +5 -0
  5. package/dist/json/web-types.json +83 -38
  6. package/dist/vuetify-labs.css +1141 -1136
  7. package/dist/vuetify-labs.d.ts +140 -84
  8. package/dist/vuetify-labs.esm.js +29 -24
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +29 -24
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +344 -339
  13. package/dist/vuetify.d.ts +41 -11
  14. package/dist/vuetify.esm.js +13 -9
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +13 -9
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +9 -8
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.ts +6 -0
  22. package/lib/components/VCombobox/index.d.ts +6 -0
  23. package/lib/components/VProgressCircular/VProgressCircular.css +3 -1
  24. package/lib/components/VProgressCircular/VProgressCircular.sass +3 -1
  25. package/lib/components/VProgressCircular/_variables.scss +1 -0
  26. package/lib/components/VProgressLinear/VProgressLinear.css +5 -2
  27. package/lib/components/VProgressLinear/VProgressLinear.sass +3 -0
  28. package/lib/components/VProgressLinear/_variables.scss +1 -1
  29. package/lib/components/VSelect/index.d.ts +6 -0
  30. package/lib/components/VTextField/VTextField.mjs +2 -1
  31. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  32. package/lib/components/VTextField/index.d.ts +6 -0
  33. package/lib/components/VTextarea/VTextarea.mjs +8 -5
  34. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  35. package/lib/components/VTextarea/index.d.ts +6 -0
  36. package/lib/components/index.d.ts +30 -0
  37. package/lib/entry-bundler.mjs +1 -1
  38. package/lib/entry-bundler.mjs.map +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/framework.mjs.map +1 -1
  41. package/lib/index.d.ts +11 -11
  42. package/lib/labs/VDataTable/VDataTable.mjs +4 -4
  43. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  44. package/lib/labs/VDataTable/VDataTableRows.mjs +5 -7
  45. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  46. package/lib/labs/VDataTable/VDataTableServer.mjs +3 -2
  47. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  48. package/lib/labs/VDataTable/VDataTableVirtual.mjs +4 -2
  49. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  50. package/lib/labs/VDataTable/index.d.ts +110 -84
  51. package/lib/labs/components.d.ts +110 -84
  52. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.13
2
+ * Vuetify v3.1.14-master-20230406.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -15802,6 +15802,15 @@ html.overflow-y-hidden {
15802
15802
  font-weight: normal;
15803
15803
  padding: 0.2em 0.4rem;
15804
15804
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
15805
+ }.v-virtual-scroll {
15806
+ display: block;
15807
+ flex: 1 1 auto;
15808
+ max-width: 100%;
15809
+ overflow: auto;
15810
+ position: relative;
15811
+ }
15812
+ .v-virtual-scroll__container {
15813
+ display: block;
15805
15814
  }.v-data-table {
15806
15815
  width: 100%;
15807
15816
  }
@@ -16185,15 +16194,6 @@ html.overflow-y-hidden {
16185
16194
  100% {
16186
16195
  transform: translateX(100%);
16187
16196
  }
16188
- }.v-virtual-scroll {
16189
- display: block;
16190
- flex: 1 1 auto;
16191
- max-width: 100%;
16192
- overflow: auto;
16193
- position: relative;
16194
- }
16195
- .v-virtual-scroll__container {
16196
- display: block;
16197
16197
  }.v-application {
16198
16198
  display: flex;
16199
16199
  background: rgb(var(--v-theme-background));
@@ -16938,150 +16938,145 @@ html.overflow-y-hidden {
16938
16938
  padding: 0 8px;
16939
16939
  vertical-align: middle;
16940
16940
  }/** if false, disabled buttons will be greyed out */
16941
- .v-btn {
16942
- align-items: center;
16943
- border-radius: 4px;
16944
- display: inline-grid;
16945
- grid-template-areas: "prepend content append";
16946
- grid-template-columns: max-content auto max-content;
16947
- font-weight: 500;
16948
- justify-content: center;
16949
- letter-spacing: 0.0892857143em;
16950
- line-height: normal;
16941
+ .v-btn-group {
16942
+ display: inline-flex;
16943
+ flex-wrap: nowrap;
16951
16944
  max-width: 100%;
16952
- outline: none;
16953
- position: relative;
16954
- text-decoration: none;
16955
- text-indent: 0.0892857143em;
16956
- text-transform: uppercase;
16957
- transition-property: box-shadow, transform, opacity, background;
16958
- transition-duration: 0.28s;
16959
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16960
- -webkit-user-select: none;
16961
- user-select: none;
16945
+ min-width: 0;
16946
+ overflow: hidden;
16962
16947
  vertical-align: middle;
16963
- flex-shrink: 0;
16964
16948
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16965
16949
  border-style: solid;
16966
16950
  border-width: 0;
16951
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16952
+ border-radius: 4px;
16953
+ background: transparent;
16954
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16967
16955
  }
16968
- .v-btn--size-x-small {
16969
- --v-btn-size: 0.625rem;
16970
- --v-btn-height: 20px;
16971
- font-size: 0.625rem;
16972
- min-width: 36px;
16973
- padding: 0 8px;
16956
+ .v-btn-group--border {
16957
+ border-width: thin;
16958
+ box-shadow: none;
16974
16959
  }
16975
-
16976
- .v-btn--size-small {
16977
- --v-btn-size: 0.75rem;
16978
- --v-btn-height: 28px;
16979
- font-size: 0.75rem;
16980
- min-width: 50px;
16981
- padding: 0 12px;
16960
+ .v-btn-group--density-default.v-btn-group {
16961
+ height: 48px;
16982
16962
  }
16983
16963
 
16984
- .v-btn--size-default {
16985
- --v-btn-size: 0.875rem;
16986
- --v-btn-height: 36px;
16987
- font-size: 0.875rem;
16988
- min-width: 64px;
16989
- padding: 0 16px;
16964
+ .v-btn-group--density-comfortable.v-btn-group {
16965
+ height: 40px;
16990
16966
  }
16991
16967
 
16992
- .v-btn--size-large {
16993
- --v-btn-size: 1rem;
16994
- --v-btn-height: 44px;
16995
- font-size: 1rem;
16996
- min-width: 78px;
16997
- padding: 0 20px;
16968
+ .v-btn-group--density-compact.v-btn-group {
16969
+ height: 36px;
16998
16970
  }
16999
16971
 
17000
- .v-btn--size-x-large {
17001
- --v-btn-size: 1.125rem;
17002
- --v-btn-height: 52px;
17003
- font-size: 1.125rem;
17004
- min-width: 92px;
17005
- padding: 0 24px;
16972
+ .v-btn-group .v-btn {
16973
+ border-radius: 0;
16974
+ border-color: inherit;
17006
16975
  }
17007
-
17008
- .v-btn.v-btn--density-default {
17009
- height: calc(var(--v-btn-height) + 0px);
16976
+ .v-btn-group .v-btn:not(:last-child) {
16977
+ border-inline-end: none;
17010
16978
  }
17011
-
17012
- .v-btn.v-btn--density-comfortable {
17013
- height: calc(var(--v-btn-height) + -8px);
16979
+ .v-btn-group .v-btn:not(:first-child) {
16980
+ border-inline-start: none;
17014
16981
  }
17015
-
17016
- .v-btn.v-btn--density-compact {
17017
- height: calc(var(--v-btn-height) + -12px);
16982
+ .v-btn-group .v-btn:first-child {
16983
+ border-start-start-radius: inherit;
16984
+ border-end-start-radius: inherit;
17018
16985
  }
17019
-
17020
- .v-btn--border {
16986
+ .v-btn-group .v-btn:last-child {
16987
+ border-start-end-radius: inherit;
16988
+ border-end-end-radius: inherit;
16989
+ }
16990
+ .v-btn-group--divided .v-btn:not(:last-child) {
16991
+ border-inline-end-width: thin;
16992
+ border-inline-end-style: solid;
16993
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
16994
+ }
16995
+ .v-btn-group--tile {
16996
+ border-radius: 0;
16997
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
16998
+ opacity: var(--v-activated-opacity);
16999
+ }.v-card {
17000
+ display: block;
17001
+ overflow: hidden;
17002
+ overflow-wrap: break-word;
17003
+ position: relative;
17004
+ padding: 0;
17005
+ text-decoration: none;
17006
+ transition-duration: 0.28s;
17007
+ transition-property: box-shadow, opacity, background;
17008
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17009
+ z-index: 0;
17010
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17011
+ border-style: solid;
17012
+ border-width: 0;
17013
+ border-radius: 4px;
17014
+ }
17015
+ .v-card--border {
17021
17016
  border-width: thin;
17022
17017
  box-shadow: none;
17023
17018
  }
17024
- .v-btn--absolute {
17019
+ .v-card--absolute {
17025
17020
  position: absolute;
17026
17021
  }
17027
- .v-btn--fixed {
17022
+ .v-card--fixed {
17028
17023
  position: fixed;
17029
17024
  }
17030
- .v-btn:hover > .v-btn__overlay {
17025
+ .v-card:hover > .v-card__overlay {
17031
17026
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17032
17027
  }
17033
- .v-btn:focus-visible > .v-btn__overlay {
17028
+ .v-card:focus-visible > .v-card__overlay {
17034
17029
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17035
17030
  }
17036
17031
  @supports not selector(:focus-visible) {
17037
- .v-btn:focus > .v-btn__overlay {
17032
+ .v-card:focus > .v-card__overlay {
17038
17033
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17039
17034
  }
17040
17035
  }
17041
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17036
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17042
17037
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17043
17038
  }
17044
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17039
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17045
17040
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17046
17041
  }
17047
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17042
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17048
17043
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17049
17044
  }
17050
17045
  @supports not selector(:focus-visible) {
17051
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17046
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17052
17047
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17053
17048
  }
17054
17049
  }
17055
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17050
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17056
17051
  background: transparent;
17057
17052
  color: inherit;
17058
17053
  }
17059
- .v-btn--variant-plain {
17054
+ .v-card--variant-plain {
17060
17055
  opacity: 0.62;
17061
17056
  }
17062
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17057
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17063
17058
  opacity: 1;
17064
17059
  }
17065
- .v-btn--variant-plain .v-btn__overlay {
17060
+ .v-card--variant-plain .v-card__overlay {
17066
17061
  display: none;
17067
17062
  }
17068
- .v-btn--variant-elevated, .v-btn--variant-flat {
17063
+ .v-card--variant-elevated, .v-card--variant-flat {
17069
17064
  background: rgb(var(--v-theme-surface));
17070
17065
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17071
17066
  }
17072
- .v-btn--variant-elevated {
17073
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17067
+ .v-card--variant-elevated {
17068
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17074
17069
  }
17075
- .v-btn--variant-flat {
17070
+ .v-card--variant-flat {
17076
17071
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17077
17072
  }
17078
- .v-btn--variant-outlined {
17073
+ .v-card--variant-outlined {
17079
17074
  border: thin solid currentColor;
17080
17075
  }
17081
- .v-btn--variant-text .v-btn__overlay {
17076
+ .v-card--variant-text .v-card__overlay {
17082
17077
  background: currentColor;
17083
17078
  }
17084
- .v-btn--variant-tonal .v-btn__underlay {
17079
+ .v-card--variant-tonal .v-card__underlay {
17085
17080
  background: currentColor;
17086
17081
  opacity: var(--v-activated-opacity);
17087
17082
  border-radius: inherit;
@@ -17092,399 +17087,350 @@ html.overflow-y-hidden {
17092
17087
  left: 0;
17093
17088
  pointer-events: none;
17094
17089
  }
17095
- @supports selector(:focus-visible) {
17096
- .v-btn::after {
17097
- content: "";
17098
- position: absolute;
17099
- top: 0;
17100
- left: 0;
17101
- width: 100%;
17102
- height: 100%;
17103
- pointer-events: none;
17104
- border: 2px solid currentColor;
17105
- border-radius: inherit;
17106
- opacity: 0;
17107
- transition: opacity 0.2s ease-in-out;
17108
- }
17109
- .v-btn:focus-visible::after {
17110
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17111
- }
17112
- }
17113
- .v-btn--icon {
17114
- border-radius: 50%;
17115
- min-width: 0;
17116
- padding: 0;
17090
+ .v-card--disabled {
17091
+ pointer-events: none;
17092
+ -webkit-user-select: none;
17093
+ user-select: none;
17117
17094
  }
17118
- .v-btn--icon.v-btn--size-default {
17119
- font-size: 1rem;
17095
+ .v-card--disabled > :not(.v-card__loader) {
17096
+ opacity: 0.6;
17120
17097
  }
17121
- .v-btn--icon.v-btn--density-default {
17122
- width: calc(var(--v-btn-height) + 12px);
17123
- height: calc(var(--v-btn-height) + 12px);
17098
+ .v-card--flat {
17099
+ box-shadow: none;
17124
17100
  }
17125
- .v-btn--icon.v-btn--density-comfortable {
17126
- width: calc(var(--v-btn-height) + 0px);
17127
- height: calc(var(--v-btn-height) + 0px);
17101
+ .v-card--hover {
17102
+ cursor: pointer;
17103
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17128
17104
  }
17129
- .v-btn--icon.v-btn--density-compact {
17130
- width: calc(var(--v-btn-height) + -8px);
17131
- height: calc(var(--v-btn-height) + -8px);
17105
+ .v-card--hover::before, .v-card--hover::after {
17106
+ border-radius: inherit;
17107
+ bottom: 0;
17108
+ content: "";
17109
+ display: block;
17110
+ left: 0;
17111
+ pointer-events: none;
17112
+ position: absolute;
17113
+ right: 0;
17114
+ top: 0;
17115
+ transition: inherit;
17132
17116
  }
17133
-
17134
- .v-btn--elevated:hover, .v-btn--elevated:focus {
17135
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17117
+ .v-card--hover::before {
17118
+ opacity: 1;
17119
+ z-index: -1;
17120
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17136
17121
  }
17137
- .v-btn--elevated:active {
17122
+ .v-card--hover::after {
17123
+ z-index: 1;
17124
+ opacity: 0;
17138
17125
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17139
17126
  }
17140
- .v-btn--flat {
17141
- box-shadow: none;
17127
+ .v-card--hover:hover::after {
17128
+ opacity: 1;
17142
17129
  }
17143
- .v-btn--block {
17144
- display: flex;
17145
- flex: 1 0 auto;
17146
- min-width: 100%;
17130
+ .v-card--hover:hover::before {
17131
+ opacity: 0;
17147
17132
  }
17148
- .v-btn--disabled {
17149
- pointer-events: none;
17150
- opacity: 0.26;
17133
+ .v-card--link {
17134
+ cursor: pointer;
17151
17135
  }
17152
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17153
- box-shadow: none;
17154
- opacity: 1;
17155
- color: rgba(var(--v-theme-on-surface), 0.26);
17156
- background: rgb(var(--v-theme-surface));
17136
+
17137
+ .v-card-actions {
17138
+ align-items: center;
17139
+ display: flex;
17140
+ flex: none;
17141
+ min-height: 52px;
17142
+ padding: 0.5rem;
17157
17143
  }
17158
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17159
- opacity: 0.4615384615;
17144
+
17145
+ .v-card-item {
17146
+ align-items: center;
17147
+ display: grid;
17148
+ flex: none;
17149
+ grid-template-areas: "prepend content append";
17150
+ grid-template-columns: max-content auto max-content;
17151
+ padding: 0.625rem 1rem;
17160
17152
  }
17161
- .v-btn--loading {
17162
- pointer-events: none;
17153
+ .v-card-item + .v-card-text {
17154
+ padding-top: 0;
17163
17155
  }
17164
- .v-btn--loading .v-btn__content,
17165
- .v-btn--loading .v-btn__prepend,
17166
- .v-btn--loading .v-btn__append {
17167
- opacity: 0;
17156
+ .v-card-item__prepend {
17157
+ grid-area: prepend;
17158
+ padding-inline-end: 1rem;
17168
17159
  }
17169
- .v-btn--stacked {
17170
- grid-template-areas: "prepend" "content" "append";
17171
- grid-template-columns: auto;
17172
- grid-template-rows: max-content max-content max-content;
17173
- justify-items: center;
17174
- align-content: center;
17160
+ .v-card-item__append {
17161
+ grid-area: append;
17162
+ padding-inline-start: 1rem;
17175
17163
  }
17176
- .v-btn--stacked .v-btn__content {
17177
- flex-direction: column;
17178
- line-height: 1.25;
17164
+
17165
+ .v-card-item__content {
17166
+ align-self: center;
17167
+ grid-area: content;
17168
+ overflow: hidden;
17179
17169
  }
17180
- .v-btn--stacked .v-btn__prepend,
17181
- .v-btn--stacked .v-btn__append,
17182
- .v-btn--stacked .v-btn__content > .v-icon--start,
17183
- .v-btn--stacked .v-btn__content > .v-icon--end {
17184
- margin-inline-start: 0;
17185
- margin-inline-end: 0;
17170
+
17171
+ .v-card-title {
17172
+ display: block;
17173
+ flex: none;
17174
+ font-size: 1.25rem;
17175
+ font-weight: 500;
17176
+ -webkit-hyphens: auto;
17177
+ hyphens: auto;
17178
+ letter-spacing: 0.0125em;
17179
+ min-width: 0;
17180
+ overflow-wrap: normal;
17181
+ overflow: hidden;
17182
+ padding: 0.5rem 1rem;
17183
+ text-overflow: ellipsis;
17184
+ text-transform: none;
17185
+ white-space: nowrap;
17186
+ word-break: normal;
17187
+ word-wrap: break-word;
17186
17188
  }
17187
- .v-btn--stacked .v-btn__prepend,
17188
- .v-btn--stacked .v-btn__content > .v-icon--start {
17189
- margin-bottom: 4px;
17189
+ .v-card .v-card-title {
17190
+ line-height: 2rem;
17190
17191
  }
17191
- .v-btn--stacked .v-btn__append,
17192
- .v-btn--stacked .v-btn__content > .v-icon--end {
17193
- margin-top: 4px;
17192
+ .v-card--density-comfortable .v-card-title {
17193
+ line-height: 1.75rem;
17194
17194
  }
17195
- .v-btn--stacked.v-btn--size-x-small {
17196
- --v-btn-size: 0.625rem;
17197
- --v-btn-height: 56px;
17198
- font-size: 0.625rem;
17199
- min-width: 56px;
17200
- padding: 0 12px;
17195
+ .v-card--density-compact .v-card-title {
17196
+ line-height: 1.55rem;
17201
17197
  }
17202
-
17203
- .v-btn--stacked.v-btn--size-small {
17204
- --v-btn-size: 0.75rem;
17205
- --v-btn-height: 64px;
17206
- font-size: 0.75rem;
17207
- min-width: 64px;
17208
- padding: 0 14px;
17198
+ .v-card-item .v-card-title {
17199
+ padding: 0;
17209
17200
  }
17210
-
17211
- .v-btn--stacked.v-btn--size-default {
17212
- --v-btn-size: 0.875rem;
17213
- --v-btn-height: 72px;
17214
- font-size: 0.875rem;
17215
- min-width: 72px;
17216
- padding: 0 16px;
17201
+ .v-card-title + .v-card-text,
17202
+ .v-card-title + .v-card-actions {
17203
+ padding-top: 0;
17217
17204
  }
17218
17205
 
17219
- .v-btn--stacked.v-btn--size-large {
17220
- --v-btn-size: 1rem;
17221
- --v-btn-height: 80px;
17222
- font-size: 1rem;
17223
- min-width: 80px;
17224
- padding: 0 18px;
17206
+ .v-card-subtitle {
17207
+ display: block;
17208
+ flex: none;
17209
+ font-size: 0.875rem;
17210
+ font-weight: 400;
17211
+ letter-spacing: 0.0178571429em;
17212
+ opacity: var(--v-medium-emphasis-opacity);
17213
+ overflow: hidden;
17214
+ padding: 0 1rem;
17215
+ text-overflow: ellipsis;
17216
+ text-transform: none;
17217
+ white-space: nowrap;
17225
17218
  }
17226
-
17227
- .v-btn--stacked.v-btn--size-x-large {
17228
- --v-btn-size: 1.125rem;
17229
- --v-btn-height: 88px;
17230
- font-size: 1.125rem;
17231
- min-width: 88px;
17232
- padding: 0 20px;
17219
+ .v-card .v-card-subtitle {
17220
+ line-height: 1.25rem;
17233
17221
  }
17234
-
17235
- .v-btn--stacked.v-btn--density-default {
17236
- height: calc(var(--v-btn-height) + 0px);
17222
+ .v-card--density-comfortable .v-card-subtitle {
17223
+ line-height: 1.125rem;
17237
17224
  }
17238
-
17239
- .v-btn--stacked.v-btn--density-comfortable {
17240
- height: calc(var(--v-btn-height) + -16px);
17225
+ .v-card--density-compact .v-card-subtitle {
17226
+ line-height: 1rem;
17241
17227
  }
17242
-
17243
- .v-btn--stacked.v-btn--density-compact {
17244
- height: calc(var(--v-btn-height) + -24px);
17228
+ .v-card-item .v-card-subtitle {
17229
+ padding: 0 0 0.25rem;
17245
17230
  }
17246
17231
 
17247
- .v-btn--rounded {
17248
- border-radius: 24px;
17232
+ .v-card-text {
17233
+ flex: 1 1 auto;
17234
+ font-size: 0.875rem;
17235
+ font-weight: 400;
17236
+ letter-spacing: 0.0178571429em;
17237
+ padding: 1rem;
17238
+ text-transform: none;
17249
17239
  }
17250
- .v-btn .v-icon {
17251
- --v-icon-size-multiplier: 0.8571428571;
17240
+ .v-card .v-card-text {
17241
+ line-height: 1.25rem;
17252
17242
  }
17253
- .v-btn--icon .v-icon {
17254
- --v-icon-size-multiplier: 1;
17243
+ .v-card--density-comfortable .v-card-text {
17244
+ line-height: 1.2rem;
17255
17245
  }
17256
- .v-btn--stacked .v-icon {
17257
- --v-icon-size-multiplier: 1.1428571429;
17246
+ .v-card--density-compact .v-card-text {
17247
+ line-height: 1.15rem;
17258
17248
  }
17259
17249
 
17260
- .v-btn__loader {
17261
- align-items: center;
17250
+ .v-card__image {
17262
17251
  display: flex;
17263
17252
  height: 100%;
17264
- justify-content: center;
17253
+ flex: 1 1 auto;
17265
17254
  left: 0;
17255
+ overflow: hidden;
17266
17256
  position: absolute;
17267
17257
  top: 0;
17268
17258
  width: 100%;
17259
+ z-index: -1;
17269
17260
  }
17270
17261
 
17271
- .v-btn__content,
17272
- .v-btn__prepend,
17273
- .v-btn__append {
17274
- align-items: center;
17275
- display: flex;
17276
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17277
- }
17278
-
17279
- .v-btn__prepend {
17280
- grid-area: prepend;
17281
- margin-inline-start: calc(var(--v-btn-height) / -9);
17282
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17283
- }
17284
-
17285
- .v-btn__append {
17286
- grid-area: append;
17287
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17288
- margin-inline-end: calc(var(--v-btn-height) / -9);
17262
+ .v-card__content {
17263
+ border-radius: inherit;
17264
+ overflow: hidden;
17265
+ position: relative;
17289
17266
  }
17290
17267
 
17291
- .v-btn__content {
17292
- grid-area: content;
17293
- justify-content: center;
17294
- white-space: nowrap;
17295
- }
17296
- .v-btn__content > .v-icon--start {
17297
- margin-inline-start: calc(var(--v-btn-height) / -9);
17298
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17299
- }
17300
- .v-btn__content > .v-icon--end {
17301
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17302
- margin-inline-end: calc(var(--v-btn-height) / -9);
17303
- }
17304
- .v-btn--stacked .v-btn__content {
17305
- white-space: normal;
17268
+ .v-card__loader {
17269
+ bottom: auto;
17270
+ top: 0;
17271
+ left: 0;
17272
+ position: absolute;
17273
+ right: 0;
17274
+ width: 100%;
17275
+ z-index: 1;
17306
17276
  }
17307
17277
 
17308
- .v-btn__overlay {
17278
+ .v-card__overlay {
17309
17279
  background-color: currentColor;
17310
17280
  border-radius: inherit;
17311
- opacity: 0;
17312
- transition: opacity 0.2s ease-in-out;
17313
- }
17314
-
17315
- .v-btn__overlay,
17316
- .v-btn__underlay {
17317
17281
  position: absolute;
17318
17282
  top: 0;
17283
+ right: 0;
17284
+ bottom: 0;
17319
17285
  left: 0;
17320
- width: 100%;
17321
- height: 100%;
17322
17286
  pointer-events: none;
17323
- }
17324
-
17325
- .v-card-actions .v-btn {
17326
- padding: 0 8px;
17327
- }
17328
- .v-card-actions .v-btn ~ .v-btn {
17329
- margin-inline-start: 0.5rem;
17330
- }
17331
-
17332
- .v-banner-actions .v-btn {
17333
- padding: 0 8px;
17334
- }
17335
-
17336
- .v-pagination .v-btn {
17337
- border-radius: 4px;
17338
- }
17339
- .v-btn__overlay {
17340
- transition: none;
17341
- }
17342
- .v-pagination__item--is-active .v-btn__overlay {
17343
- opacity: var(--v-border-opacity);
17344
- }
17345
-
17346
- .v-snackbar-actions .v-btn {
17347
- padding: 0 8px;
17287
+ opacity: 0;
17288
+ transition: opacity 0.2s ease-in-out;
17348
17289
  }/** if false, disabled buttons will be greyed out */
17349
- .v-btn-group {
17350
- display: inline-flex;
17351
- flex-wrap: nowrap;
17290
+ .v-btn {
17291
+ align-items: center;
17292
+ border-radius: 4px;
17293
+ display: inline-grid;
17294
+ grid-template-areas: "prepend content append";
17295
+ grid-template-columns: max-content auto max-content;
17296
+ font-weight: 500;
17297
+ justify-content: center;
17298
+ letter-spacing: 0.0892857143em;
17299
+ line-height: normal;
17352
17300
  max-width: 100%;
17353
- min-width: 0;
17354
- overflow: hidden;
17301
+ outline: none;
17302
+ position: relative;
17303
+ text-decoration: none;
17304
+ text-indent: 0.0892857143em;
17305
+ text-transform: uppercase;
17306
+ transition-property: box-shadow, transform, opacity, background;
17307
+ transition-duration: 0.28s;
17308
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17309
+ -webkit-user-select: none;
17310
+ user-select: none;
17355
17311
  vertical-align: middle;
17312
+ flex-shrink: 0;
17356
17313
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17357
17314
  border-style: solid;
17358
17315
  border-width: 0;
17359
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17360
- border-radius: 4px;
17361
- background: transparent;
17362
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17363
17316
  }
17364
- .v-btn-group--border {
17365
- border-width: thin;
17366
- box-shadow: none;
17367
- }
17368
- .v-btn-group--density-default.v-btn-group {
17369
- height: 48px;
17317
+ .v-btn--size-x-small {
17318
+ --v-btn-size: 0.625rem;
17319
+ --v-btn-height: 20px;
17320
+ font-size: 0.625rem;
17321
+ min-width: 36px;
17322
+ padding: 0 8px;
17370
17323
  }
17371
17324
 
17372
- .v-btn-group--density-comfortable.v-btn-group {
17373
- height: 40px;
17325
+ .v-btn--size-small {
17326
+ --v-btn-size: 0.75rem;
17327
+ --v-btn-height: 28px;
17328
+ font-size: 0.75rem;
17329
+ min-width: 50px;
17330
+ padding: 0 12px;
17374
17331
  }
17375
17332
 
17376
- .v-btn-group--density-compact.v-btn-group {
17377
- height: 36px;
17333
+ .v-btn--size-default {
17334
+ --v-btn-size: 0.875rem;
17335
+ --v-btn-height: 36px;
17336
+ font-size: 0.875rem;
17337
+ min-width: 64px;
17338
+ padding: 0 16px;
17378
17339
  }
17379
17340
 
17380
- .v-btn-group .v-btn {
17381
- border-radius: 0;
17382
- border-color: inherit;
17383
- }
17384
- .v-btn-group .v-btn:not(:last-child) {
17385
- border-inline-end: none;
17386
- }
17387
- .v-btn-group .v-btn:not(:first-child) {
17388
- border-inline-start: none;
17341
+ .v-btn--size-large {
17342
+ --v-btn-size: 1rem;
17343
+ --v-btn-height: 44px;
17344
+ font-size: 1rem;
17345
+ min-width: 78px;
17346
+ padding: 0 20px;
17389
17347
  }
17390
- .v-btn-group .v-btn:first-child {
17391
- border-start-start-radius: inherit;
17392
- border-end-start-radius: inherit;
17348
+
17349
+ .v-btn--size-x-large {
17350
+ --v-btn-size: 1.125rem;
17351
+ --v-btn-height: 52px;
17352
+ font-size: 1.125rem;
17353
+ min-width: 92px;
17354
+ padding: 0 24px;
17393
17355
  }
17394
- .v-btn-group .v-btn:last-child {
17395
- border-start-end-radius: inherit;
17396
- border-end-end-radius: inherit;
17356
+
17357
+ .v-btn.v-btn--density-default {
17358
+ height: calc(var(--v-btn-height) + 0px);
17397
17359
  }
17398
- .v-btn-group--divided .v-btn:not(:last-child) {
17399
- border-inline-end-width: thin;
17400
- border-inline-end-style: solid;
17401
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17360
+
17361
+ .v-btn.v-btn--density-comfortable {
17362
+ height: calc(var(--v-btn-height) + -8px);
17402
17363
  }
17403
- .v-btn-group--tile {
17404
- border-radius: 0;
17405
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17406
- opacity: var(--v-activated-opacity);
17407
- }.v-card {
17408
- display: block;
17409
- overflow: hidden;
17410
- overflow-wrap: break-word;
17411
- position: relative;
17412
- padding: 0;
17413
- text-decoration: none;
17414
- transition-duration: 0.28s;
17415
- transition-property: box-shadow, opacity, background;
17416
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17417
- z-index: 0;
17418
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17419
- border-style: solid;
17420
- border-width: 0;
17421
- border-radius: 4px;
17364
+
17365
+ .v-btn.v-btn--density-compact {
17366
+ height: calc(var(--v-btn-height) + -12px);
17422
17367
  }
17423
- .v-card--border {
17368
+
17369
+ .v-btn--border {
17424
17370
  border-width: thin;
17425
17371
  box-shadow: none;
17426
17372
  }
17427
- .v-card--absolute {
17373
+ .v-btn--absolute {
17428
17374
  position: absolute;
17429
17375
  }
17430
- .v-card--fixed {
17376
+ .v-btn--fixed {
17431
17377
  position: fixed;
17432
17378
  }
17433
- .v-card:hover > .v-card__overlay {
17379
+ .v-btn:hover > .v-btn__overlay {
17434
17380
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17435
17381
  }
17436
- .v-card:focus-visible > .v-card__overlay {
17382
+ .v-btn:focus-visible > .v-btn__overlay {
17437
17383
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17438
17384
  }
17439
17385
  @supports not selector(:focus-visible) {
17440
- .v-card:focus > .v-card__overlay {
17386
+ .v-btn:focus > .v-btn__overlay {
17441
17387
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17442
17388
  }
17443
17389
  }
17444
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17390
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17445
17391
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17446
17392
  }
17447
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17393
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17448
17394
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17449
17395
  }
17450
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17396
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17451
17397
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17452
17398
  }
17453
17399
  @supports not selector(:focus-visible) {
17454
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17400
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17455
17401
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17456
17402
  }
17457
17403
  }
17458
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17404
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17459
17405
  background: transparent;
17460
17406
  color: inherit;
17461
17407
  }
17462
- .v-card--variant-plain {
17408
+ .v-btn--variant-plain {
17463
17409
  opacity: 0.62;
17464
17410
  }
17465
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17411
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17466
17412
  opacity: 1;
17467
17413
  }
17468
- .v-card--variant-plain .v-card__overlay {
17414
+ .v-btn--variant-plain .v-btn__overlay {
17469
17415
  display: none;
17470
17416
  }
17471
- .v-card--variant-elevated, .v-card--variant-flat {
17417
+ .v-btn--variant-elevated, .v-btn--variant-flat {
17472
17418
  background: rgb(var(--v-theme-surface));
17473
17419
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17474
17420
  }
17475
- .v-card--variant-elevated {
17476
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17421
+ .v-btn--variant-elevated {
17422
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17477
17423
  }
17478
- .v-card--variant-flat {
17424
+ .v-btn--variant-flat {
17479
17425
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17480
17426
  }
17481
- .v-card--variant-outlined {
17427
+ .v-btn--variant-outlined {
17482
17428
  border: thin solid currentColor;
17483
17429
  }
17484
- .v-card--variant-text .v-card__overlay {
17430
+ .v-btn--variant-text .v-btn__overlay {
17485
17431
  background: currentColor;
17486
17432
  }
17487
- .v-card--variant-tonal .v-card__underlay {
17433
+ .v-btn--variant-tonal .v-btn__underlay {
17488
17434
  background: currentColor;
17489
17435
  opacity: var(--v-activated-opacity);
17490
17436
  border-radius: inherit;
@@ -17495,205 +17441,259 @@ html.overflow-y-hidden {
17495
17441
  left: 0;
17496
17442
  pointer-events: none;
17497
17443
  }
17498
- .v-card--disabled {
17499
- pointer-events: none;
17500
- -webkit-user-select: none;
17501
- user-select: none;
17444
+ @supports selector(:focus-visible) {
17445
+ .v-btn::after {
17446
+ content: "";
17447
+ position: absolute;
17448
+ top: 0;
17449
+ left: 0;
17450
+ width: 100%;
17451
+ height: 100%;
17452
+ pointer-events: none;
17453
+ border: 2px solid currentColor;
17454
+ border-radius: inherit;
17455
+ opacity: 0;
17456
+ transition: opacity 0.2s ease-in-out;
17457
+ }
17458
+ .v-btn:focus-visible::after {
17459
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17460
+ }
17502
17461
  }
17503
- .v-card--disabled > :not(.v-card__loader) {
17504
- opacity: 0.6;
17462
+ .v-btn--icon {
17463
+ border-radius: 50%;
17464
+ min-width: 0;
17465
+ padding: 0;
17466
+ }
17467
+ .v-btn--icon.v-btn--size-default {
17468
+ font-size: 1rem;
17469
+ }
17470
+ .v-btn--icon.v-btn--density-default {
17471
+ width: calc(var(--v-btn-height) + 12px);
17472
+ height: calc(var(--v-btn-height) + 12px);
17473
+ }
17474
+ .v-btn--icon.v-btn--density-comfortable {
17475
+ width: calc(var(--v-btn-height) + 0px);
17476
+ height: calc(var(--v-btn-height) + 0px);
17477
+ }
17478
+ .v-btn--icon.v-btn--density-compact {
17479
+ width: calc(var(--v-btn-height) + -8px);
17480
+ height: calc(var(--v-btn-height) + -8px);
17481
+ }
17482
+
17483
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
17484
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17485
+ }
17486
+ .v-btn--elevated:active {
17487
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17505
17488
  }
17506
- .v-card--flat {
17489
+ .v-btn--flat {
17507
17490
  box-shadow: none;
17508
17491
  }
17509
- .v-card--hover {
17510
- cursor: pointer;
17511
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17492
+ .v-btn--block {
17493
+ display: flex;
17494
+ flex: 1 0 auto;
17495
+ min-width: 100%;
17512
17496
  }
17513
- .v-card--hover::before, .v-card--hover::after {
17514
- border-radius: inherit;
17515
- bottom: 0;
17516
- content: "";
17517
- display: block;
17518
- left: 0;
17497
+ .v-btn--disabled {
17519
17498
  pointer-events: none;
17520
- position: absolute;
17521
- right: 0;
17522
- top: 0;
17523
- transition: inherit;
17499
+ opacity: 0.26;
17524
17500
  }
17525
- .v-card--hover::before {
17501
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17502
+ box-shadow: none;
17526
17503
  opacity: 1;
17527
- z-index: -1;
17528
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17504
+ color: rgba(var(--v-theme-on-surface), 0.26);
17505
+ background: rgb(var(--v-theme-surface));
17529
17506
  }
17530
- .v-card--hover::after {
17531
- z-index: 1;
17532
- opacity: 0;
17533
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17507
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17508
+ opacity: 0.4615384615;
17534
17509
  }
17535
- .v-card--hover:hover::after {
17536
- opacity: 1;
17510
+ .v-btn--loading {
17511
+ pointer-events: none;
17537
17512
  }
17538
- .v-card--hover:hover::before {
17513
+ .v-btn--loading .v-btn__content,
17514
+ .v-btn--loading .v-btn__prepend,
17515
+ .v-btn--loading .v-btn__append {
17539
17516
  opacity: 0;
17540
17517
  }
17541
- .v-card--link {
17542
- cursor: pointer;
17518
+ .v-btn--stacked {
17519
+ grid-template-areas: "prepend" "content" "append";
17520
+ grid-template-columns: auto;
17521
+ grid-template-rows: max-content max-content max-content;
17522
+ justify-items: center;
17523
+ align-content: center;
17543
17524
  }
17544
-
17545
- .v-card-actions {
17546
- align-items: center;
17547
- display: flex;
17548
- flex: none;
17549
- min-height: 52px;
17550
- padding: 0.5rem;
17525
+ .v-btn--stacked .v-btn__content {
17526
+ flex-direction: column;
17527
+ line-height: 1.25;
17551
17528
  }
17552
-
17553
- .v-card-item {
17554
- align-items: center;
17555
- display: grid;
17556
- flex: none;
17557
- grid-template-areas: "prepend content append";
17558
- grid-template-columns: max-content auto max-content;
17559
- padding: 0.625rem 1rem;
17529
+ .v-btn--stacked .v-btn__prepend,
17530
+ .v-btn--stacked .v-btn__append,
17531
+ .v-btn--stacked .v-btn__content > .v-icon--start,
17532
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17533
+ margin-inline-start: 0;
17534
+ margin-inline-end: 0;
17560
17535
  }
17561
- .v-card-item + .v-card-text {
17562
- padding-top: 0;
17536
+ .v-btn--stacked .v-btn__prepend,
17537
+ .v-btn--stacked .v-btn__content > .v-icon--start {
17538
+ margin-bottom: 4px;
17563
17539
  }
17564
- .v-card-item__prepend {
17565
- grid-area: prepend;
17566
- padding-inline-end: 1rem;
17540
+ .v-btn--stacked .v-btn__append,
17541
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17542
+ margin-top: 4px;
17567
17543
  }
17568
- .v-card-item__append {
17569
- grid-area: append;
17570
- padding-inline-start: 1rem;
17544
+ .v-btn--stacked.v-btn--size-x-small {
17545
+ --v-btn-size: 0.625rem;
17546
+ --v-btn-height: 56px;
17547
+ font-size: 0.625rem;
17548
+ min-width: 56px;
17549
+ padding: 0 12px;
17571
17550
  }
17572
17551
 
17573
- .v-card-item__content {
17574
- align-self: center;
17575
- grid-area: content;
17576
- overflow: hidden;
17552
+ .v-btn--stacked.v-btn--size-small {
17553
+ --v-btn-size: 0.75rem;
17554
+ --v-btn-height: 64px;
17555
+ font-size: 0.75rem;
17556
+ min-width: 64px;
17557
+ padding: 0 14px;
17577
17558
  }
17578
17559
 
17579
- .v-card-title {
17580
- display: block;
17581
- flex: none;
17582
- font-size: 1.25rem;
17583
- font-weight: 500;
17584
- -webkit-hyphens: auto;
17585
- hyphens: auto;
17586
- letter-spacing: 0.0125em;
17587
- min-width: 0;
17588
- overflow-wrap: normal;
17589
- overflow: hidden;
17590
- padding: 0.5rem 1rem;
17591
- text-overflow: ellipsis;
17592
- text-transform: none;
17593
- white-space: nowrap;
17594
- word-break: normal;
17595
- word-wrap: break-word;
17596
- }
17597
- .v-card .v-card-title {
17598
- line-height: 2rem;
17599
- }
17600
- .v-card--density-comfortable .v-card-title {
17601
- line-height: 1.75rem;
17602
- }
17603
- .v-card--density-compact .v-card-title {
17604
- line-height: 1.55rem;
17605
- }
17606
- .v-card-item .v-card-title {
17607
- padding: 0;
17608
- }
17609
- .v-card-title + .v-card-text,
17610
- .v-card-title + .v-card-actions {
17611
- padding-top: 0;
17560
+ .v-btn--stacked.v-btn--size-default {
17561
+ --v-btn-size: 0.875rem;
17562
+ --v-btn-height: 72px;
17563
+ font-size: 0.875rem;
17564
+ min-width: 72px;
17565
+ padding: 0 16px;
17612
17566
  }
17613
17567
 
17614
- .v-card-subtitle {
17615
- display: block;
17616
- flex: none;
17617
- font-size: 0.875rem;
17618
- font-weight: 400;
17619
- letter-spacing: 0.0178571429em;
17620
- opacity: var(--v-medium-emphasis-opacity);
17621
- overflow: hidden;
17622
- padding: 0 1rem;
17623
- text-overflow: ellipsis;
17624
- text-transform: none;
17625
- white-space: nowrap;
17568
+ .v-btn--stacked.v-btn--size-large {
17569
+ --v-btn-size: 1rem;
17570
+ --v-btn-height: 80px;
17571
+ font-size: 1rem;
17572
+ min-width: 80px;
17573
+ padding: 0 18px;
17626
17574
  }
17627
- .v-card .v-card-subtitle {
17628
- line-height: 1.25rem;
17575
+
17576
+ .v-btn--stacked.v-btn--size-x-large {
17577
+ --v-btn-size: 1.125rem;
17578
+ --v-btn-height: 88px;
17579
+ font-size: 1.125rem;
17580
+ min-width: 88px;
17581
+ padding: 0 20px;
17629
17582
  }
17630
- .v-card--density-comfortable .v-card-subtitle {
17631
- line-height: 1.125rem;
17583
+
17584
+ .v-btn--stacked.v-btn--density-default {
17585
+ height: calc(var(--v-btn-height) + 0px);
17632
17586
  }
17633
- .v-card--density-compact .v-card-subtitle {
17634
- line-height: 1rem;
17587
+
17588
+ .v-btn--stacked.v-btn--density-comfortable {
17589
+ height: calc(var(--v-btn-height) + -16px);
17635
17590
  }
17636
- .v-card-item .v-card-subtitle {
17637
- padding: 0 0 0.25rem;
17591
+
17592
+ .v-btn--stacked.v-btn--density-compact {
17593
+ height: calc(var(--v-btn-height) + -24px);
17638
17594
  }
17639
17595
 
17640
- .v-card-text {
17641
- flex: 1 1 auto;
17642
- font-size: 0.875rem;
17643
- font-weight: 400;
17644
- letter-spacing: 0.0178571429em;
17645
- padding: 1rem;
17646
- text-transform: none;
17596
+ .v-btn--rounded {
17597
+ border-radius: 24px;
17647
17598
  }
17648
- .v-card .v-card-text {
17649
- line-height: 1.25rem;
17599
+ .v-btn .v-icon {
17600
+ --v-icon-size-multiplier: 0.8571428571;
17650
17601
  }
17651
- .v-card--density-comfortable .v-card-text {
17652
- line-height: 1.2rem;
17602
+ .v-btn--icon .v-icon {
17603
+ --v-icon-size-multiplier: 1;
17653
17604
  }
17654
- .v-card--density-compact .v-card-text {
17655
- line-height: 1.15rem;
17605
+ .v-btn--stacked .v-icon {
17606
+ --v-icon-size-multiplier: 1.1428571429;
17656
17607
  }
17657
17608
 
17658
- .v-card__image {
17609
+ .v-btn__loader {
17610
+ align-items: center;
17659
17611
  display: flex;
17660
17612
  height: 100%;
17661
- flex: 1 1 auto;
17613
+ justify-content: center;
17662
17614
  left: 0;
17663
- overflow: hidden;
17664
17615
  position: absolute;
17665
17616
  top: 0;
17666
17617
  width: 100%;
17667
- z-index: -1;
17668
17618
  }
17669
17619
 
17670
- .v-card__content {
17671
- border-radius: inherit;
17672
- overflow: hidden;
17673
- position: relative;
17620
+ .v-btn__content,
17621
+ .v-btn__prepend,
17622
+ .v-btn__append {
17623
+ align-items: center;
17624
+ display: flex;
17625
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17674
17626
  }
17675
17627
 
17676
- .v-card__loader {
17677
- bottom: auto;
17678
- top: 0;
17679
- left: 0;
17680
- position: absolute;
17681
- right: 0;
17682
- width: 100%;
17683
- z-index: 1;
17628
+ .v-btn__prepend {
17629
+ grid-area: prepend;
17630
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17631
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17632
+ }
17633
+
17634
+ .v-btn__append {
17635
+ grid-area: append;
17636
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17637
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17638
+ }
17639
+
17640
+ .v-btn__content {
17641
+ grid-area: content;
17642
+ justify-content: center;
17643
+ white-space: nowrap;
17644
+ }
17645
+ .v-btn__content > .v-icon--start {
17646
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17647
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17648
+ }
17649
+ .v-btn__content > .v-icon--end {
17650
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17651
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17652
+ }
17653
+ .v-btn--stacked .v-btn__content {
17654
+ white-space: normal;
17684
17655
  }
17685
17656
 
17686
- .v-card__overlay {
17657
+ .v-btn__overlay {
17687
17658
  background-color: currentColor;
17688
17659
  border-radius: inherit;
17660
+ opacity: 0;
17661
+ transition: opacity 0.2s ease-in-out;
17662
+ }
17663
+
17664
+ .v-btn__overlay,
17665
+ .v-btn__underlay {
17689
17666
  position: absolute;
17690
17667
  top: 0;
17691
- right: 0;
17692
- bottom: 0;
17693
17668
  left: 0;
17669
+ width: 100%;
17670
+ height: 100%;
17694
17671
  pointer-events: none;
17695
- opacity: 0;
17696
- transition: opacity 0.2s ease-in-out;
17672
+ }
17673
+
17674
+ .v-card-actions .v-btn {
17675
+ padding: 0 8px;
17676
+ }
17677
+ .v-card-actions .v-btn ~ .v-btn {
17678
+ margin-inline-start: 0.5rem;
17679
+ }
17680
+
17681
+ .v-banner-actions .v-btn {
17682
+ padding: 0 8px;
17683
+ }
17684
+
17685
+ .v-pagination .v-btn {
17686
+ border-radius: 4px;
17687
+ }
17688
+ .v-btn__overlay {
17689
+ transition: none;
17690
+ }
17691
+ .v-pagination__item--is-active .v-btn__overlay {
17692
+ opacity: var(--v-border-opacity);
17693
+ }
17694
+
17695
+ .v-snackbar-actions .v-btn {
17696
+ padding: 0 8px;
17697
17697
  }.v-carousel {
17698
17698
  overflow: hidden;
17699
17699
  position: relative;
@@ -19218,259 +19218,62 @@ html.overflow-y-hidden {
19218
19218
  max-width: 100%;
19219
19219
  max-height: 100%;
19220
19220
  overflow-y: auto;
19221
- top: 0;
19222
- left: 0;
19223
- }
19224
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
19225
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet {
19226
- min-height: 100%;
19227
- min-width: 100%;
19228
- border-radius: 0;
19229
- }
19230
-
19231
- .v-dialog--scrollable > .v-overlay__content,
19232
- .v-dialog--scrollable > .v-overlay__content > form {
19233
- display: flex;
19234
- }
19235
- .v-dialog--scrollable > .v-overlay__content > .v-card,
19236
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
19237
- display: flex;
19238
- flex: 1 1 100%;
19239
- flex-direction: column;
19240
- max-height: 100%;
19241
- max-width: 100%;
19242
- }
19243
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
19244
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
19245
- -webkit-backface-visibility: hidden;
19246
- backface-visibility: hidden;
19247
- overflow-y: auto;
19248
- }.v-divider {
19249
- display: block;
19250
- flex: 1 1 100%;
19251
- height: 0px;
19252
- max-height: 0px;
19253
- opacity: var(--v-border-opacity);
19254
- transition: inherit;
19255
- border-style: solid;
19256
- border-width: thin 0 0 0;
19257
- }
19258
- .v-divider--vertical {
19259
- align-self: stretch;
19260
- border-width: 0 thin 0 0;
19261
- display: inline-flex;
19262
- height: inherit;
19263
- margin-left: -1px;
19264
- max-height: 100%;
19265
- max-width: 0px;
19266
- vertical-align: text-bottom;
19267
- width: 0px;
19268
- }
19269
- .v-divider--inset:not(.v-divider--vertical) {
19270
- max-width: calc(100% - 72px);
19271
- margin-inline-start: 72px;
19272
- }
19273
- .v-divider--inset.v-divider--vertical {
19274
- margin-bottom: 8px;
19275
- margin-top: 8px;
19276
- max-height: calc(100% - 16px);
19277
- }.v-expansion-panel {
19278
- background-color: rgb(var(--v-theme-surface));
19279
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19280
- }
19281
- .v-expansion-panel:not(:first-child)::after {
19282
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19283
- }
19284
- .v-expansion-panel--disabled .v-expansion-panel-title {
19285
- color: rgba(var(--v-theme-on-surface), 0.26);
19286
- }
19287
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
19288
- opacity: 0.4615384615;
19289
- }
19290
-
19291
- .v-expansion-panels {
19292
- display: flex;
19293
- flex-wrap: wrap;
19294
- justify-content: center;
19295
- list-style-type: none;
19296
- padding: 0;
19297
- width: 100%;
19298
- position: relative;
19299
- z-index: 1;
19300
- }
19301
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
19302
- border-bottom-left-radius: 0 !important;
19303
- border-bottom-right-radius: 0 !important;
19304
- }
19305
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
19306
- border-top-left-radius: 0 !important;
19307
- border-top-right-radius: 0 !important;
19308
- }
19309
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
19310
- border-bottom-left-radius: 0 !important;
19311
- border-bottom-right-radius: 0 !important;
19312
- }
19313
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
19314
- border-top-left-radius: 0 !important;
19315
- border-top-right-radius: 0 !important;
19316
- }
19317
- .v-expansion-panels--variant-accordion > :first-child {
19318
- border-bottom-left-radius: 0 !important;
19319
- border-bottom-right-radius: 0 !important;
19320
- }
19321
- .v-expansion-panels--variant-accordion > :last-child {
19322
- border-top-left-radius: 0 !important;
19323
- border-top-right-radius: 0 !important;
19324
- }
19325
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
19326
- border-bottom-left-radius: initial;
19327
- border-bottom-right-radius: initial;
19328
- }
19329
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
19330
- border-radius: 0 !important;
19331
- }
19332
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
19333
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
19334
- }
19335
-
19336
- .v-expansion-panel {
19337
- flex: 1 0 100%;
19338
- max-width: 100%;
19339
- position: relative;
19340
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
19341
- transition-property: margin-top, border-radius, border, max-width;
19342
- border-radius: 4px;
19343
- }
19344
- .v-expansion-panel:not(:first-child)::after {
19345
- border-top-style: solid;
19346
- border-top-width: thin;
19347
- content: "";
19348
- left: 0;
19349
- position: absolute;
19350
- right: 0;
19351
- top: 0;
19352
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
19353
- }
19354
- .v-expansion-panel--disabled .v-expansion-panel-title {
19355
- pointer-events: none;
19356
- }
19357
- .v-expansion-panel--active:not(:first-child),
19358
- .v-expansion-panel--active + .v-expansion-panel {
19359
- margin-top: 16px;
19360
- }
19361
- .v-expansion-panel--active:not(:first-child)::after,
19362
- .v-expansion-panel--active + .v-expansion-panel::after {
19363
- opacity: 0;
19364
- }
19365
- .v-expansion-panel--active > .v-expansion-panel-title {
19366
- border-bottom-left-radius: 0;
19367
- border-bottom-right-radius: 0;
19368
- min-height: 64px;
19369
- }
19370
-
19371
- .v-expansion-panel__shadow {
19372
- position: absolute;
19373
- top: 0;
19374
- left: 0;
19375
- width: 100%;
19376
- height: 100%;
19377
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19378
- border-radius: inherit;
19379
- z-index: -1;
19380
- }
19381
-
19382
- .v-expansion-panel-title {
19383
- align-items: center;
19384
- text-align: start;
19385
- border-radius: inherit;
19386
- display: flex;
19387
- font-size: 0.9375rem;
19388
- line-height: 1;
19389
- min-height: 48px;
19390
- outline: none;
19391
- padding: 16px 24px;
19392
- position: relative;
19393
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
19394
- width: 100%;
19395
- justify-content: space-between;
19396
- }
19397
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
19398
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19399
- }
19400
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
19401
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19402
- }
19403
- @supports not selector(:focus-visible) {
19404
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
19405
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19406
- }
19407
- }
19408
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
19409
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19410
- }
19411
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
19412
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19413
- }
19414
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
19415
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19416
- }
19417
- @supports not selector(:focus-visible) {
19418
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
19419
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19420
- }
19421
- }
19422
- .v-expansion-panel-title--active::before {
19423
- opacity: 0.12;
19424
- }
19425
-
19426
- .v-expansion-panel-title__overlay {
19427
- position: absolute;
19428
- top: 0;
19429
- left: 0;
19430
- width: 100%;
19431
- height: 100%;
19432
- background-color: currentColor;
19433
- border-radius: inherit;
19434
- opacity: 0;
19221
+ top: 0;
19222
+ left: 0;
19435
19223
  }
19436
-
19437
- .v-expansion-panel-title__icon {
19438
- display: inline-flex;
19439
- margin-bottom: -4px;
19440
- margin-top: -4px;
19441
- -webkit-user-select: none;
19442
- user-select: none;
19443
- margin-inline-start: auto;
19224
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
19225
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet {
19226
+ min-height: 100%;
19227
+ min-width: 100%;
19228
+ border-radius: 0;
19444
19229
  }
19445
19230
 
19446
- .v-expansion-panel-text {
19231
+ .v-dialog--scrollable > .v-overlay__content,
19232
+ .v-dialog--scrollable > .v-overlay__content > form {
19447
19233
  display: flex;
19448
19234
  }
19449
- .v-expansion-panel-text__wrapper {
19450
- padding: 8px 24px 16px;
19451
- flex: 1 1 auto;
19235
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
19236
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
19237
+ display: flex;
19238
+ flex: 1 1 100%;
19239
+ flex-direction: column;
19240
+ max-height: 100%;
19452
19241
  max-width: 100%;
19453
19242
  }
19454
-
19455
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
19456
- margin-top: 0;
19457
- }
19458
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
19459
- opacity: 1;
19460
- }
19461
-
19462
- .v-expansion-panels--variant-popout > .v-expansion-panel {
19463
- max-width: calc(100% - 32px);
19243
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
19244
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
19245
+ -webkit-backface-visibility: hidden;
19246
+ backface-visibility: hidden;
19247
+ overflow-y: auto;
19248
+ }.v-divider {
19249
+ display: block;
19250
+ flex: 1 1 100%;
19251
+ height: 0px;
19252
+ max-height: 0px;
19253
+ opacity: var(--v-border-opacity);
19254
+ transition: inherit;
19255
+ border-style: solid;
19256
+ border-width: thin 0 0 0;
19464
19257
  }
19465
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
19466
- max-width: calc(100% + 16px);
19258
+ .v-divider--vertical {
19259
+ align-self: stretch;
19260
+ border-width: 0 thin 0 0;
19261
+ display: inline-flex;
19262
+ height: inherit;
19263
+ margin-left: -1px;
19264
+ max-height: 100%;
19265
+ max-width: 0px;
19266
+ vertical-align: text-bottom;
19267
+ width: 0px;
19467
19268
  }
19468
-
19469
- .v-expansion-panels--variant-inset > .v-expansion-panel {
19470
- max-width: 100%;
19269
+ .v-divider--inset:not(.v-divider--vertical) {
19270
+ max-width: calc(100% - 72px);
19271
+ margin-inline-start: 72px;
19471
19272
  }
19472
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
19473
- max-width: calc(100% - 32px);
19273
+ .v-divider--inset.v-divider--vertical {
19274
+ margin-bottom: 8px;
19275
+ margin-top: 8px;
19276
+ max-height: calc(100% - 16px);
19474
19277
  }/* region INPUT */
19475
19278
  .v-field {
19476
19279
  display: grid;
@@ -19796,113 +19599,310 @@ textarea.v-field__input::placeholder {
19796
19599
  opacity: var(--v-field-border-opacity);
19797
19600
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
19798
19601
  }
19799
- .v-field--variant-outlined .v-field__outline__start {
19800
- flex: 0 0 12px;
19801
- border-top-width: var(--v-field-border-width);
19802
- border-bottom-width: var(--v-field-border-width);
19803
- border-inline-start-width: var(--v-field-border-width);
19602
+ .v-field--variant-outlined .v-field__outline__start {
19603
+ flex: 0 0 12px;
19604
+ border-top-width: var(--v-field-border-width);
19605
+ border-bottom-width: var(--v-field-border-width);
19606
+ border-inline-start-width: var(--v-field-border-width);
19607
+ }
19608
+ .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
19609
+ border-radius: 4px 0 0 4px;
19610
+ }
19611
+ .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
19612
+ border-radius: 0 4px 4px 0;
19613
+ }
19614
+ .v-field--variant-outlined .v-field__outline__notch {
19615
+ flex: none;
19616
+ position: relative;
19617
+ border-width: 0 0 var(--v-field-border-width);
19618
+ }
19619
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
19620
+ opacity: var(--v-field-border-opacity);
19621
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
19622
+ content: "";
19623
+ position: absolute;
19624
+ top: 0;
19625
+ left: 0;
19626
+ width: 100%;
19627
+ height: 100%;
19628
+ }
19629
+ .v-field--variant-outlined .v-field__outline__notch::before {
19630
+ border-width: var(--v-field-border-width) 0 0;
19631
+ }
19632
+ .v-field--variant-outlined .v-field__outline__notch::after {
19633
+ bottom: 0;
19634
+ border-width: 0 0 var(--v-field-border-width);
19635
+ }
19636
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
19637
+ opacity: 0;
19638
+ }
19639
+
19640
+ .v-field--variant-outlined .v-field__outline__end {
19641
+ flex: 1;
19642
+ border-top-width: var(--v-field-border-width);
19643
+ border-bottom-width: var(--v-field-border-width);
19644
+ border-inline-end-width: var(--v-field-border-width);
19645
+ }
19646
+ .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
19647
+ border-radius: 0 4px 4px 0;
19648
+ }
19649
+ .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
19650
+ border-radius: 4px 0 0 4px;
19651
+ }
19652
+
19653
+ /* endregion */
19654
+ /* region LOADER */
19655
+ .v-field__loader {
19656
+ bottom: 0;
19657
+ left: 0;
19658
+ position: absolute;
19659
+ right: 0;
19660
+ width: 100%;
19661
+ }
19662
+
19663
+ /* endregion */
19664
+ /* region OVERLAY */
19665
+ .v-field--variant-filled .v-field__overlay {
19666
+ background-color: currentColor;
19667
+ border-radius: inherit;
19668
+ opacity: 0.04;
19669
+ pointer-events: none;
19670
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
19671
+ position: absolute;
19672
+ top: 0;
19673
+ left: 0;
19674
+ width: 100%;
19675
+ height: 100%;
19676
+ }
19677
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
19678
+ opacity: 0;
19679
+ }
19680
+ @media (hover: hover) {
19681
+ .v-field--variant-filled:hover .v-field__overlay {
19682
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19683
+ }
19684
+ }
19685
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
19686
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19687
+ }
19688
+
19689
+ /* endregion */
19690
+ /* region MODIFIERS */
19691
+ .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
19692
+ text-align: right;
19693
+ }
19694
+ .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
19695
+ text-align: left;
19696
+ }
19697
+
19698
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
19699
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
19700
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
19701
+ }
19702
+
19703
+ .v-field--loading .v-field__outline::after,
19704
+ .v-field--loading .v-field__outline::before {
19705
+ opacity: 0;
19706
+ }
19707
+
19708
+ /* endregion */.v-expansion-panel {
19709
+ background-color: rgb(var(--v-theme-surface));
19710
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19711
+ }
19712
+ .v-expansion-panel:not(:first-child)::after {
19713
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19714
+ }
19715
+ .v-expansion-panel--disabled .v-expansion-panel-title {
19716
+ color: rgba(var(--v-theme-on-surface), 0.26);
19717
+ }
19718
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
19719
+ opacity: 0.4615384615;
19720
+ }
19721
+
19722
+ .v-expansion-panels {
19723
+ display: flex;
19724
+ flex-wrap: wrap;
19725
+ justify-content: center;
19726
+ list-style-type: none;
19727
+ padding: 0;
19728
+ width: 100%;
19729
+ position: relative;
19730
+ z-index: 1;
19731
+ }
19732
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
19733
+ border-bottom-left-radius: 0 !important;
19734
+ border-bottom-right-radius: 0 !important;
19735
+ }
19736
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
19737
+ border-top-left-radius: 0 !important;
19738
+ border-top-right-radius: 0 !important;
19739
+ }
19740
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
19741
+ border-bottom-left-radius: 0 !important;
19742
+ border-bottom-right-radius: 0 !important;
19743
+ }
19744
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
19745
+ border-top-left-radius: 0 !important;
19746
+ border-top-right-radius: 0 !important;
19747
+ }
19748
+ .v-expansion-panels--variant-accordion > :first-child {
19749
+ border-bottom-left-radius: 0 !important;
19750
+ border-bottom-right-radius: 0 !important;
19751
+ }
19752
+ .v-expansion-panels--variant-accordion > :last-child {
19753
+ border-top-left-radius: 0 !important;
19754
+ border-top-right-radius: 0 !important;
19755
+ }
19756
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
19757
+ border-bottom-left-radius: initial;
19758
+ border-bottom-right-radius: initial;
19759
+ }
19760
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
19761
+ border-radius: 0 !important;
19762
+ }
19763
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
19764
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
19765
+ }
19766
+
19767
+ .v-expansion-panel {
19768
+ flex: 1 0 100%;
19769
+ max-width: 100%;
19770
+ position: relative;
19771
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
19772
+ transition-property: margin-top, border-radius, border, max-width;
19773
+ border-radius: 4px;
19774
+ }
19775
+ .v-expansion-panel:not(:first-child)::after {
19776
+ border-top-style: solid;
19777
+ border-top-width: thin;
19778
+ content: "";
19779
+ left: 0;
19780
+ position: absolute;
19781
+ right: 0;
19782
+ top: 0;
19783
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
19784
+ }
19785
+ .v-expansion-panel--disabled .v-expansion-panel-title {
19786
+ pointer-events: none;
19804
19787
  }
19805
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
19806
- border-radius: 4px 0 0 4px;
19788
+ .v-expansion-panel--active:not(:first-child),
19789
+ .v-expansion-panel--active + .v-expansion-panel {
19790
+ margin-top: 16px;
19807
19791
  }
19808
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
19809
- border-radius: 0 4px 4px 0;
19792
+ .v-expansion-panel--active:not(:first-child)::after,
19793
+ .v-expansion-panel--active + .v-expansion-panel::after {
19794
+ opacity: 0;
19810
19795
  }
19811
- .v-field--variant-outlined .v-field__outline__notch {
19812
- flex: none;
19813
- position: relative;
19814
- border-width: 0 0 var(--v-field-border-width);
19796
+ .v-expansion-panel--active > .v-expansion-panel-title {
19797
+ border-bottom-left-radius: 0;
19798
+ border-bottom-right-radius: 0;
19799
+ min-height: 64px;
19815
19800
  }
19816
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
19817
- opacity: var(--v-field-border-opacity);
19818
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
19819
- content: "";
19801
+
19802
+ .v-expansion-panel__shadow {
19820
19803
  position: absolute;
19821
19804
  top: 0;
19822
19805
  left: 0;
19823
19806
  width: 100%;
19824
19807
  height: 100%;
19808
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19809
+ border-radius: inherit;
19810
+ z-index: -1;
19825
19811
  }
19826
- .v-field--variant-outlined .v-field__outline__notch::before {
19827
- border-width: var(--v-field-border-width) 0 0;
19812
+
19813
+ .v-expansion-panel-title {
19814
+ align-items: center;
19815
+ text-align: start;
19816
+ border-radius: inherit;
19817
+ display: flex;
19818
+ font-size: 0.9375rem;
19819
+ line-height: 1;
19820
+ min-height: 48px;
19821
+ outline: none;
19822
+ padding: 16px 24px;
19823
+ position: relative;
19824
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
19825
+ width: 100%;
19826
+ justify-content: space-between;
19828
19827
  }
19829
- .v-field--variant-outlined .v-field__outline__notch::after {
19830
- bottom: 0;
19831
- border-width: 0 0 var(--v-field-border-width);
19828
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
19829
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19832
19830
  }
19833
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
19834
- opacity: 0;
19831
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
19832
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19835
19833
  }
19836
-
19837
- .v-field--variant-outlined .v-field__outline__end {
19838
- flex: 1;
19839
- border-top-width: var(--v-field-border-width);
19840
- border-bottom-width: var(--v-field-border-width);
19841
- border-inline-end-width: var(--v-field-border-width);
19834
+ @supports not selector(:focus-visible) {
19835
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
19836
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19837
+ }
19842
19838
  }
19843
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
19844
- border-radius: 0 4px 4px 0;
19839
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
19840
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19845
19841
  }
19846
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
19847
- border-radius: 4px 0 0 4px;
19842
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
19843
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19848
19844
  }
19849
-
19850
- /* endregion */
19851
- /* region LOADER */
19852
- .v-field__loader {
19853
- bottom: 0;
19854
- left: 0;
19855
- position: absolute;
19856
- right: 0;
19857
- width: 100%;
19845
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
19846
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19847
+ }
19848
+ @supports not selector(:focus-visible) {
19849
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
19850
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19851
+ }
19852
+ }
19853
+ .v-expansion-panel-title--active::before {
19854
+ opacity: 0.12;
19858
19855
  }
19859
19856
 
19860
- /* endregion */
19861
- /* region OVERLAY */
19862
- .v-field--variant-filled .v-field__overlay {
19863
- background-color: currentColor;
19864
- border-radius: inherit;
19865
- opacity: 0.04;
19866
- pointer-events: none;
19867
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
19857
+ .v-expansion-panel-title__overlay {
19868
19858
  position: absolute;
19869
19859
  top: 0;
19870
19860
  left: 0;
19871
19861
  width: 100%;
19872
19862
  height: 100%;
19873
- }
19874
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
19863
+ background-color: currentColor;
19864
+ border-radius: inherit;
19875
19865
  opacity: 0;
19876
19866
  }
19877
- @media (hover: hover) {
19878
- .v-field--variant-filled:hover .v-field__overlay {
19879
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19880
- }
19881
- }
19882
- .v-field--variant-filled.v-field--focused .v-field__overlay {
19883
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19867
+
19868
+ .v-expansion-panel-title__icon {
19869
+ display: inline-flex;
19870
+ margin-bottom: -4px;
19871
+ margin-top: -4px;
19872
+ -webkit-user-select: none;
19873
+ user-select: none;
19874
+ margin-inline-start: auto;
19884
19875
  }
19885
19876
 
19886
- /* endregion */
19887
- /* region MODIFIERS */
19888
- .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
19889
- text-align: right;
19877
+ .v-expansion-panel-text {
19878
+ display: flex;
19890
19879
  }
19891
- .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
19892
- text-align: left;
19880
+ .v-expansion-panel-text__wrapper {
19881
+ padding: 8px 24px 16px;
19882
+ flex: 1 1 auto;
19883
+ max-width: 100%;
19893
19884
  }
19894
19885
 
19895
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
19896
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
19897
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
19886
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
19887
+ margin-top: 0;
19888
+ }
19889
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
19890
+ opacity: 1;
19898
19891
  }
19899
19892
 
19900
- .v-field--loading .v-field__outline::after,
19901
- .v-field--loading .v-field__outline::before {
19902
- opacity: 0;
19893
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
19894
+ max-width: calc(100% - 32px);
19895
+ }
19896
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
19897
+ max-width: calc(100% + 16px);
19903
19898
  }
19904
19899
 
19905
- /* endregion */.v-input--density-default {
19900
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
19901
+ max-width: 100%;
19902
+ }
19903
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
19904
+ max-width: calc(100% - 32px);
19905
+ }.v-input--density-default {
19906
19906
  --file-input-chips-margin-bottom: 0px;
19907
19907
  }
19908
19908
 
@@ -20163,127 +20163,23 @@ textarea.v-field__input::placeholder {
20163
20163
  white-space: nowrap;
20164
20164
  }
20165
20165
 
20166
- .v-label--clickable {
20167
- cursor: pointer;
20168
- }.v-layout {
20169
- --v-scrollbar-offset: 0px;
20170
- display: flex;
20171
- flex: 1 1 auto;
20172
- }
20173
- .v-layout--full-height {
20174
- --v-scrollbar-offset: inherit;
20175
- height: 100%;
20176
- }.v-layout-item {
20177
- position: absolute;
20178
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20179
- }
20180
-
20181
- .v-layout-item--absolute {
20182
- position: absolute;
20183
- }.v-list {
20184
- overflow: auto;
20185
- padding: 8px 0;
20186
- position: relative;
20187
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20188
- border-style: solid;
20189
- border-width: 0;
20190
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20191
- border-radius: 0;
20192
- background: rgba(var(--v-theme-surface));
20193
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20194
- }
20195
- .v-list--border {
20196
- border-width: thin;
20197
- box-shadow: none;
20198
- }
20199
- .v-list--disabled {
20200
- pointer-events: none;
20201
- -webkit-user-select: none;
20202
- user-select: none;
20203
- }
20204
- .v-list--nav {
20205
- padding-inline-start: 8px;
20206
- padding-inline-end: 8px;
20207
- }
20208
- .v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .v-list .v-avatar {
20209
- --v-avatar-height: 24px;
20210
- }
20211
- .v-list--rounded {
20212
- border-radius: 4px;
20213
- }
20214
- .v-list--subheader {
20215
- padding-top: 0;
20216
- }
20217
-
20218
- .v-list-img {
20219
- border-radius: inherit;
20220
- display: flex;
20221
- height: 100%;
20222
- left: 0;
20223
- overflow: hidden;
20224
- position: absolute;
20225
- top: 0;
20226
- width: 100%;
20227
- z-index: -1;
20228
- }
20229
-
20230
- .v-list-subheader {
20231
- align-items: center;
20232
- background: inherit;
20233
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20234
- display: flex;
20235
- font-size: 0.875rem;
20236
- font-weight: 400;
20237
- line-height: 1.375rem;
20238
- padding-inline-end: 16px;
20239
- min-height: 40px;
20240
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
20241
- }
20242
- .v-list-subheader__text {
20243
- overflow: hidden;
20244
- text-overflow: ellipsis;
20245
- white-space: nowrap;
20246
- }
20247
- .v-list--density-default .v-list-subheader {
20248
- min-height: 40px;
20249
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
20250
- }
20251
-
20252
- .v-list--density-comfortable .v-list-subheader {
20253
- min-height: 36px;
20254
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
20255
- }
20256
-
20257
- .v-list--density-compact .v-list-subheader {
20258
- min-height: 32px;
20259
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
20260
- }
20261
-
20262
- .v-list-subheader--inset {
20263
- --indent-padding: 56px;
20264
- }
20265
- .v-list--nav .v-list-subheader {
20266
- font-size: 0.75rem;
20166
+ .v-label--clickable {
20167
+ cursor: pointer;
20168
+ }.v-layout {
20169
+ --v-scrollbar-offset: 0px;
20170
+ display: flex;
20171
+ flex: 1 1 auto;
20267
20172
  }
20268
- .v-list-subheader--sticky {
20269
- background: inherit;
20270
- left: 0;
20271
- position: sticky;
20272
- top: 0;
20273
- z-index: 1;
20173
+ .v-layout--full-height {
20174
+ --v-scrollbar-offset: inherit;
20175
+ height: 100%;
20176
+ }.v-layout-item {
20177
+ position: absolute;
20178
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20274
20179
  }
20275
20180
 
20276
- .v-list__overlay {
20277
- background-color: currentColor;
20278
- border-radius: inherit;
20279
- bottom: 0;
20280
- left: 0;
20281
- opacity: 0;
20282
- pointer-events: none;
20181
+ .v-layout-item--absolute {
20283
20182
  position: absolute;
20284
- right: 0;
20285
- top: 0;
20286
- transition: opacity 0.2s ease-in-out;
20287
20183
  }.v-list-item {
20288
20184
  align-items: center;
20289
20185
  display: grid;
@@ -20663,6 +20559,110 @@ textarea.v-field__input::placeholder {
20663
20559
 
20664
20560
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
20665
20561
  opacity: 0;
20562
+ }.v-list {
20563
+ overflow: auto;
20564
+ padding: 8px 0;
20565
+ position: relative;
20566
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20567
+ border-style: solid;
20568
+ border-width: 0;
20569
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20570
+ border-radius: 0;
20571
+ background: rgba(var(--v-theme-surface));
20572
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20573
+ }
20574
+ .v-list--border {
20575
+ border-width: thin;
20576
+ box-shadow: none;
20577
+ }
20578
+ .v-list--disabled {
20579
+ pointer-events: none;
20580
+ -webkit-user-select: none;
20581
+ user-select: none;
20582
+ }
20583
+ .v-list--nav {
20584
+ padding-inline-start: 8px;
20585
+ padding-inline-end: 8px;
20586
+ }
20587
+ .v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering) .v-list .v-avatar {
20588
+ --v-avatar-height: 24px;
20589
+ }
20590
+ .v-list--rounded {
20591
+ border-radius: 4px;
20592
+ }
20593
+ .v-list--subheader {
20594
+ padding-top: 0;
20595
+ }
20596
+
20597
+ .v-list-img {
20598
+ border-radius: inherit;
20599
+ display: flex;
20600
+ height: 100%;
20601
+ left: 0;
20602
+ overflow: hidden;
20603
+ position: absolute;
20604
+ top: 0;
20605
+ width: 100%;
20606
+ z-index: -1;
20607
+ }
20608
+
20609
+ .v-list-subheader {
20610
+ align-items: center;
20611
+ background: inherit;
20612
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20613
+ display: flex;
20614
+ font-size: 0.875rem;
20615
+ font-weight: 400;
20616
+ line-height: 1.375rem;
20617
+ padding-inline-end: 16px;
20618
+ min-height: 40px;
20619
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
20620
+ }
20621
+ .v-list-subheader__text {
20622
+ overflow: hidden;
20623
+ text-overflow: ellipsis;
20624
+ white-space: nowrap;
20625
+ }
20626
+ .v-list--density-default .v-list-subheader {
20627
+ min-height: 40px;
20628
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
20629
+ }
20630
+
20631
+ .v-list--density-comfortable .v-list-subheader {
20632
+ min-height: 36px;
20633
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
20634
+ }
20635
+
20636
+ .v-list--density-compact .v-list-subheader {
20637
+ min-height: 32px;
20638
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
20639
+ }
20640
+
20641
+ .v-list-subheader--inset {
20642
+ --indent-padding: 56px;
20643
+ }
20644
+ .v-list--nav .v-list-subheader {
20645
+ font-size: 0.75rem;
20646
+ }
20647
+ .v-list-subheader--sticky {
20648
+ background: inherit;
20649
+ left: 0;
20650
+ position: sticky;
20651
+ top: 0;
20652
+ z-index: 1;
20653
+ }
20654
+
20655
+ .v-list__overlay {
20656
+ background-color: currentColor;
20657
+ border-radius: inherit;
20658
+ bottom: 0;
20659
+ left: 0;
20660
+ opacity: 0;
20661
+ pointer-events: none;
20662
+ position: absolute;
20663
+ right: 0;
20664
+ top: 0;
20665
+ transition: opacity 0.2s ease-in-out;
20666
20666
  }.v-locale-provider {
20667
20667
  display: contents;
20668
20668
  }.v-main {
@@ -20822,172 +20822,72 @@ textarea.v-field__input::placeholder {
20822
20822
  display: contents;
20823
20823
  }
20824
20824
 
20825
- .v-overlay-scroll-blocked {
20826
- padding-inline-end: var(--v-scrollbar-offset);
20827
- overflow-y: hidden !important;
20828
- }
20829
- html.v-overlay-scroll-blocked {
20830
- position: fixed;
20831
- top: var(--v-body-scroll-y);
20832
- left: var(--v-body-scroll-x);
20833
- width: 100%;
20834
- height: 100%;
20835
- }
20836
-
20837
- .v-overlay {
20838
- border-radius: inherit;
20839
- display: flex;
20840
- left: 0;
20841
- pointer-events: none;
20842
- position: fixed;
20843
- top: 0;
20844
- bottom: 0;
20845
- right: 0;
20846
- }
20847
-
20848
- .v-overlay__content {
20849
- outline: none;
20850
- position: absolute;
20851
- pointer-events: auto;
20852
- contain: layout;
20853
- }
20854
-
20855
- .v-overlay__scrim {
20856
- pointer-events: auto;
20857
- background: rgb(var(--v-theme-on-surface));
20858
- border-radius: inherit;
20859
- bottom: 0;
20860
- left: 0;
20861
- opacity: 0.32;
20862
- position: fixed;
20863
- right: 0;
20864
- top: 0;
20865
- }
20866
-
20867
- .v-overlay--absolute {
20868
- position: absolute;
20869
- }
20870
-
20871
- .v-overlay--contained .v-overlay__scrim {
20872
- position: absolute;
20873
- }
20874
-
20875
- .v-overlay--scroll-blocked {
20876
- padding-inline-end: var(--v-scrollbar-offset);
20877
- }.v-pagination__list {
20878
- display: inline-flex;
20879
- list-style-type: none;
20880
- justify-content: center;
20881
- width: 100%;
20882
- }
20883
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
20884
- margin: 0.3rem;
20885
- }.v-parallax {
20886
- position: relative;
20887
- overflow: hidden;
20888
- }
20889
- .v-parallax--active > .v-img__img {
20890
- will-change: transform;
20891
- }.v-progress-circular {
20892
- align-items: center;
20893
- display: inline-flex;
20894
- justify-content: center;
20895
- position: relative;
20896
- vertical-align: middle;
20897
- }
20898
- .v-progress-circular > svg {
20899
- width: 100%;
20900
- height: 100%;
20901
- margin: auto;
20902
- position: absolute;
20903
- top: 0;
20904
- bottom: 0;
20905
- left: 0;
20906
- right: 0;
20907
- z-index: 0;
20908
- }
20909
-
20910
- .v-progress-circular__content {
20911
- align-items: center;
20912
- display: flex;
20913
- justify-content: center;
20914
- }
20915
-
20916
- .v-progress-circular__underlay {
20917
- color: rgba(var(--v-border-color), var(--v-border-opacity));
20918
- stroke: currentColor;
20919
- z-index: 1;
20920
- }
20921
-
20922
- .v-progress-circular__overlay {
20923
- stroke: currentColor;
20924
- transition: all 0.2s ease-in-out, stroke-width 0s;
20925
- z-index: 2;
20926
- }
20927
-
20928
- .v-progress-circular--size-x-small {
20929
- height: 16px;
20930
- width: 16px;
20931
- }
20932
- .v-progress-circular--size-small {
20933
- height: 24px;
20934
- width: 24px;
20935
- }
20936
- .v-progress-circular--size-default {
20937
- height: 32px;
20938
- width: 32px;
20939
- }
20940
- .v-progress-circular--size-large {
20941
- height: 48px;
20942
- width: 48px;
20825
+ .v-overlay-scroll-blocked {
20826
+ padding-inline-end: var(--v-scrollbar-offset);
20827
+ overflow-y: hidden !important;
20943
20828
  }
20944
- .v-progress-circular--size-x-large {
20945
- height: 64px;
20946
- width: 64px;
20829
+ html.v-overlay-scroll-blocked {
20830
+ position: fixed;
20831
+ top: var(--v-body-scroll-y);
20832
+ left: var(--v-body-scroll-x);
20833
+ width: 100%;
20834
+ height: 100%;
20947
20835
  }
20948
20836
 
20949
- .v-progress-circular--indeterminate > svg {
20950
- animation: progress-circular-rotate 1.4s linear infinite;
20951
- transform-origin: center center;
20952
- transition: all 0.2s ease-in-out;
20837
+ .v-overlay {
20838
+ border-radius: inherit;
20839
+ display: flex;
20840
+ left: 0;
20841
+ pointer-events: none;
20842
+ position: fixed;
20843
+ top: 0;
20844
+ bottom: 0;
20845
+ right: 0;
20953
20846
  }
20954
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
20955
- animation: progress-circular-dash 1.4s ease-in-out infinite;
20956
- stroke-dasharray: 25, 200;
20957
- stroke-dashoffset: 0;
20958
- stroke-linecap: round;
20847
+
20848
+ .v-overlay__content {
20849
+ outline: none;
20850
+ position: absolute;
20851
+ pointer-events: auto;
20852
+ contain: layout;
20959
20853
  }
20960
20854
 
20961
- .v-progress-circular--disable-shrink > svg {
20962
- animation-duration: 0.7s;
20855
+ .v-overlay__scrim {
20856
+ pointer-events: auto;
20857
+ background: rgb(var(--v-theme-on-surface));
20858
+ border-radius: inherit;
20859
+ bottom: 0;
20860
+ left: 0;
20861
+ opacity: 0.32;
20862
+ position: fixed;
20863
+ right: 0;
20864
+ top: 0;
20963
20865
  }
20964
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
20965
- animation: none;
20866
+
20867
+ .v-overlay--absolute {
20868
+ position: absolute;
20966
20869
  }
20967
20870
 
20968
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
20969
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
20970
- animation-play-state: paused !important;
20871
+ .v-overlay--contained .v-overlay__scrim {
20872
+ position: absolute;
20971
20873
  }
20972
20874
 
20973
- @keyframes progress-circular-dash {
20974
- 0% {
20975
- stroke-dasharray: 1, 200;
20976
- stroke-dashoffset: 0px;
20977
- }
20978
- 50% {
20979
- stroke-dasharray: 100, 200;
20980
- stroke-dashoffset: -15px;
20981
- }
20982
- 100% {
20983
- stroke-dasharray: 100, 200;
20984
- stroke-dashoffset: -124px;
20985
- }
20875
+ .v-overlay--scroll-blocked {
20876
+ padding-inline-end: var(--v-scrollbar-offset);
20877
+ }.v-pagination__list {
20878
+ display: inline-flex;
20879
+ list-style-type: none;
20880
+ justify-content: center;
20881
+ width: 100%;
20986
20882
  }
20987
- @keyframes progress-circular-rotate {
20988
- 100% {
20989
- transform: rotate(270deg);
20990
- }
20883
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
20884
+ margin: 0.3rem;
20885
+ }.v-parallax {
20886
+ position: relative;
20887
+ overflow: hidden;
20888
+ }
20889
+ .v-parallax--active > .v-img__img {
20890
+ will-change: transform;
20991
20891
  }.v-progress-linear {
20992
20892
  background: transparent;
20993
20893
  overflow: hidden;
@@ -20995,6 +20895,9 @@ html.v-overlay-scroll-blocked {
20995
20895
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20996
20896
  width: 100%;
20997
20897
  }
20898
+ .v-progress-linear--rounded {
20899
+ border-radius: 9999px;
20900
+ }
20998
20901
 
20999
20902
  .v-progress-linear__background {
21000
20903
  background: currentColor;
@@ -21099,7 +21002,7 @@ html.v-overlay-scroll-blocked {
21099
21002
  }
21100
21003
 
21101
21004
  .v-progress-linear--rounded {
21102
- border-radius: 4px;
21005
+ border-radius: 9999px;
21103
21006
  }
21104
21007
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
21105
21008
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
@@ -21123,7 +21026,7 @@ html.v-overlay-scroll-blocked {
21123
21026
  .v-progress-linear--rounded-bar .v-progress-linear__determinate,
21124
21027
  .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
21125
21028
  .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
21126
- border-radius: 4px;
21029
+ border-radius: 9999px;
21127
21030
  }
21128
21031
  .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
21129
21032
  border-top-left-radius: 0;
@@ -21199,6 +21102,108 @@ html.v-overlay-scroll-blocked {
21199
21102
  0% {
21200
21103
  background-position-x: var(--v-progress-linear-height);
21201
21104
  }
21105
+ }.v-progress-circular {
21106
+ align-items: center;
21107
+ display: inline-flex;
21108
+ justify-content: center;
21109
+ position: relative;
21110
+ vertical-align: middle;
21111
+ }
21112
+ .v-progress-circular > svg {
21113
+ width: 100%;
21114
+ height: 100%;
21115
+ margin: auto;
21116
+ position: absolute;
21117
+ top: 0;
21118
+ bottom: 0;
21119
+ left: 0;
21120
+ right: 0;
21121
+ z-index: 0;
21122
+ }
21123
+
21124
+ .v-progress-circular__content {
21125
+ align-items: center;
21126
+ display: flex;
21127
+ justify-content: center;
21128
+ }
21129
+
21130
+ .v-progress-circular__underlay {
21131
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
21132
+ stroke: currentColor;
21133
+ z-index: 1;
21134
+ }
21135
+
21136
+ .v-progress-circular__overlay {
21137
+ stroke: currentColor;
21138
+ transition: all 0.2s ease-in-out, stroke-width 0s;
21139
+ z-index: 2;
21140
+ }
21141
+
21142
+ .v-progress-circular--size-x-small {
21143
+ height: 16px;
21144
+ width: 16px;
21145
+ }
21146
+ .v-progress-circular--size-small {
21147
+ height: 24px;
21148
+ width: 24px;
21149
+ }
21150
+ .v-progress-circular--size-default {
21151
+ height: 32px;
21152
+ width: 32px;
21153
+ }
21154
+ .v-progress-circular--size-large {
21155
+ height: 48px;
21156
+ width: 48px;
21157
+ }
21158
+ .v-progress-circular--size-x-large {
21159
+ height: 64px;
21160
+ width: 64px;
21161
+ }
21162
+
21163
+ .v-progress-circular--indeterminate > svg {
21164
+ animation: progress-circular-rotate 1.4s linear infinite;
21165
+ transform-origin: center center;
21166
+ transition: all 0.2s ease-in-out;
21167
+ }
21168
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
21169
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
21170
+ stroke-dasharray: 25, 200;
21171
+ stroke-dashoffset: 0;
21172
+ stroke-linecap: round;
21173
+ transform-origin: center center;
21174
+ transform: rotate(-90deg);
21175
+ }
21176
+
21177
+ .v-progress-circular--disable-shrink > svg {
21178
+ animation-duration: 0.7s;
21179
+ }
21180
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
21181
+ animation: none;
21182
+ }
21183
+
21184
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
21185
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
21186
+ animation-play-state: paused !important;
21187
+ }
21188
+
21189
+ @keyframes progress-circular-dash {
21190
+ 0% {
21191
+ stroke-dasharray: 1, 200;
21192
+ stroke-dashoffset: 0px;
21193
+ }
21194
+ 50% {
21195
+ stroke-dasharray: 100, 200;
21196
+ stroke-dashoffset: -15px;
21197
+ }
21198
+ 100% {
21199
+ stroke-dasharray: 100, 200;
21200
+ stroke-dashoffset: -124px;
21201
+ }
21202
+ }
21203
+ @keyframes progress-circular-rotate {
21204
+ 100% {
21205
+ transform: rotate(270deg);
21206
+ }
21202
21207
  }.v-radio-group > .v-input__control {
21203
21208
  flex-direction: column;
21204
21209
  }
@@ -21264,6 +21269,28 @@ html.v-overlay-scroll-blocked {
21264
21269
 
21265
21270
  .v-slider__label {
21266
21271
  margin-inline-end: 12px;
21272
+ }.v-responsive {
21273
+ display: flex;
21274
+ flex: 1 0 auto;
21275
+ max-height: 100%;
21276
+ max-width: 100%;
21277
+ overflow: hidden;
21278
+ position: relative;
21279
+ }
21280
+
21281
+ .v-responsive__content {
21282
+ flex: 1 0 0px;
21283
+ max-width: 100%;
21284
+ }
21285
+
21286
+ .v-responsive__sizer ~ .v-responsive__content {
21287
+ margin-inline-start: -100%;
21288
+ }
21289
+
21290
+ .v-responsive__sizer {
21291
+ flex: 1 0 0px;
21292
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21293
+ pointer-events: none;
21267
21294
  }.v-rating {
21268
21295
  max-width: 100%;
21269
21296
  display: inline-flex;
@@ -21322,28 +21349,6 @@ html.v-overlay-scroll-blocked {
21322
21349
  opacity: 0;
21323
21350
  position: absolute;
21324
21351
  width: 0;
21325
- }.v-responsive {
21326
- display: flex;
21327
- flex: 1 0 auto;
21328
- max-height: 100%;
21329
- max-width: 100%;
21330
- overflow: hidden;
21331
- position: relative;
21332
- }
21333
-
21334
- .v-responsive__content {
21335
- flex: 1 0 0px;
21336
- max-width: 100%;
21337
- }
21338
-
21339
- .v-responsive__sizer ~ .v-responsive__content {
21340
- margin-inline-start: -100%;
21341
- }
21342
-
21343
- .v-responsive__sizer {
21344
- flex: 1 0 0px;
21345
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21346
- pointer-events: none;
21347
21352
  }.v-input--density-default {
21348
21353
  --select-chips-margin-bottom: 0px;
21349
21354
  }
@@ -21508,14 +21513,6 @@ html.v-overlay-scroll-blocked {
21508
21513
  }
21509
21514
  .v-selection-control--focus-visible .v-selection-control__input::before {
21510
21515
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21511
- }.v-selection-control-group {
21512
- grid-area: control;
21513
- display: flex;
21514
- flex-direction: column;
21515
- }
21516
- .v-selection-control-group--inline {
21517
- flex-direction: row;
21518
- flex-wrap: wrap;
21519
21516
  }.v-sheet {
21520
21517
  display: block;
21521
21518
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22806,6 +22803,14 @@ html.v-overlay-scroll-blocked {
22806
22803
  }
22807
22804
  .v-window-y-reverse-transition-leave-to {
22808
22805
  transform: translateY(100%);
22806
+ }.v-selection-control-group {
22807
+ grid-area: control;
22808
+ display: flex;
22809
+ flex-direction: column;
22810
+ }
22811
+ .v-selection-control-group--inline {
22812
+ flex-direction: row;
22813
+ flex-wrap: wrap;
22809
22814
  }.v-color-picker-canvas {
22810
22815
  display: flex;
22811
22816
  position: relative;