@vuetify/nightly 3.7.0-beta.1-dev.2024-07-29 → 3.7.0-beta.1-dev.2024-07-30

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 (43) hide show
  1. package/dist/json/attributes.json +8 -0
  2. package/dist/json/importMap-labs.json +28 -28
  3. package/dist/json/importMap.json +118 -118
  4. package/dist/json/tags.json +2 -0
  5. package/dist/json/web-types.json +21 -2
  6. package/dist/vuetify-labs.css +3545 -3545
  7. package/dist/vuetify-labs.d.ts +190 -106
  8. package/dist/vuetify-labs.esm.js +30 -13
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +30 -13
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +2151 -2151
  13. package/dist/vuetify.d.ts +231 -147
  14. package/dist/vuetify.esm.js +30 -13
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +30 -13
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +43 -43
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.mts +42 -24
  22. package/lib/components/VCombobox/index.d.mts +42 -24
  23. package/lib/components/VDialog/index.d.mts +3 -3
  24. package/lib/components/VList/VListItem.mjs +1 -1
  25. package/lib/components/VList/VListItem.mjs.map +1 -1
  26. package/lib/components/VMenu/VMenu.mjs +19 -3
  27. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  28. package/lib/components/VMenu/index.d.mts +27 -12
  29. package/lib/components/VOverlay/VOverlay.mjs +5 -4
  30. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  31. package/lib/components/VOverlay/useActivator.mjs +3 -2
  32. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  33. package/lib/components/VSelect/index.d.mts +42 -24
  34. package/lib/components/VSnackbar/index.d.mts +3 -3
  35. package/lib/components/VSpeedDial/index.d.mts +28 -13
  36. package/lib/components/VTooltip/index.d.mts +3 -3
  37. package/lib/components/index.d.mts +190 -106
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/index.d.mts +41 -41
  41. package/lib/labs/VSnackbarQueue/index.d.mts +3 -3
  42. package/lib/labs/components.d.mts +3 -3
  43. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.0-beta.1-dev.2024-07-29
2
+ * Vuetify v3.7.0-beta.1-dev.2024-07-30
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17472,18 +17472,6 @@ html.overflow-y-hidden {
17472
17472
  min-height: 100vh;
17473
17473
  min-height: 100dvh;
17474
17474
  position: relative;
17475
- }.v-app-bar {
17476
- display: flex;
17477
- }
17478
- .v-app-bar.v-toolbar {
17479
- background: rgb(var(--v-theme-surface));
17480
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17481
- }
17482
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17483
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17484
- }
17485
- .v-app-bar:not(.v-toolbar--absolute) {
17486
- padding-inline-end: var(--v-scrollbar-offset);
17487
17475
  }.v-alert {
17488
17476
  display: grid;
17489
17477
  flex: 1 1;
@@ -17696,6 +17684,18 @@ html.overflow-y-hidden {
17696
17684
  text-transform: none;
17697
17685
  word-break: normal;
17698
17686
  word-wrap: break-word;
17687
+ }.v-app-bar {
17688
+ display: flex;
17689
+ }
17690
+ .v-app-bar.v-toolbar {
17691
+ background: rgb(var(--v-theme-surface));
17692
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17693
+ }
17694
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17695
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17696
+ }
17697
+ .v-app-bar:not(.v-toolbar--absolute) {
17698
+ padding-inline-end: var(--v-scrollbar-offset);
17699
17699
  }.v-autocomplete .v-field .v-text-field__prefix,
17700
17700
  .v-autocomplete .v-field .v-text-field__suffix,
17701
17701
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17879,6 +17879,61 @@ html.overflow-y-hidden {
17879
17879
  .v-avatar .v-img {
17880
17880
  height: 100%;
17881
17881
  width: 100%;
17882
+ }.v-bottom-navigation {
17883
+ display: flex;
17884
+ max-width: 100%;
17885
+ overflow: hidden;
17886
+ position: absolute;
17887
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
17888
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17889
+ border-style: solid;
17890
+ border-width: 0;
17891
+ border-radius: 0;
17892
+ background: rgb(var(--v-theme-surface));
17893
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17894
+ }
17895
+ .v-bottom-navigation--border {
17896
+ border-width: thin;
17897
+ box-shadow: none;
17898
+ }
17899
+ .v-bottom-navigation--active {
17900
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17901
+ }
17902
+
17903
+ .v-bottom-navigation__content {
17904
+ display: flex;
17905
+ flex: none;
17906
+ font-size: 0.75rem;
17907
+ justify-content: center;
17908
+ transition: inherit;
17909
+ width: 100%;
17910
+ }
17911
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17912
+ font-size: inherit;
17913
+ height: 100%;
17914
+ max-width: 168px;
17915
+ min-width: 80px;
17916
+ text-transform: none;
17917
+ transition: inherit;
17918
+ width: auto;
17919
+ border-radius: 0;
17920
+ }
17921
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17922
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17923
+ transition: inherit;
17924
+ }
17925
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17926
+ font-size: 1.5rem;
17927
+ }
17928
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17929
+ flex-grow: 1;
17930
+ }
17931
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17932
+ transition: inherit;
17933
+ opacity: 0;
17934
+ }
17935
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17936
+ transform: translateY(0.5rem);
17882
17937
  }.v-badge {
17883
17938
  display: inline-block;
17884
17939
  line-height: 1;
@@ -18108,61 +18163,38 @@ html.overflow-y-hidden {
18108
18163
  }
18109
18164
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18110
18165
  align-self: flex-start;
18111
- }.v-bottom-navigation {
18112
- display: flex;
18113
- max-width: 100%;
18114
- overflow: hidden;
18115
- position: absolute;
18116
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18117
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18118
- border-style: solid;
18119
- border-width: 0;
18120
- border-radius: 0;
18121
- background: rgb(var(--v-theme-surface));
18122
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18123
- }
18124
- .v-bottom-navigation--border {
18125
- border-width: thin;
18126
- box-shadow: none;
18166
+ }.bottom-sheet-transition-enter-from {
18167
+ transform: translateY(100%);
18127
18168
  }
18128
- .v-bottom-navigation--active {
18129
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18169
+ .bottom-sheet-transition-leave-to {
18170
+ transform: translateY(100%);
18130
18171
  }
18131
18172
 
18132
- .v-bottom-navigation__content {
18133
- display: flex;
18134
- flex: none;
18135
- font-size: 0.75rem;
18136
- justify-content: center;
18137
- transition: inherit;
18173
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18174
+ align-self: flex-end;
18175
+ border-radius: 0;
18176
+ flex: 0 1 auto;
18177
+ left: 0;
18178
+ right: 0;
18179
+ margin-inline: 0;
18180
+ margin-bottom: 0;
18181
+ transition-duration: 0.2s;
18138
18182
  width: 100%;
18183
+ max-width: 100%;
18184
+ overflow: visible;
18185
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18139
18186
  }
18140
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18141
- font-size: inherit;
18142
- height: 100%;
18143
- max-width: 168px;
18144
- min-width: 80px;
18145
- text-transform: none;
18146
- transition: inherit;
18147
- width: auto;
18187
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18188
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18148
18189
  border-radius: 0;
18149
18190
  }
18150
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18151
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18152
- transition: inherit;
18153
- }
18154
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18155
- font-size: 1.5rem;
18156
- }
18157
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18158
- flex-grow: 1;
18159
- }
18160
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18161
- transition: inherit;
18162
- opacity: 0;
18191
+ .v-bottom-sheet.v-bottom-sheet--inset {
18192
+ max-width: none;
18163
18193
  }
18164
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18165
- transform: translateY(0.5rem);
18194
+ @media (min-width: 600px) {
18195
+ .v-bottom-sheet.v-bottom-sheet--inset {
18196
+ max-width: 70%;
18197
+ }
18166
18198
  }.v-breadcrumbs {
18167
18199
  display: flex;
18168
18200
  align-items: center;
@@ -18220,38 +18252,6 @@ html.overflow-y-hidden {
18220
18252
  display: inline-block;
18221
18253
  padding: 0 8px;
18222
18254
  vertical-align: middle;
18223
- }.bottom-sheet-transition-enter-from {
18224
- transform: translateY(100%);
18225
- }
18226
- .bottom-sheet-transition-leave-to {
18227
- transform: translateY(100%);
18228
- }
18229
-
18230
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18231
- align-self: flex-end;
18232
- border-radius: 0;
18233
- flex: 0 1 auto;
18234
- left: 0;
18235
- right: 0;
18236
- margin-inline: 0;
18237
- margin-bottom: 0;
18238
- transition-duration: 0.2s;
18239
- width: 100%;
18240
- max-width: 100%;
18241
- overflow: visible;
18242
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18243
- }
18244
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18245
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18246
- border-radius: 0;
18247
- }
18248
- .v-bottom-sheet.v-bottom-sheet--inset {
18249
- max-width: none;
18250
- }
18251
- @media (min-width: 600px) {
18252
- .v-bottom-sheet.v-bottom-sheet--inset {
18253
- max-width: 70%;
18254
- }
18255
18255
  }.v-btn {
18256
18256
  align-items: center;
18257
18257
  border-radius: 4px;
@@ -19041,6 +19041,11 @@ html.overflow-y-hidden {
19041
19041
  pointer-events: none;
19042
19042
  opacity: 0;
19043
19043
  transition: opacity 0.2s ease-in-out;
19044
+ }.v-checkbox.v-input {
19045
+ flex: 0 1 auto;
19046
+ }
19047
+ .v-checkbox .v-selection-control {
19048
+ min-height: var(--v-input-control-height);
19044
19049
  }.v-carousel {
19045
19050
  overflow: hidden;
19046
19051
  position: relative;
@@ -19104,924 +19109,252 @@ html.overflow-y-hidden {
19104
19109
  flex-direction: column;
19105
19110
  height: 100% !important;
19106
19111
  width: 50px;
19107
- }.v-container {
19108
- width: 100%;
19109
- padding: 16px;
19110
- margin-right: auto;
19111
- margin-left: auto;
19112
+ }.v-chip {
19113
+ align-items: center;
19114
+ display: inline-flex;
19115
+ font-weight: 400;
19116
+ max-width: 100%;
19117
+ min-width: 0;
19118
+ overflow: hidden;
19119
+ position: relative;
19120
+ text-decoration: none;
19121
+ white-space: nowrap;
19122
+ vertical-align: middle;
19123
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19124
+ border-style: solid;
19125
+ border-width: 0;
19126
+ border-radius: 9999px;
19112
19127
  }
19113
- @media (min-width: 960px) {
19114
- .v-container {
19115
- max-width: 900px;
19116
- }
19128
+ .v-chip .v-icon {
19129
+ --v-icon-size-multiplier: 0.8571428571;
19117
19130
  }
19118
- @media (min-width: 1280px) {
19119
- .v-container {
19120
- max-width: 1200px;
19121
- }
19131
+ .v-chip.v-chip--size-x-small {
19132
+ --v-chip-size: 0.625rem;
19133
+ --v-chip-height: 20px;
19134
+ font-size: 0.625rem;
19135
+ padding: 0 8px;
19122
19136
  }
19123
- @media (min-width: 1920px) {
19124
- .v-container {
19125
- max-width: 1800px;
19126
- }
19137
+ .v-chip.v-chip--size-x-small .v-avatar {
19138
+ --v-avatar-height: 14px;
19127
19139
  }
19128
- @media (min-width: 2560px) {
19129
- .v-container {
19130
- max-width: 2400px;
19131
- }
19140
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19141
+ --v-avatar-height: 20px;
19132
19142
  }
19133
- .v-container--fluid {
19134
- max-width: 100%;
19143
+
19144
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19145
+ margin-inline-start: -5.6px;
19146
+ margin-inline-end: 4px;
19135
19147
  }
19136
- .v-container.fill-height {
19137
- align-items: center;
19138
- display: flex;
19139
- flex-wrap: wrap;
19148
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19149
+ margin-inline-start: -8px;
19140
19150
  }
19141
19151
 
19142
- .v-row {
19143
- display: flex;
19144
- flex-wrap: wrap;
19145
- flex: 1 1 auto;
19146
- margin: -12px;
19152
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19153
+ margin-inline-start: 4px;
19154
+ margin-inline-end: -5.6px;
19147
19155
  }
19148
- .v-row + .v-row {
19149
- margin-top: 12px;
19150
- }
19151
- .v-row + .v-row--dense {
19152
- margin-top: 4px;
19156
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19157
+ margin-inline-end: -8px;
19153
19158
  }
19154
- .v-row--dense {
19155
- margin: -4px;
19159
+
19160
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19161
+ margin-inline-start: 12px;
19156
19162
  }
19157
- .v-row--dense > .v-col,
19158
- .v-row--dense > [class*=v-col-] {
19159
- padding: 4px;
19163
+
19164
+ .v-chip.v-chip--size-x-small .v-icon--start,
19165
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19166
+ margin-inline-start: -4px;
19167
+ margin-inline-end: 4px;
19160
19168
  }
19161
- .v-row.v-row--no-gutters {
19162
- margin: 0;
19169
+ .v-chip.v-chip--size-x-small .v-icon--end,
19170
+ .v-chip.v-chip--size-x-small .v-chip__close {
19171
+ margin-inline-start: 4px;
19172
+ margin-inline-end: -4px;
19163
19173
  }
19164
- .v-row.v-row--no-gutters > .v-col,
19165
- .v-row.v-row--no-gutters > [class*=v-col-] {
19166
- padding: 0;
19174
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19175
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19176
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19177
+ margin-inline-start: 8px;
19167
19178
  }
19168
19179
 
19169
- .v-spacer {
19170
- flex-grow: 1;
19180
+ .v-chip.v-chip--size-small {
19181
+ --v-chip-size: 0.75rem;
19182
+ --v-chip-height: 26px;
19183
+ font-size: 0.75rem;
19184
+ padding: 0 10px;
19171
19185
  }
19172
-
19173
- .v-col-xxl,
19174
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19175
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19176
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19177
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19178
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19179
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19180
- width: 100%;
19181
- padding: 12px;
19186
+ .v-chip.v-chip--size-small .v-avatar {
19187
+ --v-avatar-height: 20px;
19182
19188
  }
19183
-
19184
- .v-col {
19185
- flex-basis: 0;
19186
- flex-grow: 1;
19187
- max-width: 100%;
19189
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19190
+ --v-avatar-height: 26px;
19188
19191
  }
19189
19192
 
19190
- .v-col-auto {
19191
- flex: 0 0 auto;
19192
- width: auto;
19193
- max-width: 100%;
19193
+ .v-chip.v-chip--size-small .v-avatar--start {
19194
+ margin-inline-start: -7px;
19195
+ margin-inline-end: 5px;
19194
19196
  }
19195
-
19196
- .v-col-1 {
19197
- flex: 0 0 8.3333333333%;
19198
- max-width: 8.3333333333%;
19197
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19198
+ margin-inline-start: -10px;
19199
19199
  }
19200
19200
 
19201
- .v-col-2 {
19202
- flex: 0 0 16.6666666667%;
19203
- max-width: 16.6666666667%;
19201
+ .v-chip.v-chip--size-small .v-avatar--end {
19202
+ margin-inline-start: 5px;
19203
+ margin-inline-end: -7px;
19204
19204
  }
19205
-
19206
- .v-col-3 {
19207
- flex: 0 0 25%;
19208
- max-width: 25%;
19205
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19206
+ margin-inline-end: -10px;
19209
19207
  }
19210
19208
 
19211
- .v-col-4 {
19212
- flex: 0 0 33.3333333333%;
19213
- max-width: 33.3333333333%;
19209
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19210
+ margin-inline-start: 15px;
19214
19211
  }
19215
19212
 
19216
- .v-col-5 {
19217
- flex: 0 0 41.6666666667%;
19218
- max-width: 41.6666666667%;
19213
+ .v-chip.v-chip--size-small .v-icon--start,
19214
+ .v-chip.v-chip--size-small .v-chip__filter {
19215
+ margin-inline-start: -5px;
19216
+ margin-inline-end: 5px;
19219
19217
  }
19220
-
19221
- .v-col-6 {
19222
- flex: 0 0 50%;
19223
- max-width: 50%;
19218
+ .v-chip.v-chip--size-small .v-icon--end,
19219
+ .v-chip.v-chip--size-small .v-chip__close {
19220
+ margin-inline-start: 5px;
19221
+ margin-inline-end: -5px;
19224
19222
  }
19225
-
19226
- .v-col-7 {
19227
- flex: 0 0 58.3333333333%;
19228
- max-width: 58.3333333333%;
19223
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19224
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19225
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19226
+ margin-inline-start: 10px;
19229
19227
  }
19230
19228
 
19231
- .v-col-8 {
19232
- flex: 0 0 66.6666666667%;
19233
- max-width: 66.6666666667%;
19229
+ .v-chip.v-chip--size-default {
19230
+ --v-chip-size: 0.875rem;
19231
+ --v-chip-height: 32px;
19232
+ font-size: 0.875rem;
19233
+ padding: 0 12px;
19234
19234
  }
19235
-
19236
- .v-col-9 {
19237
- flex: 0 0 75%;
19238
- max-width: 75%;
19235
+ .v-chip.v-chip--size-default .v-avatar {
19236
+ --v-avatar-height: 26px;
19239
19237
  }
19240
-
19241
- .v-col-10 {
19242
- flex: 0 0 83.3333333333%;
19243
- max-width: 83.3333333333%;
19238
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19239
+ --v-avatar-height: 32px;
19244
19240
  }
19245
19241
 
19246
- .v-col-11 {
19247
- flex: 0 0 91.6666666667%;
19248
- max-width: 91.6666666667%;
19242
+ .v-chip.v-chip--size-default .v-avatar--start {
19243
+ margin-inline-start: -8.4px;
19244
+ margin-inline-end: 6px;
19245
+ }
19246
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19247
+ margin-inline-start: -12px;
19249
19248
  }
19250
19249
 
19251
- .v-col-12 {
19252
- flex: 0 0 100%;
19253
- max-width: 100%;
19250
+ .v-chip.v-chip--size-default .v-avatar--end {
19251
+ margin-inline-start: 6px;
19252
+ margin-inline-end: -8.4px;
19253
+ }
19254
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19255
+ margin-inline-end: -12px;
19254
19256
  }
19255
19257
 
19256
- .offset-1 {
19257
- margin-inline-start: 8.3333333333%;
19258
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19259
+ margin-inline-start: 18px;
19258
19260
  }
19259
19261
 
19260
- .offset-2 {
19261
- margin-inline-start: 16.6666666667%;
19262
+ .v-chip.v-chip--size-default .v-icon--start,
19263
+ .v-chip.v-chip--size-default .v-chip__filter {
19264
+ margin-inline-start: -6px;
19265
+ margin-inline-end: 6px;
19266
+ }
19267
+ .v-chip.v-chip--size-default .v-icon--end,
19268
+ .v-chip.v-chip--size-default .v-chip__close {
19269
+ margin-inline-start: 6px;
19270
+ margin-inline-end: -6px;
19271
+ }
19272
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19273
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19274
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19275
+ margin-inline-start: 12px;
19262
19276
  }
19263
19277
 
19264
- .offset-3 {
19265
- margin-inline-start: 25%;
19278
+ .v-chip.v-chip--size-large {
19279
+ --v-chip-size: 1rem;
19280
+ --v-chip-height: 38px;
19281
+ font-size: 1rem;
19282
+ padding: 0 14px;
19283
+ }
19284
+ .v-chip.v-chip--size-large .v-avatar {
19285
+ --v-avatar-height: 32px;
19286
+ }
19287
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19288
+ --v-avatar-height: 38px;
19266
19289
  }
19267
19290
 
19268
- .offset-4 {
19269
- margin-inline-start: 33.3333333333%;
19291
+ .v-chip.v-chip--size-large .v-avatar--start {
19292
+ margin-inline-start: -9.8px;
19293
+ margin-inline-end: 7px;
19294
+ }
19295
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19296
+ margin-inline-start: -14px;
19270
19297
  }
19271
19298
 
19272
- .offset-5 {
19273
- margin-inline-start: 41.6666666667%;
19299
+ .v-chip.v-chip--size-large .v-avatar--end {
19300
+ margin-inline-start: 7px;
19301
+ margin-inline-end: -9.8px;
19302
+ }
19303
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19304
+ margin-inline-end: -14px;
19274
19305
  }
19275
19306
 
19276
- .offset-6 {
19277
- margin-inline-start: 50%;
19307
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19308
+ margin-inline-start: 21px;
19278
19309
  }
19279
19310
 
19280
- .offset-7 {
19281
- margin-inline-start: 58.3333333333%;
19311
+ .v-chip.v-chip--size-large .v-icon--start,
19312
+ .v-chip.v-chip--size-large .v-chip__filter {
19313
+ margin-inline-start: -7px;
19314
+ margin-inline-end: 7px;
19315
+ }
19316
+ .v-chip.v-chip--size-large .v-icon--end,
19317
+ .v-chip.v-chip--size-large .v-chip__close {
19318
+ margin-inline-start: 7px;
19319
+ margin-inline-end: -7px;
19320
+ }
19321
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19322
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19323
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19324
+ margin-inline-start: 14px;
19282
19325
  }
19283
19326
 
19284
- .offset-8 {
19285
- margin-inline-start: 66.6666666667%;
19327
+ .v-chip.v-chip--size-x-large {
19328
+ --v-chip-size: 1.125rem;
19329
+ --v-chip-height: 44px;
19330
+ font-size: 1.125rem;
19331
+ padding: 0 17px;
19332
+ }
19333
+ .v-chip.v-chip--size-x-large .v-avatar {
19334
+ --v-avatar-height: 38px;
19335
+ }
19336
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19337
+ --v-avatar-height: 44px;
19286
19338
  }
19287
19339
 
19288
- .offset-9 {
19289
- margin-inline-start: 75%;
19340
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19341
+ margin-inline-start: -11.9px;
19342
+ margin-inline-end: 8.5px;
19343
+ }
19344
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19345
+ margin-inline-start: -17px;
19290
19346
  }
19291
19347
 
19292
- .offset-10 {
19293
- margin-inline-start: 83.3333333333%;
19348
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19349
+ margin-inline-start: 8.5px;
19350
+ margin-inline-end: -11.9px;
19351
+ }
19352
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19353
+ margin-inline-end: -17px;
19294
19354
  }
19295
19355
 
19296
- .offset-11 {
19297
- margin-inline-start: 91.6666666667%;
19298
- }
19299
-
19300
- @media (min-width: 600px) {
19301
- .v-col-sm {
19302
- flex-basis: 0;
19303
- flex-grow: 1;
19304
- max-width: 100%;
19305
- }
19306
- .v-col-sm-auto {
19307
- flex: 0 0 auto;
19308
- width: auto;
19309
- max-width: 100%;
19310
- }
19311
- .v-col-sm-1 {
19312
- flex: 0 0 8.3333333333%;
19313
- max-width: 8.3333333333%;
19314
- }
19315
- .v-col-sm-2 {
19316
- flex: 0 0 16.6666666667%;
19317
- max-width: 16.6666666667%;
19318
- }
19319
- .v-col-sm-3 {
19320
- flex: 0 0 25%;
19321
- max-width: 25%;
19322
- }
19323
- .v-col-sm-4 {
19324
- flex: 0 0 33.3333333333%;
19325
- max-width: 33.3333333333%;
19326
- }
19327
- .v-col-sm-5 {
19328
- flex: 0 0 41.6666666667%;
19329
- max-width: 41.6666666667%;
19330
- }
19331
- .v-col-sm-6 {
19332
- flex: 0 0 50%;
19333
- max-width: 50%;
19334
- }
19335
- .v-col-sm-7 {
19336
- flex: 0 0 58.3333333333%;
19337
- max-width: 58.3333333333%;
19338
- }
19339
- .v-col-sm-8 {
19340
- flex: 0 0 66.6666666667%;
19341
- max-width: 66.6666666667%;
19342
- }
19343
- .v-col-sm-9 {
19344
- flex: 0 0 75%;
19345
- max-width: 75%;
19346
- }
19347
- .v-col-sm-10 {
19348
- flex: 0 0 83.3333333333%;
19349
- max-width: 83.3333333333%;
19350
- }
19351
- .v-col-sm-11 {
19352
- flex: 0 0 91.6666666667%;
19353
- max-width: 91.6666666667%;
19354
- }
19355
- .v-col-sm-12 {
19356
- flex: 0 0 100%;
19357
- max-width: 100%;
19358
- }
19359
- .offset-sm-0 {
19360
- margin-inline-start: 0;
19361
- }
19362
- .offset-sm-1 {
19363
- margin-inline-start: 8.3333333333%;
19364
- }
19365
- .offset-sm-2 {
19366
- margin-inline-start: 16.6666666667%;
19367
- }
19368
- .offset-sm-3 {
19369
- margin-inline-start: 25%;
19370
- }
19371
- .offset-sm-4 {
19372
- margin-inline-start: 33.3333333333%;
19373
- }
19374
- .offset-sm-5 {
19375
- margin-inline-start: 41.6666666667%;
19376
- }
19377
- .offset-sm-6 {
19378
- margin-inline-start: 50%;
19379
- }
19380
- .offset-sm-7 {
19381
- margin-inline-start: 58.3333333333%;
19382
- }
19383
- .offset-sm-8 {
19384
- margin-inline-start: 66.6666666667%;
19385
- }
19386
- .offset-sm-9 {
19387
- margin-inline-start: 75%;
19388
- }
19389
- .offset-sm-10 {
19390
- margin-inline-start: 83.3333333333%;
19391
- }
19392
- .offset-sm-11 {
19393
- margin-inline-start: 91.6666666667%;
19394
- }
19395
- }
19396
- @media (min-width: 960px) {
19397
- .v-col-md {
19398
- flex-basis: 0;
19399
- flex-grow: 1;
19400
- max-width: 100%;
19401
- }
19402
- .v-col-md-auto {
19403
- flex: 0 0 auto;
19404
- width: auto;
19405
- max-width: 100%;
19406
- }
19407
- .v-col-md-1 {
19408
- flex: 0 0 8.3333333333%;
19409
- max-width: 8.3333333333%;
19410
- }
19411
- .v-col-md-2 {
19412
- flex: 0 0 16.6666666667%;
19413
- max-width: 16.6666666667%;
19414
- }
19415
- .v-col-md-3 {
19416
- flex: 0 0 25%;
19417
- max-width: 25%;
19418
- }
19419
- .v-col-md-4 {
19420
- flex: 0 0 33.3333333333%;
19421
- max-width: 33.3333333333%;
19422
- }
19423
- .v-col-md-5 {
19424
- flex: 0 0 41.6666666667%;
19425
- max-width: 41.6666666667%;
19426
- }
19427
- .v-col-md-6 {
19428
- flex: 0 0 50%;
19429
- max-width: 50%;
19430
- }
19431
- .v-col-md-7 {
19432
- flex: 0 0 58.3333333333%;
19433
- max-width: 58.3333333333%;
19434
- }
19435
- .v-col-md-8 {
19436
- flex: 0 0 66.6666666667%;
19437
- max-width: 66.6666666667%;
19438
- }
19439
- .v-col-md-9 {
19440
- flex: 0 0 75%;
19441
- max-width: 75%;
19442
- }
19443
- .v-col-md-10 {
19444
- flex: 0 0 83.3333333333%;
19445
- max-width: 83.3333333333%;
19446
- }
19447
- .v-col-md-11 {
19448
- flex: 0 0 91.6666666667%;
19449
- max-width: 91.6666666667%;
19450
- }
19451
- .v-col-md-12 {
19452
- flex: 0 0 100%;
19453
- max-width: 100%;
19454
- }
19455
- .offset-md-0 {
19456
- margin-inline-start: 0;
19457
- }
19458
- .offset-md-1 {
19459
- margin-inline-start: 8.3333333333%;
19460
- }
19461
- .offset-md-2 {
19462
- margin-inline-start: 16.6666666667%;
19463
- }
19464
- .offset-md-3 {
19465
- margin-inline-start: 25%;
19466
- }
19467
- .offset-md-4 {
19468
- margin-inline-start: 33.3333333333%;
19469
- }
19470
- .offset-md-5 {
19471
- margin-inline-start: 41.6666666667%;
19472
- }
19473
- .offset-md-6 {
19474
- margin-inline-start: 50%;
19475
- }
19476
- .offset-md-7 {
19477
- margin-inline-start: 58.3333333333%;
19478
- }
19479
- .offset-md-8 {
19480
- margin-inline-start: 66.6666666667%;
19481
- }
19482
- .offset-md-9 {
19483
- margin-inline-start: 75%;
19484
- }
19485
- .offset-md-10 {
19486
- margin-inline-start: 83.3333333333%;
19487
- }
19488
- .offset-md-11 {
19489
- margin-inline-start: 91.6666666667%;
19490
- }
19491
- }
19492
- @media (min-width: 1280px) {
19493
- .v-col-lg {
19494
- flex-basis: 0;
19495
- flex-grow: 1;
19496
- max-width: 100%;
19497
- }
19498
- .v-col-lg-auto {
19499
- flex: 0 0 auto;
19500
- width: auto;
19501
- max-width: 100%;
19502
- }
19503
- .v-col-lg-1 {
19504
- flex: 0 0 8.3333333333%;
19505
- max-width: 8.3333333333%;
19506
- }
19507
- .v-col-lg-2 {
19508
- flex: 0 0 16.6666666667%;
19509
- max-width: 16.6666666667%;
19510
- }
19511
- .v-col-lg-3 {
19512
- flex: 0 0 25%;
19513
- max-width: 25%;
19514
- }
19515
- .v-col-lg-4 {
19516
- flex: 0 0 33.3333333333%;
19517
- max-width: 33.3333333333%;
19518
- }
19519
- .v-col-lg-5 {
19520
- flex: 0 0 41.6666666667%;
19521
- max-width: 41.6666666667%;
19522
- }
19523
- .v-col-lg-6 {
19524
- flex: 0 0 50%;
19525
- max-width: 50%;
19526
- }
19527
- .v-col-lg-7 {
19528
- flex: 0 0 58.3333333333%;
19529
- max-width: 58.3333333333%;
19530
- }
19531
- .v-col-lg-8 {
19532
- flex: 0 0 66.6666666667%;
19533
- max-width: 66.6666666667%;
19534
- }
19535
- .v-col-lg-9 {
19536
- flex: 0 0 75%;
19537
- max-width: 75%;
19538
- }
19539
- .v-col-lg-10 {
19540
- flex: 0 0 83.3333333333%;
19541
- max-width: 83.3333333333%;
19542
- }
19543
- .v-col-lg-11 {
19544
- flex: 0 0 91.6666666667%;
19545
- max-width: 91.6666666667%;
19546
- }
19547
- .v-col-lg-12 {
19548
- flex: 0 0 100%;
19549
- max-width: 100%;
19550
- }
19551
- .offset-lg-0 {
19552
- margin-inline-start: 0;
19553
- }
19554
- .offset-lg-1 {
19555
- margin-inline-start: 8.3333333333%;
19556
- }
19557
- .offset-lg-2 {
19558
- margin-inline-start: 16.6666666667%;
19559
- }
19560
- .offset-lg-3 {
19561
- margin-inline-start: 25%;
19562
- }
19563
- .offset-lg-4 {
19564
- margin-inline-start: 33.3333333333%;
19565
- }
19566
- .offset-lg-5 {
19567
- margin-inline-start: 41.6666666667%;
19568
- }
19569
- .offset-lg-6 {
19570
- margin-inline-start: 50%;
19571
- }
19572
- .offset-lg-7 {
19573
- margin-inline-start: 58.3333333333%;
19574
- }
19575
- .offset-lg-8 {
19576
- margin-inline-start: 66.6666666667%;
19577
- }
19578
- .offset-lg-9 {
19579
- margin-inline-start: 75%;
19580
- }
19581
- .offset-lg-10 {
19582
- margin-inline-start: 83.3333333333%;
19583
- }
19584
- .offset-lg-11 {
19585
- margin-inline-start: 91.6666666667%;
19586
- }
19587
- }
19588
- @media (min-width: 1920px) {
19589
- .v-col-xl {
19590
- flex-basis: 0;
19591
- flex-grow: 1;
19592
- max-width: 100%;
19593
- }
19594
- .v-col-xl-auto {
19595
- flex: 0 0 auto;
19596
- width: auto;
19597
- max-width: 100%;
19598
- }
19599
- .v-col-xl-1 {
19600
- flex: 0 0 8.3333333333%;
19601
- max-width: 8.3333333333%;
19602
- }
19603
- .v-col-xl-2 {
19604
- flex: 0 0 16.6666666667%;
19605
- max-width: 16.6666666667%;
19606
- }
19607
- .v-col-xl-3 {
19608
- flex: 0 0 25%;
19609
- max-width: 25%;
19610
- }
19611
- .v-col-xl-4 {
19612
- flex: 0 0 33.3333333333%;
19613
- max-width: 33.3333333333%;
19614
- }
19615
- .v-col-xl-5 {
19616
- flex: 0 0 41.6666666667%;
19617
- max-width: 41.6666666667%;
19618
- }
19619
- .v-col-xl-6 {
19620
- flex: 0 0 50%;
19621
- max-width: 50%;
19622
- }
19623
- .v-col-xl-7 {
19624
- flex: 0 0 58.3333333333%;
19625
- max-width: 58.3333333333%;
19626
- }
19627
- .v-col-xl-8 {
19628
- flex: 0 0 66.6666666667%;
19629
- max-width: 66.6666666667%;
19630
- }
19631
- .v-col-xl-9 {
19632
- flex: 0 0 75%;
19633
- max-width: 75%;
19634
- }
19635
- .v-col-xl-10 {
19636
- flex: 0 0 83.3333333333%;
19637
- max-width: 83.3333333333%;
19638
- }
19639
- .v-col-xl-11 {
19640
- flex: 0 0 91.6666666667%;
19641
- max-width: 91.6666666667%;
19642
- }
19643
- .v-col-xl-12 {
19644
- flex: 0 0 100%;
19645
- max-width: 100%;
19646
- }
19647
- .offset-xl-0 {
19648
- margin-inline-start: 0;
19649
- }
19650
- .offset-xl-1 {
19651
- margin-inline-start: 8.3333333333%;
19652
- }
19653
- .offset-xl-2 {
19654
- margin-inline-start: 16.6666666667%;
19655
- }
19656
- .offset-xl-3 {
19657
- margin-inline-start: 25%;
19658
- }
19659
- .offset-xl-4 {
19660
- margin-inline-start: 33.3333333333%;
19661
- }
19662
- .offset-xl-5 {
19663
- margin-inline-start: 41.6666666667%;
19664
- }
19665
- .offset-xl-6 {
19666
- margin-inline-start: 50%;
19667
- }
19668
- .offset-xl-7 {
19669
- margin-inline-start: 58.3333333333%;
19670
- }
19671
- .offset-xl-8 {
19672
- margin-inline-start: 66.6666666667%;
19673
- }
19674
- .offset-xl-9 {
19675
- margin-inline-start: 75%;
19676
- }
19677
- .offset-xl-10 {
19678
- margin-inline-start: 83.3333333333%;
19679
- }
19680
- .offset-xl-11 {
19681
- margin-inline-start: 91.6666666667%;
19682
- }
19683
- }
19684
- @media (min-width: 2560px) {
19685
- .v-col-xxl {
19686
- flex-basis: 0;
19687
- flex-grow: 1;
19688
- max-width: 100%;
19689
- }
19690
- .v-col-xxl-auto {
19691
- flex: 0 0 auto;
19692
- width: auto;
19693
- max-width: 100%;
19694
- }
19695
- .v-col-xxl-1 {
19696
- flex: 0 0 8.3333333333%;
19697
- max-width: 8.3333333333%;
19698
- }
19699
- .v-col-xxl-2 {
19700
- flex: 0 0 16.6666666667%;
19701
- max-width: 16.6666666667%;
19702
- }
19703
- .v-col-xxl-3 {
19704
- flex: 0 0 25%;
19705
- max-width: 25%;
19706
- }
19707
- .v-col-xxl-4 {
19708
- flex: 0 0 33.3333333333%;
19709
- max-width: 33.3333333333%;
19710
- }
19711
- .v-col-xxl-5 {
19712
- flex: 0 0 41.6666666667%;
19713
- max-width: 41.6666666667%;
19714
- }
19715
- .v-col-xxl-6 {
19716
- flex: 0 0 50%;
19717
- max-width: 50%;
19718
- }
19719
- .v-col-xxl-7 {
19720
- flex: 0 0 58.3333333333%;
19721
- max-width: 58.3333333333%;
19722
- }
19723
- .v-col-xxl-8 {
19724
- flex: 0 0 66.6666666667%;
19725
- max-width: 66.6666666667%;
19726
- }
19727
- .v-col-xxl-9 {
19728
- flex: 0 0 75%;
19729
- max-width: 75%;
19730
- }
19731
- .v-col-xxl-10 {
19732
- flex: 0 0 83.3333333333%;
19733
- max-width: 83.3333333333%;
19734
- }
19735
- .v-col-xxl-11 {
19736
- flex: 0 0 91.6666666667%;
19737
- max-width: 91.6666666667%;
19738
- }
19739
- .v-col-xxl-12 {
19740
- flex: 0 0 100%;
19741
- max-width: 100%;
19742
- }
19743
- .offset-xxl-0 {
19744
- margin-inline-start: 0;
19745
- }
19746
- .offset-xxl-1 {
19747
- margin-inline-start: 8.3333333333%;
19748
- }
19749
- .offset-xxl-2 {
19750
- margin-inline-start: 16.6666666667%;
19751
- }
19752
- .offset-xxl-3 {
19753
- margin-inline-start: 25%;
19754
- }
19755
- .offset-xxl-4 {
19756
- margin-inline-start: 33.3333333333%;
19757
- }
19758
- .offset-xxl-5 {
19759
- margin-inline-start: 41.6666666667%;
19760
- }
19761
- .offset-xxl-6 {
19762
- margin-inline-start: 50%;
19763
- }
19764
- .offset-xxl-7 {
19765
- margin-inline-start: 58.3333333333%;
19766
- }
19767
- .offset-xxl-8 {
19768
- margin-inline-start: 66.6666666667%;
19769
- }
19770
- .offset-xxl-9 {
19771
- margin-inline-start: 75%;
19772
- }
19773
- .offset-xxl-10 {
19774
- margin-inline-start: 83.3333333333%;
19775
- }
19776
- .offset-xxl-11 {
19777
- margin-inline-start: 91.6666666667%;
19778
- }
19779
- }.v-chip {
19780
- align-items: center;
19781
- display: inline-flex;
19782
- font-weight: 400;
19783
- max-width: 100%;
19784
- min-width: 0;
19785
- overflow: hidden;
19786
- position: relative;
19787
- text-decoration: none;
19788
- white-space: nowrap;
19789
- vertical-align: middle;
19790
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19791
- border-style: solid;
19792
- border-width: 0;
19793
- border-radius: 9999px;
19794
- }
19795
- .v-chip .v-icon {
19796
- --v-icon-size-multiplier: 0.8571428571;
19797
- }
19798
- .v-chip.v-chip--size-x-small {
19799
- --v-chip-size: 0.625rem;
19800
- --v-chip-height: 20px;
19801
- font-size: 0.625rem;
19802
- padding: 0 8px;
19803
- }
19804
- .v-chip.v-chip--size-x-small .v-avatar {
19805
- --v-avatar-height: 14px;
19806
- }
19807
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19808
- --v-avatar-height: 20px;
19809
- }
19810
-
19811
- .v-chip.v-chip--size-x-small .v-avatar--start {
19812
- margin-inline-start: -5.6px;
19813
- margin-inline-end: 4px;
19814
- }
19815
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19816
- margin-inline-start: -8px;
19817
- }
19818
-
19819
- .v-chip.v-chip--size-x-small .v-avatar--end {
19820
- margin-inline-start: 4px;
19821
- margin-inline-end: -5.6px;
19822
- }
19823
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19824
- margin-inline-end: -8px;
19825
- }
19826
-
19827
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19828
- margin-inline-start: 12px;
19829
- }
19830
-
19831
- .v-chip.v-chip--size-x-small .v-icon--start,
19832
- .v-chip.v-chip--size-x-small .v-chip__filter {
19833
- margin-inline-start: -4px;
19834
- margin-inline-end: 4px;
19835
- }
19836
- .v-chip.v-chip--size-x-small .v-icon--end,
19837
- .v-chip.v-chip--size-x-small .v-chip__close {
19838
- margin-inline-start: 4px;
19839
- margin-inline-end: -4px;
19840
- }
19841
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19842
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19843
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19844
- margin-inline-start: 8px;
19845
- }
19846
-
19847
- .v-chip.v-chip--size-small {
19848
- --v-chip-size: 0.75rem;
19849
- --v-chip-height: 26px;
19850
- font-size: 0.75rem;
19851
- padding: 0 10px;
19852
- }
19853
- .v-chip.v-chip--size-small .v-avatar {
19854
- --v-avatar-height: 20px;
19855
- }
19856
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19857
- --v-avatar-height: 26px;
19858
- }
19859
-
19860
- .v-chip.v-chip--size-small .v-avatar--start {
19861
- margin-inline-start: -7px;
19862
- margin-inline-end: 5px;
19863
- }
19864
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19865
- margin-inline-start: -10px;
19866
- }
19867
-
19868
- .v-chip.v-chip--size-small .v-avatar--end {
19869
- margin-inline-start: 5px;
19870
- margin-inline-end: -7px;
19871
- }
19872
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19873
- margin-inline-end: -10px;
19874
- }
19875
-
19876
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19877
- margin-inline-start: 15px;
19878
- }
19879
-
19880
- .v-chip.v-chip--size-small .v-icon--start,
19881
- .v-chip.v-chip--size-small .v-chip__filter {
19882
- margin-inline-start: -5px;
19883
- margin-inline-end: 5px;
19884
- }
19885
- .v-chip.v-chip--size-small .v-icon--end,
19886
- .v-chip.v-chip--size-small .v-chip__close {
19887
- margin-inline-start: 5px;
19888
- margin-inline-end: -5px;
19889
- }
19890
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19891
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19892
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19893
- margin-inline-start: 10px;
19894
- }
19895
-
19896
- .v-chip.v-chip--size-default {
19897
- --v-chip-size: 0.875rem;
19898
- --v-chip-height: 32px;
19899
- font-size: 0.875rem;
19900
- padding: 0 12px;
19901
- }
19902
- .v-chip.v-chip--size-default .v-avatar {
19903
- --v-avatar-height: 26px;
19904
- }
19905
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19906
- --v-avatar-height: 32px;
19907
- }
19908
-
19909
- .v-chip.v-chip--size-default .v-avatar--start {
19910
- margin-inline-start: -8.4px;
19911
- margin-inline-end: 6px;
19912
- }
19913
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19914
- margin-inline-start: -12px;
19915
- }
19916
-
19917
- .v-chip.v-chip--size-default .v-avatar--end {
19918
- margin-inline-start: 6px;
19919
- margin-inline-end: -8.4px;
19920
- }
19921
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19922
- margin-inline-end: -12px;
19923
- }
19924
-
19925
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19926
- margin-inline-start: 18px;
19927
- }
19928
-
19929
- .v-chip.v-chip--size-default .v-icon--start,
19930
- .v-chip.v-chip--size-default .v-chip__filter {
19931
- margin-inline-start: -6px;
19932
- margin-inline-end: 6px;
19933
- }
19934
- .v-chip.v-chip--size-default .v-icon--end,
19935
- .v-chip.v-chip--size-default .v-chip__close {
19936
- margin-inline-start: 6px;
19937
- margin-inline-end: -6px;
19938
- }
19939
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19940
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19941
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19942
- margin-inline-start: 12px;
19943
- }
19944
-
19945
- .v-chip.v-chip--size-large {
19946
- --v-chip-size: 1rem;
19947
- --v-chip-height: 38px;
19948
- font-size: 1rem;
19949
- padding: 0 14px;
19950
- }
19951
- .v-chip.v-chip--size-large .v-avatar {
19952
- --v-avatar-height: 32px;
19953
- }
19954
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19955
- --v-avatar-height: 38px;
19956
- }
19957
-
19958
- .v-chip.v-chip--size-large .v-avatar--start {
19959
- margin-inline-start: -9.8px;
19960
- margin-inline-end: 7px;
19961
- }
19962
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19963
- margin-inline-start: -14px;
19964
- }
19965
-
19966
- .v-chip.v-chip--size-large .v-avatar--end {
19967
- margin-inline-start: 7px;
19968
- margin-inline-end: -9.8px;
19969
- }
19970
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19971
- margin-inline-end: -14px;
19972
- }
19973
-
19974
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19975
- margin-inline-start: 21px;
19976
- }
19977
-
19978
- .v-chip.v-chip--size-large .v-icon--start,
19979
- .v-chip.v-chip--size-large .v-chip__filter {
19980
- margin-inline-start: -7px;
19981
- margin-inline-end: 7px;
19982
- }
19983
- .v-chip.v-chip--size-large .v-icon--end,
19984
- .v-chip.v-chip--size-large .v-chip__close {
19985
- margin-inline-start: 7px;
19986
- margin-inline-end: -7px;
19987
- }
19988
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19989
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19990
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19991
- margin-inline-start: 14px;
19992
- }
19993
-
19994
- .v-chip.v-chip--size-x-large {
19995
- --v-chip-size: 1.125rem;
19996
- --v-chip-height: 44px;
19997
- font-size: 1.125rem;
19998
- padding: 0 17px;
19999
- }
20000
- .v-chip.v-chip--size-x-large .v-avatar {
20001
- --v-avatar-height: 38px;
20002
- }
20003
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20004
- --v-avatar-height: 44px;
20005
- }
20006
-
20007
- .v-chip.v-chip--size-x-large .v-avatar--start {
20008
- margin-inline-start: -11.9px;
20009
- margin-inline-end: 8.5px;
20010
- }
20011
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20012
- margin-inline-start: -17px;
20013
- }
20014
-
20015
- .v-chip.v-chip--size-x-large .v-avatar--end {
20016
- margin-inline-start: 8.5px;
20017
- margin-inline-end: -11.9px;
20018
- }
20019
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
20020
- margin-inline-end: -17px;
20021
- }
20022
-
20023
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
20024
- margin-inline-start: 25.5px;
19356
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19357
+ margin-inline-start: 25.5px;
20025
19358
  }
20026
19359
 
20027
19360
  .v-chip.v-chip--size-x-large .v-icon--start,
@@ -20188,11 +19521,6 @@ html.overflow-y-hidden {
20188
19521
 
20189
19522
  .v-chip--label {
20190
19523
  border-radius: 4px;
20191
- }.v-checkbox.v-input {
20192
- flex: 0 1 auto;
20193
- }
20194
- .v-checkbox .v-selection-control {
20195
- min-height: var(--v-input-control-height);
20196
19524
  }.v-chip-group {
20197
19525
  display: flex;
20198
19526
  max-width: 100%;
@@ -20535,6 +19863,66 @@ html.overflow-y-hidden {
20535
19863
  }
20536
19864
  .v-data-table-footer__page {
20537
19865
  padding: 0 8px;
19866
+ }.v-date-picker-header {
19867
+ align-items: flex-end;
19868
+ height: 70px;
19869
+ display: grid;
19870
+ grid-template-areas: "prepend content append";
19871
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19872
+ overflow: hidden;
19873
+ padding-inline: 24px 12px;
19874
+ padding-bottom: 12px;
19875
+ }
19876
+
19877
+ .v-date-picker-header__append {
19878
+ grid-area: append;
19879
+ }
19880
+
19881
+ .v-date-picker-header__prepend {
19882
+ grid-area: prepend;
19883
+ padding-inline-start: 8px;
19884
+ }
19885
+
19886
+ .v-date-picker-header__content {
19887
+ align-items: center;
19888
+ display: inline-flex;
19889
+ font-size: 32px;
19890
+ line-height: 40px;
19891
+ grid-area: content;
19892
+ justify-content: space-between;
19893
+ }
19894
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19895
+ cursor: pointer;
19896
+ }
19897
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19898
+ opacity: 0.7;
19899
+ }
19900
+
19901
+ .date-picker-header-transition-enter-active,
19902
+ .date-picker-header-reverse-transition-enter-active {
19903
+ transition-duration: 0.3s;
19904
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19905
+ }
19906
+ .date-picker-header-transition-leave-active,
19907
+ .date-picker-header-reverse-transition-leave-active {
19908
+ transition-duration: 0.3s;
19909
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19910
+ }
19911
+
19912
+ .date-picker-header-transition-enter-from {
19913
+ transform: translate(0, 100%);
19914
+ }
19915
+ .date-picker-header-transition-leave-to {
19916
+ opacity: 0;
19917
+ transform: translate(0, -100%);
19918
+ }
19919
+
19920
+ .date-picker-header-reverse-transition-enter-from {
19921
+ transform: translate(0, -100%);
19922
+ }
19923
+ .date-picker-header-reverse-transition-leave-to {
19924
+ opacity: 0;
19925
+ transform: translate(0, 100%);
20538
19926
  }.v-date-picker {
20539
19927
  overflow: hidden;
20540
19928
  width: 328px;
@@ -20652,66 +20040,6 @@ html.overflow-y-hidden {
20652
20040
 
20653
20041
  .v-date-picker-month__day--hide-adjacent {
20654
20042
  opacity: 0;
20655
- }.v-date-picker-header {
20656
- align-items: flex-end;
20657
- height: 70px;
20658
- display: grid;
20659
- grid-template-areas: "prepend content append";
20660
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20661
- overflow: hidden;
20662
- padding-inline: 24px 12px;
20663
- padding-bottom: 12px;
20664
- }
20665
-
20666
- .v-date-picker-header__append {
20667
- grid-area: append;
20668
- }
20669
-
20670
- .v-date-picker-header__prepend {
20671
- grid-area: prepend;
20672
- padding-inline-start: 8px;
20673
- }
20674
-
20675
- .v-date-picker-header__content {
20676
- align-items: center;
20677
- display: inline-flex;
20678
- font-size: 32px;
20679
- line-height: 40px;
20680
- grid-area: content;
20681
- justify-content: space-between;
20682
- }
20683
- .v-date-picker-header--clickable .v-date-picker-header__content {
20684
- cursor: pointer;
20685
- }
20686
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20687
- opacity: 0.7;
20688
- }
20689
-
20690
- .date-picker-header-transition-enter-active,
20691
- .date-picker-header-reverse-transition-enter-active {
20692
- transition-duration: 0.3s;
20693
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20694
- }
20695
- .date-picker-header-transition-leave-active,
20696
- .date-picker-header-reverse-transition-leave-active {
20697
- transition-duration: 0.3s;
20698
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20699
- }
20700
-
20701
- .date-picker-header-transition-enter-from {
20702
- transform: translate(0, 100%);
20703
- }
20704
- .date-picker-header-transition-leave-to {
20705
- opacity: 0;
20706
- transform: translate(0, -100%);
20707
- }
20708
-
20709
- .date-picker-header-reverse-transition-enter-from {
20710
- transform: translate(0, -100%);
20711
- }
20712
- .date-picker-header-reverse-transition-leave-to {
20713
- opacity: 0;
20714
- transform: translate(0, 100%);
20715
20043
  }.v-date-picker-years {
20716
20044
  height: 288px;
20717
20045
  overflow-y: scroll;
@@ -20746,6 +20074,56 @@ html.overflow-y-hidden {
20746
20074
  text-transform: none;
20747
20075
  padding-inline-start: 8px;
20748
20076
  padding-inline-end: 8px;
20077
+ }.v-divider {
20078
+ display: block;
20079
+ flex: 1 1 100%;
20080
+ height: 0px;
20081
+ max-height: 0px;
20082
+ opacity: var(--v-border-opacity);
20083
+ transition: inherit;
20084
+ border-style: solid;
20085
+ border-width: thin 0 0 0;
20086
+ }
20087
+ .v-divider--vertical {
20088
+ align-self: stretch;
20089
+ border-width: 0 thin 0 0;
20090
+ display: inline-flex;
20091
+ height: auto;
20092
+ margin-left: -1px;
20093
+ max-height: 100%;
20094
+ max-width: 0px;
20095
+ vertical-align: text-bottom;
20096
+ width: 0px;
20097
+ }
20098
+ .v-divider--inset:not(.v-divider--vertical) {
20099
+ max-width: calc(100% - 72px);
20100
+ margin-inline-start: 72px;
20101
+ }
20102
+ .v-divider--inset.v-divider--vertical {
20103
+ margin-bottom: 8px;
20104
+ margin-top: 8px;
20105
+ max-height: calc(100% - 16px);
20106
+ }
20107
+
20108
+ .v-divider__content {
20109
+ padding: 0 16px;
20110
+ text-wrap: nowrap;
20111
+ }
20112
+ .v-divider__wrapper--vertical .v-divider__content {
20113
+ padding: 4px 0;
20114
+ }
20115
+
20116
+ .v-divider__wrapper {
20117
+ display: flex;
20118
+ align-items: center;
20119
+ justify-content: center;
20120
+ }
20121
+ .v-divider__wrapper--vertical {
20122
+ flex-direction: column;
20123
+ height: 100%;
20124
+ }
20125
+ .v-divider__wrapper--vertical .v-divider {
20126
+ margin: 0 auto;
20749
20127
  }.v-dialog {
20750
20128
  align-items: center;
20751
20129
  justify-content: center;
@@ -20800,94 +20178,44 @@ html.overflow-y-hidden {
20800
20178
  .v-dialog--fullscreen {
20801
20179
  --v-scrollbar-offset: 0px;
20802
20180
  }
20803
- .v-dialog--fullscreen > .v-overlay__content {
20804
- border-radius: 0;
20805
- margin: 0;
20806
- padding: 0;
20807
- width: 100%;
20808
- height: 100%;
20809
- max-width: 100%;
20810
- max-height: 100%;
20811
- overflow-y: auto;
20812
- top: 0;
20813
- left: 0;
20814
- }
20815
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20816
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20817
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20818
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20819
- min-height: 100%;
20820
- min-width: 100%;
20821
- border-radius: 0;
20822
- }
20823
-
20824
- .v-dialog--scrollable > .v-overlay__content,
20825
- .v-dialog--scrollable > .v-overlay__content > form {
20826
- display: flex;
20827
- }
20828
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20829
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20830
- display: flex;
20831
- flex: 1 1 100%;
20832
- flex-direction: column;
20833
- max-height: 100%;
20834
- max-width: 100%;
20835
- }
20836
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20837
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20838
- -webkit-backface-visibility: hidden;
20839
- backface-visibility: hidden;
20840
- overflow-y: auto;
20841
- }.v-divider {
20842
- display: block;
20843
- flex: 1 1 100%;
20844
- height: 0px;
20845
- max-height: 0px;
20846
- opacity: var(--v-border-opacity);
20847
- transition: inherit;
20848
- border-style: solid;
20849
- border-width: thin 0 0 0;
20850
- }
20851
- .v-divider--vertical {
20852
- align-self: stretch;
20853
- border-width: 0 thin 0 0;
20854
- display: inline-flex;
20855
- height: auto;
20856
- margin-left: -1px;
20857
- max-height: 100%;
20858
- max-width: 0px;
20859
- vertical-align: text-bottom;
20860
- width: 0px;
20861
- }
20862
- .v-divider--inset:not(.v-divider--vertical) {
20863
- max-width: calc(100% - 72px);
20864
- margin-inline-start: 72px;
20865
- }
20866
- .v-divider--inset.v-divider--vertical {
20867
- margin-bottom: 8px;
20868
- margin-top: 8px;
20869
- max-height: calc(100% - 16px);
20870
- }
20871
-
20872
- .v-divider__content {
20873
- padding: 0 16px;
20874
- text-wrap: nowrap;
20181
+ .v-dialog--fullscreen > .v-overlay__content {
20182
+ border-radius: 0;
20183
+ margin: 0;
20184
+ padding: 0;
20185
+ width: 100%;
20186
+ height: 100%;
20187
+ max-width: 100%;
20188
+ max-height: 100%;
20189
+ overflow-y: auto;
20190
+ top: 0;
20191
+ left: 0;
20875
20192
  }
20876
- .v-divider__wrapper--vertical .v-divider__content {
20877
- padding: 4px 0;
20193
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20194
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20195
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20196
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20197
+ min-height: 100%;
20198
+ min-width: 100%;
20199
+ border-radius: 0;
20878
20200
  }
20879
20201
 
20880
- .v-divider__wrapper {
20202
+ .v-dialog--scrollable > .v-overlay__content,
20203
+ .v-dialog--scrollable > .v-overlay__content > form {
20881
20204
  display: flex;
20882
- align-items: center;
20883
- justify-content: center;
20884
20205
  }
20885
- .v-divider__wrapper--vertical {
20206
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20207
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20208
+ display: flex;
20209
+ flex: 1 1 100%;
20886
20210
  flex-direction: column;
20887
- height: 100%;
20211
+ max-height: 100%;
20212
+ max-width: 100%;
20888
20213
  }
20889
- .v-divider__wrapper--vertical .v-divider {
20890
- margin: 0 auto;
20214
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20215
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20216
+ -webkit-backface-visibility: hidden;
20217
+ backface-visibility: hidden;
20218
+ overflow-y: auto;
20891
20219
  }.v-empty-state {
20892
20220
  align-items: center;
20893
20221
  display: flex;
@@ -21114,754 +20442,1426 @@ html.overflow-y-hidden {
21114
20442
  opacity: 0;
21115
20443
  }
21116
20444
 
21117
- .v-expansion-panel-title__icon {
21118
- display: inline-flex;
21119
- margin-bottom: -4px;
21120
- margin-top: -4px;
21121
- -webkit-user-select: none;
21122
- user-select: none;
21123
- margin-inline-start: auto;
20445
+ .v-expansion-panel-title__icon {
20446
+ display: inline-flex;
20447
+ margin-bottom: -4px;
20448
+ margin-top: -4px;
20449
+ -webkit-user-select: none;
20450
+ user-select: none;
20451
+ margin-inline-start: auto;
20452
+ }
20453
+
20454
+ .v-expansion-panel-text {
20455
+ display: flex;
20456
+ }
20457
+ .v-expansion-panel-text__wrapper {
20458
+ padding: 8px 24px 16px;
20459
+ flex: 1 1 auto;
20460
+ max-width: 100%;
20461
+ }
20462
+
20463
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20464
+ margin-top: 0;
20465
+ }
20466
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20467
+ opacity: 1;
20468
+ }
20469
+
20470
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20471
+ max-width: calc(100% - 32px);
20472
+ }
20473
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20474
+ max-width: calc(100% + 16px);
20475
+ }
20476
+
20477
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20478
+ max-width: 100%;
20479
+ }
20480
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20481
+ max-width: calc(100% - 32px);
20482
+ }
20483
+
20484
+ .v-expansion-panels--flat > .v-expansion-panel::after {
20485
+ border-top: none;
20486
+ }
20487
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20488
+ display: none;
20489
+ }
20490
+
20491
+ .v-expansion-panels--tile {
20492
+ border-radius: 0;
20493
+ }
20494
+ .v-expansion-panels--tile > .v-expansion-panel {
20495
+ border-radius: 0;
20496
+ }.v-fab {
20497
+ align-items: center;
20498
+ display: inline-flex;
20499
+ flex: 1 1 auto;
20500
+ pointer-events: none;
20501
+ position: relative;
20502
+ transition-duration: 0.2s;
20503
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20504
+ vertical-align: middle;
20505
+ }
20506
+ .v-fab .v-btn {
20507
+ pointer-events: auto;
20508
+ }
20509
+ .v-fab .v-btn--variant-elevated {
20510
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20511
+ }
20512
+ .v-fab--app, .v-fab--absolute {
20513
+ display: flex;
20514
+ }
20515
+ .v-fab--start, .v-fab--left {
20516
+ justify-content: flex-start;
20517
+ }
20518
+ .v-fab--center {
20519
+ align-items: center;
20520
+ justify-content: center;
20521
+ }
20522
+ .v-fab--end, .v-fab--right {
20523
+ justify-content: flex-end;
20524
+ }
20525
+ .v-fab--bottom {
20526
+ align-items: flex-end;
20527
+ }
20528
+ .v-fab--top {
20529
+ align-items: flex-start;
20530
+ }
20531
+ .v-fab--extended .v-btn {
20532
+ border-radius: 9999px !important;
20533
+ }
20534
+
20535
+ .v-fab__container {
20536
+ align-self: center;
20537
+ display: inline-flex;
20538
+ position: absolute;
20539
+ vertical-align: middle;
20540
+ }
20541
+ .v-fab--app .v-fab__container {
20542
+ margin: 12px;
20543
+ }
20544
+ .v-fab--absolute .v-fab__container {
20545
+ position: absolute;
20546
+ z-index: 4;
20547
+ }
20548
+ .v-fab--offset.v-fab--top .v-fab__container {
20549
+ transform: translateY(-50%);
20550
+ }
20551
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20552
+ transform: translateY(50%);
20553
+ }
20554
+ .v-fab--top .v-fab__container {
20555
+ top: 0;
20556
+ }
20557
+ .v-fab--bottom .v-fab__container {
20558
+ bottom: 0;
20559
+ }
20560
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20561
+ left: 0;
20562
+ }
20563
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20564
+ right: 0;
20565
+ }/* region INPUT */
20566
+ .v-field {
20567
+ --v-theme-overlay-multiplier: 1;
20568
+ display: grid;
20569
+ grid-template-areas: "prepend-inner field clear append-inner";
20570
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20571
+ font-size: 16px;
20572
+ letter-spacing: 0.009375em;
20573
+ max-width: 100%;
20574
+ border-radius: 4px;
20575
+ contain: layout;
20576
+ flex: 1 0;
20577
+ grid-area: control;
20578
+ position: relative;
20579
+ --v-field-padding-start: 16px;
20580
+ --v-field-padding-end: 16px;
20581
+ --v-field-padding-top: 8px;
20582
+ --v-field-padding-bottom: 4px;
20583
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20584
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20585
+ }
20586
+ .v-field--disabled {
20587
+ opacity: var(--v-disabled-opacity);
20588
+ pointer-events: none;
20589
+ }
20590
+ .v-field .v-chip {
20591
+ --v-chip-height: 24px;
20592
+ }
20593
+
20594
+ /* endregion */
20595
+ /* region MODIFIERS */
20596
+ .v-field--prepended {
20597
+ padding-inline-start: 12px;
20598
+ }
20599
+ .v-field--appended {
20600
+ padding-inline-end: 12px;
20601
+ }
20602
+ .v-field--variant-solo, .v-field--variant-solo-filled {
20603
+ background: rgb(var(--v-theme-surface));
20604
+ border-color: transparent;
20605
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20606
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20607
+ }
20608
+ .v-field--variant-solo-inverted {
20609
+ background: rgb(var(--v-theme-surface));
20610
+ border-color: transparent;
20611
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20612
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20613
+ }
20614
+ .v-field--variant-solo-inverted.v-field--focused {
20615
+ color: rgb(var(--v-theme-on-surface-variant));
20616
+ }
20617
+ .v-field--variant-filled {
20618
+ border-bottom-left-radius: 0;
20619
+ border-bottom-right-radius: 0;
20620
+ }
20621
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
20622
+ --v-input-control-height: 56px;
20623
+ --v-field-padding-bottom: 4px;
20624
+ }
20625
+
20626
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
20627
+ --v-input-control-height: 48px;
20628
+ --v-field-padding-bottom: 0px;
20629
+ }
20630
+
20631
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
20632
+ --v-input-control-height: 40px;
20633
+ --v-field-padding-bottom: 0px;
20634
+ }
20635
+
20636
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20637
+ --v-field-padding-top: 0px;
20638
+ }
20639
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
20640
+ --v-field-padding-bottom: 16px;
20641
+ }
20642
+
20643
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
20644
+ --v-field-padding-bottom: 12px;
20645
+ }
20646
+
20647
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
20648
+ --v-field-padding-bottom: 8px;
20649
+ }
20650
+
20651
+ .v-field--variant-plain, .v-field--variant-underlined {
20652
+ border-radius: 0;
20653
+ padding: 0;
20654
+ }
20655
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
20656
+ --v-field-padding-start: 0px;
20657
+ --v-field-padding-end: 0px;
20658
+ }
20659
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
20660
+ --v-input-control-height: 48px;
20661
+ --v-field-padding-top: 4px;
20662
+ --v-field-padding-bottom: 4px;
20663
+ }
20664
+
20665
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
20666
+ --v-input-control-height: 40px;
20667
+ --v-field-padding-top: 2px;
20668
+ --v-field-padding-bottom: 0px;
21124
20669
  }
21125
20670
 
21126
- .v-expansion-panel-text {
21127
- display: flex;
21128
- }
21129
- .v-expansion-panel-text__wrapper {
21130
- padding: 8px 24px 16px;
21131
- flex: 1 1 auto;
21132
- max-width: 100%;
20671
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
20672
+ --v-input-control-height: 32px;
20673
+ --v-field-padding-top: 0px;
20674
+ --v-field-padding-bottom: 0px;
21133
20675
  }
21134
20676
 
21135
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21136
- margin-top: 0;
20677
+ .v-field--flat {
20678
+ box-shadow: none;
21137
20679
  }
21138
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21139
- opacity: 1;
20680
+ .v-field--rounded {
20681
+ border-radius: 24px;
21140
20682
  }
21141
-
21142
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21143
- max-width: calc(100% - 32px);
20683
+ .v-field.v-field--prepended {
20684
+ --v-field-padding-start: 6px;
21144
20685
  }
21145
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21146
- max-width: calc(100% + 16px);
20686
+ .v-field.v-field--appended {
20687
+ --v-field-padding-end: 6px;
21147
20688
  }
21148
20689
 
21149
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21150
- max-width: 100%;
20690
+ /* endregion */
20691
+ /* region ELEMENTS */
20692
+ .v-field__input {
20693
+ align-items: center;
20694
+ color: inherit;
20695
+ column-gap: 2px;
20696
+ display: flex;
20697
+ flex-wrap: wrap;
20698
+ letter-spacing: 0.009375em;
20699
+ opacity: var(--v-high-emphasis-opacity);
20700
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
20701
+ min-width: 0;
20702
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
20703
+ padding-top: var(--v-field-input-padding-top);
20704
+ padding-bottom: var(--v-field-input-padding-bottom);
20705
+ position: relative;
20706
+ width: 100%;
21151
20707
  }
21152
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21153
- max-width: calc(100% - 32px);
20708
+ .v-input--density-default .v-field__input {
20709
+ row-gap: 8px;
21154
20710
  }
21155
20711
 
21156
- .v-expansion-panels--flat > .v-expansion-panel::after {
21157
- border-top: none;
20712
+ .v-input--density-comfortable .v-field__input {
20713
+ row-gap: 6px;
21158
20714
  }
21159
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21160
- display: none;
20715
+
20716
+ .v-input--density-compact .v-field__input {
20717
+ row-gap: 4px;
21161
20718
  }
21162
20719
 
21163
- .v-expansion-panels--tile {
21164
- border-radius: 0;
20720
+ .v-field__input input {
20721
+ letter-spacing: inherit;
21165
20722
  }
21166
- .v-expansion-panels--tile > .v-expansion-panel {
21167
- border-radius: 0;
21168
- }.v-fab {
21169
- align-items: center;
21170
- display: inline-flex;
21171
- flex: 1 1 auto;
21172
- pointer-events: none;
21173
- position: relative;
21174
- transition-duration: 0.2s;
21175
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21176
- vertical-align: middle;
20723
+ .v-field__input input::placeholder,
20724
+ input.v-field__input::placeholder,
20725
+ textarea.v-field__input::placeholder {
20726
+ color: currentColor;
20727
+ opacity: var(--v-disabled-opacity);
21177
20728
  }
21178
- .v-fab .v-btn {
21179
- pointer-events: auto;
20729
+
20730
+ .v-field__input:focus, .v-field__input:active {
20731
+ outline: none;
21180
20732
  }
21181
- .v-fab .v-btn--variant-elevated {
21182
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20733
+ .v-field__input:invalid {
20734
+ box-shadow: none;
21183
20735
  }
21184
- .v-fab--app, .v-fab--absolute {
20736
+
20737
+ .v-field__field {
20738
+ flex: 1 0;
20739
+ grid-area: field;
20740
+ position: relative;
20741
+ align-items: flex-start;
21185
20742
  display: flex;
21186
20743
  }
21187
- .v-fab--start, .v-fab--left {
21188
- justify-content: flex-start;
21189
- }
21190
- .v-fab--center {
21191
- align-items: center;
21192
- justify-content: center;
20744
+
20745
+ /* endregion */
20746
+ /* region AFFIXES */
20747
+ .v-field__prepend-inner {
20748
+ grid-area: prepend-inner;
20749
+ padding-inline-end: var(--v-field-padding-after);
21193
20750
  }
21194
- .v-fab--end, .v-fab--right {
21195
- justify-content: flex-end;
20751
+
20752
+ .v-field__clearable {
20753
+ grid-area: clear;
21196
20754
  }
21197
- .v-fab--bottom {
21198
- align-items: flex-end;
20755
+
20756
+ .v-field__append-inner {
20757
+ grid-area: append-inner;
20758
+ padding-inline-start: var(--v-field-padding-after);
21199
20759
  }
21200
- .v-fab--top {
20760
+
20761
+ .v-field__append-inner,
20762
+ .v-field__clearable,
20763
+ .v-field__prepend-inner {
20764
+ display: flex;
21201
20765
  align-items: flex-start;
20766
+ padding-top: var(--v-input-padding-top, 8px);
21202
20767
  }
21203
- .v-fab--extended .v-btn {
21204
- border-radius: 9999px !important;
20768
+ .v-field--center-affix .v-field__append-inner,
20769
+ .v-field--center-affix .v-field__clearable,
20770
+ .v-field--center-affix .v-field__prepend-inner {
20771
+ align-items: center;
20772
+ padding-top: 0;
21205
20773
  }
21206
20774
 
21207
- .v-fab__container {
21208
- align-self: center;
21209
- display: inline-flex;
21210
- position: absolute;
21211
- vertical-align: middle;
20775
+ .v-field.v-field--variant-underlined .v-field__append-inner,
20776
+ .v-field.v-field--variant-underlined .v-field__clearable,
20777
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
20778
+ .v-field.v-field--variant-plain .v-field__append-inner,
20779
+ .v-field.v-field--variant-plain .v-field__clearable,
20780
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
20781
+ align-items: flex-start;
20782
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20783
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21212
20784
  }
21213
- .v-fab--app .v-fab__container {
21214
- margin: 12px;
20785
+
20786
+ .v-field--focused .v-field__prepend-inner,
20787
+ .v-field--focused .v-field__append-inner {
20788
+ opacity: 1;
21215
20789
  }
21216
- .v-fab--absolute .v-fab__container {
21217
- position: absolute;
21218
- z-index: 4;
20790
+
20791
+ .v-field__prepend-inner > .v-icon,
20792
+ .v-field__append-inner > .v-icon,
20793
+ .v-field__clearable > .v-icon {
20794
+ opacity: var(--v-medium-emphasis-opacity);
21219
20795
  }
21220
- .v-fab--offset.v-fab--top .v-fab__container {
21221
- transform: translateY(-50%);
20796
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
20797
+ .v-field--disabled .v-field__append-inner > .v-icon,
20798
+ .v-field--error .v-field__append-inner > .v-icon,
20799
+ .v-field--disabled .v-field__clearable > .v-icon,
20800
+ .v-field--error .v-field__clearable > .v-icon {
20801
+ opacity: 1;
21222
20802
  }
21223
- .v-fab--offset.v-fab--bottom .v-fab__container {
21224
- transform: translateY(50%);
20803
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
20804
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
20805
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
20806
+ color: rgb(var(--v-theme-error));
21225
20807
  }
21226
- .v-fab--top .v-fab__container {
21227
- top: 0;
20808
+
20809
+ .v-field__clearable {
20810
+ cursor: pointer;
20811
+ opacity: 0;
20812
+ overflow: hidden;
20813
+ margin-inline: 4px;
20814
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20815
+ transition-property: opacity, transform, width;
21228
20816
  }
21229
- .v-fab--bottom .v-fab__container {
21230
- bottom: 0;
20817
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
20818
+ opacity: 1;
21231
20819
  }
21232
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21233
- left: 0;
20820
+ @media (hover: hover) {
20821
+ .v-field:hover .v-field__clearable {
20822
+ opacity: 1;
20823
+ }
21234
20824
  }
21235
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21236
- right: 0;
21237
- }/* region INPUT */
21238
- .v-field {
21239
- --v-theme-overlay-multiplier: 1;
21240
- display: grid;
21241
- grid-template-areas: "prepend-inner field clear append-inner";
21242
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21243
- font-size: 16px;
21244
- letter-spacing: 0.009375em;
21245
- max-width: 100%;
21246
- border-radius: 4px;
21247
- contain: layout;
21248
- flex: 1 0;
21249
- grid-area: control;
21250
- position: relative;
21251
- --v-field-padding-start: 16px;
21252
- --v-field-padding-end: 16px;
21253
- --v-field-padding-top: 8px;
21254
- --v-field-padding-bottom: 4px;
21255
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21256
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20825
+ @media (hover: none) {
20826
+ .v-field__clearable {
20827
+ opacity: 1;
20828
+ }
21257
20829
  }
21258
- .v-field--disabled {
21259
- opacity: var(--v-disabled-opacity);
20830
+
20831
+ /* endregion */
20832
+ /* region LABEL */
20833
+ .v-label.v-field-label {
20834
+ contain: layout paint;
20835
+ display: block;
20836
+ margin-inline-start: var(--v-field-padding-start);
20837
+ margin-inline-end: var(--v-field-padding-end);
20838
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21260
20839
  pointer-events: none;
20840
+ position: absolute;
20841
+ top: var(--v-input-padding-top);
20842
+ transform-origin: left center;
20843
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20844
+ transition-property: opacity, transform;
20845
+ z-index: 1;
20846
+ }
20847
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
20848
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21261
20849
  }
21262
- .v-field .v-chip {
21263
- --v-chip-height: 24px;
20850
+ .v-field--center-affix .v-label.v-field-label {
20851
+ top: 50%;
20852
+ transform: translateY(-50%);
21264
20853
  }
21265
-
21266
- /* endregion */
21267
- /* region MODIFIERS */
21268
- .v-field--prepended {
21269
- padding-inline-start: 12px;
20854
+ .v-field--active .v-label.v-field-label {
20855
+ visibility: hidden;
21270
20856
  }
21271
- .v-field--appended {
21272
- padding-inline-end: 12px;
20857
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
20858
+ opacity: 1;
21273
20859
  }
21274
- .v-field--variant-solo, .v-field--variant-solo-filled {
21275
- background: rgb(var(--v-theme-surface));
21276
- border-color: transparent;
21277
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21278
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20860
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
20861
+ color: rgb(var(--v-theme-error));
21279
20862
  }
21280
- .v-field--variant-solo-inverted {
21281
- background: rgb(var(--v-theme-surface));
21282
- border-color: transparent;
21283
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21284
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20863
+ .v-label.v-field-label--floating {
20864
+ --v-field-label-scale: 0.75em;
20865
+ font-size: var(--v-field-label-scale);
20866
+ visibility: hidden;
20867
+ max-width: 100%;
21285
20868
  }
21286
- .v-field--variant-solo-inverted.v-field--focused {
21287
- color: rgb(var(--v-theme-on-surface-variant));
20869
+ .v-field--center-affix .v-label.v-field-label--floating {
20870
+ transform: none;
21288
20871
  }
21289
- .v-field--variant-filled {
21290
- border-bottom-left-radius: 0;
21291
- border-bottom-right-radius: 0;
20872
+ .v-field.v-field--active .v-label.v-field-label--floating {
20873
+ visibility: unset;
21292
20874
  }
21293
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21294
- --v-input-control-height: 56px;
21295
- --v-field-padding-bottom: 4px;
20875
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
20876
+ top: 7px;
21296
20877
  }
21297
20878
 
21298
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21299
- --v-input-control-height: 48px;
21300
- --v-field-padding-bottom: 0px;
20879
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
20880
+ top: 5px;
21301
20881
  }
21302
20882
 
21303
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21304
- --v-input-control-height: 40px;
21305
- --v-field-padding-bottom: 0px;
20883
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20884
+ top: 3px;
21306
20885
  }
21307
20886
 
21308
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21309
- --v-field-padding-top: 0px;
20887
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
20888
+ transform: translateY(-16px);
20889
+ margin: 0;
20890
+ top: var(--v-input-padding-top);
21310
20891
  }
21311
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21312
- --v-field-padding-bottom: 16px;
20892
+ .v-field--variant-outlined .v-label.v-field-label--floating {
20893
+ transform: translateY(-50%);
20894
+ transform-origin: center;
20895
+ position: static;
20896
+ margin: 0 4px;
21313
20897
  }
21314
20898
 
21315
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21316
- --v-field-padding-bottom: 12px;
20899
+ /* endregion */
20900
+ /* region OUTLINE */
20901
+ .v-field__outline {
20902
+ --v-field-border-width: 1px;
20903
+ --v-field-border-opacity: 0.38;
20904
+ align-items: stretch;
20905
+ contain: layout;
20906
+ display: flex;
20907
+ height: 100%;
20908
+ left: 0;
20909
+ pointer-events: none;
20910
+ position: absolute;
20911
+ right: 0;
20912
+ width: 100%;
21317
20913
  }
21318
-
21319
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21320
- --v-field-padding-bottom: 8px;
20914
+ @media (hover: hover) {
20915
+ .v-field:hover .v-field__outline {
20916
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
20917
+ }
21321
20918
  }
21322
-
21323
- .v-field--variant-plain, .v-field--variant-underlined {
21324
- border-radius: 0;
21325
- padding: 0;
20919
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
20920
+ color: rgb(var(--v-theme-error));
21326
20921
  }
21327
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21328
- --v-field-padding-start: 0px;
21329
- --v-field-padding-end: 0px;
20922
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
20923
+ --v-field-border-opacity: 1;
21330
20924
  }
21331
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21332
- --v-input-control-height: 48px;
21333
- --v-field-padding-top: 4px;
21334
- --v-field-padding-bottom: 4px;
20925
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
20926
+ --v-field-border-width: 2px;
20927
+ }
20928
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
20929
+ border-color: currentColor;
20930
+ border-style: solid;
20931
+ border-width: 0 0 var(--v-field-border-width);
20932
+ opacity: var(--v-field-border-opacity);
20933
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20934
+ content: "";
20935
+ position: absolute;
20936
+ top: 0;
20937
+ left: 0;
20938
+ width: 100%;
20939
+ height: 100%;
20940
+ }
20941
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
20942
+ border-color: currentColor;
20943
+ border-style: solid;
20944
+ border-width: 0 0 2px;
20945
+ transform: scaleX(0);
20946
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20947
+ content: "";
20948
+ position: absolute;
20949
+ top: 0;
20950
+ left: 0;
20951
+ width: 100%;
20952
+ height: 100%;
20953
+ }
20954
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
20955
+ transform: scaleX(1);
21335
20956
  }
21336
20957
 
21337
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21338
- --v-input-control-height: 40px;
21339
- --v-field-padding-top: 2px;
21340
- --v-field-padding-bottom: 0px;
20958
+ .v-field--variant-outlined .v-field__outline {
20959
+ border-radius: inherit;
20960
+ }
20961
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
20962
+ border: 0 solid currentColor;
20963
+ opacity: var(--v-field-border-opacity);
20964
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20965
+ }
20966
+ .v-field--variant-outlined .v-field__outline__start {
20967
+ flex: 0 0 12px;
20968
+ border-top-width: var(--v-field-border-width);
20969
+ border-bottom-width: var(--v-field-border-width);
20970
+ border-inline-start-width: var(--v-field-border-width);
20971
+ border-start-start-radius: inherit;
20972
+ border-start-end-radius: 0;
20973
+ border-end-end-radius: 0;
20974
+ border-end-start-radius: inherit;
20975
+ }
20976
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
20977
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
20978
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
20979
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21341
20980
  }
21342
20981
 
21343
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21344
- --v-input-control-height: 32px;
21345
- --v-field-padding-top: 0px;
21346
- --v-field-padding-bottom: 0px;
20982
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
20983
+ border-start-start-radius: 0;
20984
+ border-start-end-radius: inherit;
20985
+ border-end-end-radius: inherit;
20986
+ border-end-start-radius: 0;
20987
+ border-inline-end-width: var(--v-field-border-width);
20988
+ border-inline-start-width: 0;
21347
20989
  }
21348
20990
 
21349
- .v-field--flat {
21350
- box-shadow: none;
20991
+ .v-field--variant-outlined .v-field__outline__notch {
20992
+ flex: none;
20993
+ position: relative;
20994
+ max-width: calc(100% - 12px);
21351
20995
  }
21352
- .v-field--rounded {
21353
- border-radius: 24px;
20996
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
20997
+ opacity: var(--v-field-border-opacity);
20998
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20999
+ content: "";
21000
+ position: absolute;
21001
+ top: 0;
21002
+ left: 0;
21003
+ width: 100%;
21004
+ height: 100%;
21354
21005
  }
21355
- .v-field.v-field--prepended {
21356
- --v-field-padding-start: 6px;
21006
+ .v-field--variant-outlined .v-field__outline__notch::before {
21007
+ border-width: var(--v-field-border-width) 0 0;
21357
21008
  }
21358
- .v-field.v-field--appended {
21359
- --v-field-padding-end: 6px;
21009
+ .v-field--variant-outlined .v-field__outline__notch::after {
21010
+ bottom: 0;
21011
+ border-width: 0 0 var(--v-field-border-width);
21012
+ }
21013
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21014
+ opacity: 0;
21015
+ }
21016
+
21017
+ .v-field--variant-outlined .v-field__outline__end {
21018
+ flex: 1;
21019
+ border-top-width: var(--v-field-border-width);
21020
+ border-bottom-width: var(--v-field-border-width);
21021
+ border-inline-end-width: var(--v-field-border-width);
21022
+ border-start-start-radius: 0;
21023
+ border-start-end-radius: inherit;
21024
+ border-end-end-radius: inherit;
21025
+ border-end-start-radius: 0;
21026
+ }
21027
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21028
+ border-start-start-radius: inherit;
21029
+ border-start-end-radius: 0;
21030
+ border-end-end-radius: 0;
21031
+ border-end-start-radius: inherit;
21032
+ border-inline-end-width: 0;
21033
+ border-inline-start-width: var(--v-field-border-width);
21360
21034
  }
21361
21035
 
21362
21036
  /* endregion */
21363
- /* region ELEMENTS */
21364
- .v-field__input {
21365
- align-items: center;
21366
- color: inherit;
21367
- column-gap: 2px;
21368
- display: flex;
21369
- flex-wrap: wrap;
21370
- letter-spacing: 0.009375em;
21371
- opacity: var(--v-high-emphasis-opacity);
21372
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21373
- min-width: 0;
21374
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21375
- padding-top: var(--v-field-input-padding-top);
21376
- padding-bottom: var(--v-field-input-padding-bottom);
21377
- position: relative;
21037
+ /* region LOADER */
21038
+ .v-field__loader {
21039
+ top: calc(100% - 2px);
21040
+ left: 0;
21041
+ position: absolute;
21042
+ right: 0;
21378
21043
  width: 100%;
21044
+ border-top-left-radius: 0;
21045
+ border-top-right-radius: 0;
21046
+ border-bottom-left-radius: inherit;
21047
+ border-bottom-right-radius: inherit;
21048
+ overflow: hidden;
21379
21049
  }
21380
- .v-input--density-default .v-field__input {
21381
- row-gap: 8px;
21050
+ .v-field--variant-outlined .v-field__loader {
21051
+ top: calc(100% - 3px);
21052
+ width: calc(100% - 1px * 2);
21053
+ left: 1px;
21382
21054
  }
21383
21055
 
21384
- .v-input--density-comfortable .v-field__input {
21385
- row-gap: 6px;
21056
+ /* endregion */
21057
+ /* region OVERLAY */
21058
+ .v-field__overlay {
21059
+ border-radius: inherit;
21060
+ pointer-events: none;
21061
+ position: absolute;
21062
+ top: 0;
21063
+ left: 0;
21064
+ width: 100%;
21065
+ height: 100%;
21386
21066
  }
21387
21067
 
21388
- .v-input--density-compact .v-field__input {
21389
- row-gap: 4px;
21068
+ .v-field--variant-filled .v-field__overlay {
21069
+ background-color: currentColor;
21070
+ opacity: 0.04;
21071
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21390
21072
  }
21391
-
21392
- .v-field__input input {
21393
- letter-spacing: inherit;
21073
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21074
+ opacity: 0;
21394
21075
  }
21395
- .v-field__input input::placeholder,
21396
- input.v-field__input::placeholder,
21397
- textarea.v-field__input::placeholder {
21398
- color: currentColor;
21399
- opacity: var(--v-disabled-opacity);
21076
+ @media (hover: hover) {
21077
+ .v-field--variant-filled:hover .v-field__overlay {
21078
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21079
+ }
21080
+ }
21081
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21082
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21400
21083
  }
21401
21084
 
21402
- .v-field__input:focus, .v-field__input:active {
21403
- outline: none;
21085
+ .v-field--variant-solo-filled .v-field__overlay {
21086
+ background-color: currentColor;
21087
+ opacity: 0.04;
21088
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21404
21089
  }
21405
- .v-field__input:invalid {
21406
- box-shadow: none;
21090
+ @media (hover: hover) {
21091
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21092
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21093
+ }
21407
21094
  }
21408
-
21409
- .v-field__field {
21410
- flex: 1 0;
21411
- grid-area: field;
21412
- position: relative;
21413
- align-items: flex-start;
21414
- display: flex;
21095
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21096
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21415
21097
  }
21416
21098
 
21417
- /* endregion */
21418
- /* region AFFIXES */
21419
- .v-field__prepend-inner {
21420
- grid-area: prepend-inner;
21421
- padding-inline-end: var(--v-field-padding-after);
21099
+ .v-field--variant-solo-inverted .v-field__overlay {
21100
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21422
21101
  }
21423
-
21424
- .v-field__clearable {
21425
- grid-area: clear;
21102
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21103
+ opacity: 0;
21426
21104
  }
21427
-
21428
- .v-field__append-inner {
21429
- grid-area: append-inner;
21430
- padding-inline-start: var(--v-field-padding-after);
21105
+ @media (hover: hover) {
21106
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21107
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21108
+ }
21109
+ }
21110
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21111
+ background-color: rgb(var(--v-theme-surface-variant));
21112
+ opacity: 1;
21431
21113
  }
21432
21114
 
21433
- .v-field__append-inner,
21434
- .v-field__clearable,
21435
- .v-field__prepend-inner {
21436
- display: flex;
21437
- align-items: flex-start;
21438
- padding-top: var(--v-input-padding-top, 8px);
21115
+ /* endregion */
21116
+ /* region MODIFIERS */
21117
+ .v-field--reverse .v-field__field,
21118
+ .v-field--reverse .v-field__input,
21119
+ .v-field--reverse .v-field__outline {
21120
+ flex-direction: row-reverse;
21439
21121
  }
21440
- .v-field--center-affix .v-field__append-inner,
21441
- .v-field--center-affix .v-field__clearable,
21442
- .v-field--center-affix .v-field__prepend-inner {
21443
- align-items: center;
21444
- padding-top: 0;
21122
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21123
+ text-align: end;
21445
21124
  }
21446
21125
 
21447
- .v-field.v-field--variant-underlined .v-field__append-inner,
21448
- .v-field.v-field--variant-underlined .v-field__clearable,
21449
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
21450
- .v-field.v-field--variant-plain .v-field__append-inner,
21451
- .v-field.v-field--variant-plain .v-field__clearable,
21452
- .v-field.v-field--variant-plain .v-field__prepend-inner {
21453
- align-items: flex-start;
21454
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21455
- padding-bottom: var(--v-field-padding-bottom, 4px);
21126
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21127
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21128
+ 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;
21456
21129
  }
21457
21130
 
21458
- .v-field--focused .v-field__prepend-inner,
21459
- .v-field--focused .v-field__append-inner {
21460
- opacity: 1;
21131
+ .v-field--loading .v-field__outline::after,
21132
+ .v-field--loading .v-field__outline::before {
21133
+ opacity: 0;
21461
21134
  }
21462
21135
 
21463
- .v-field__prepend-inner > .v-icon,
21464
- .v-field__append-inner > .v-icon,
21465
- .v-field__clearable > .v-icon {
21466
- opacity: var(--v-medium-emphasis-opacity);
21136
+ /* endregion */.v-file-input--hide.v-input .v-field,
21137
+ .v-file-input--hide.v-input .v-input__control,
21138
+ .v-file-input--hide.v-input .v-input__details {
21139
+ display: none;
21467
21140
  }
21468
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21469
- .v-field--disabled .v-field__append-inner > .v-icon,
21470
- .v-field--error .v-field__append-inner > .v-icon,
21471
- .v-field--disabled .v-field__clearable > .v-icon,
21472
- .v-field--error .v-field__clearable > .v-icon {
21473
- opacity: 1;
21141
+ .v-file-input--hide.v-input .v-input__prepend {
21142
+ grid-area: control;
21143
+ margin: 0 auto;
21474
21144
  }
21475
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21476
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21477
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21478
- color: rgb(var(--v-theme-error));
21145
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21146
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21147
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21148
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21149
+ top: 0px;
21479
21150
  }
21480
-
21481
- .v-field__clearable {
21482
- cursor: pointer;
21151
+ .v-file-input input[type=file] {
21152
+ height: 100%;
21153
+ left: 0;
21483
21154
  opacity: 0;
21484
- overflow: hidden;
21485
- margin-inline: 4px;
21486
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21487
- transition-property: opacity, transform, width;
21155
+ position: absolute;
21156
+ top: 0;
21157
+ width: 100%;
21158
+ z-index: 1;
21488
21159
  }
21489
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21490
- opacity: 1;
21160
+ .v-file-input .v-input__details {
21161
+ padding-inline: 16px;
21491
21162
  }
21492
- @media (hover: hover) {
21493
- .v-field:hover .v-field__clearable {
21494
- opacity: 1;
21163
+ .v-input--plain-underlined.v-file-input .v-input__details {
21164
+ padding-inline: 0;
21165
+ }.v-footer {
21166
+ align-items: center;
21167
+ display: flex;
21168
+ flex: 1 1 auto;
21169
+ padding: 8px 16px;
21170
+ position: relative;
21171
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21172
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21173
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21174
+ border-style: solid;
21175
+ border-width: 0;
21176
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21177
+ border-radius: 0;
21178
+ background: rgb(var(--v-theme-surface));
21179
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21180
+ }
21181
+ .v-footer--border {
21182
+ border-width: thin;
21183
+ box-shadow: none;
21184
+ }
21185
+ .v-footer--absolute {
21186
+ position: absolute;
21187
+ }
21188
+ .v-footer--fixed {
21189
+ position: fixed;
21190
+ }
21191
+ .v-footer--rounded {
21192
+ border-radius: 4px;
21193
+ }.v-container {
21194
+ width: 100%;
21195
+ padding: 16px;
21196
+ margin-right: auto;
21197
+ margin-left: auto;
21198
+ }
21199
+ @media (min-width: 960px) {
21200
+ .v-container {
21201
+ max-width: 900px;
21495
21202
  }
21496
21203
  }
21497
- @media (hover: none) {
21498
- .v-field__clearable {
21499
- opacity: 1;
21204
+ @media (min-width: 1280px) {
21205
+ .v-container {
21206
+ max-width: 1200px;
21500
21207
  }
21501
21208
  }
21502
-
21503
- /* endregion */
21504
- /* region LABEL */
21505
- .v-label.v-field-label {
21506
- contain: layout paint;
21507
- display: block;
21508
- margin-inline-start: var(--v-field-padding-start);
21509
- margin-inline-end: var(--v-field-padding-end);
21510
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21511
- pointer-events: none;
21512
- position: absolute;
21513
- top: var(--v-input-padding-top);
21514
- transform-origin: left center;
21515
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21516
- transition-property: opacity, transform;
21517
- z-index: 1;
21209
+ @media (min-width: 1920px) {
21210
+ .v-container {
21211
+ max-width: 1800px;
21212
+ }
21518
21213
  }
21519
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21520
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21214
+ @media (min-width: 2560px) {
21215
+ .v-container {
21216
+ max-width: 2400px;
21217
+ }
21521
21218
  }
21522
- .v-field--center-affix .v-label.v-field-label {
21523
- top: 50%;
21524
- transform: translateY(-50%);
21219
+ .v-container--fluid {
21220
+ max-width: 100%;
21525
21221
  }
21526
- .v-field--active .v-label.v-field-label {
21527
- visibility: hidden;
21222
+ .v-container.fill-height {
21223
+ align-items: center;
21224
+ display: flex;
21225
+ flex-wrap: wrap;
21528
21226
  }
21529
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21530
- opacity: 1;
21227
+
21228
+ .v-row {
21229
+ display: flex;
21230
+ flex-wrap: wrap;
21231
+ flex: 1 1 auto;
21232
+ margin: -12px;
21233
+ }
21234
+ .v-row + .v-row {
21235
+ margin-top: 12px;
21531
21236
  }
21532
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21533
- color: rgb(var(--v-theme-error));
21237
+ .v-row + .v-row--dense {
21238
+ margin-top: 4px;
21534
21239
  }
21535
- .v-label.v-field-label--floating {
21536
- --v-field-label-scale: 0.75em;
21537
- font-size: var(--v-field-label-scale);
21538
- visibility: hidden;
21539
- max-width: 100%;
21240
+ .v-row--dense {
21241
+ margin: -4px;
21540
21242
  }
21541
- .v-field--center-affix .v-label.v-field-label--floating {
21542
- transform: none;
21243
+ .v-row--dense > .v-col,
21244
+ .v-row--dense > [class*=v-col-] {
21245
+ padding: 4px;
21543
21246
  }
21544
- .v-field.v-field--active .v-label.v-field-label--floating {
21545
- visibility: unset;
21247
+ .v-row.v-row--no-gutters {
21248
+ margin: 0;
21546
21249
  }
21547
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21548
- top: 7px;
21250
+ .v-row.v-row--no-gutters > .v-col,
21251
+ .v-row.v-row--no-gutters > [class*=v-col-] {
21252
+ padding: 0;
21549
21253
  }
21550
21254
 
21551
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21552
- top: 5px;
21255
+ .v-spacer {
21256
+ flex-grow: 1;
21553
21257
  }
21554
21258
 
21555
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21556
- top: 3px;
21259
+ .v-col-xxl,
21260
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
21261
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
21262
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
21263
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
21264
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
21265
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
21266
+ width: 100%;
21267
+ padding: 12px;
21557
21268
  }
21558
21269
 
21559
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21560
- transform: translateY(-16px);
21561
- margin: 0;
21562
- top: var(--v-input-padding-top);
21563
- }
21564
- .v-field--variant-outlined .v-label.v-field-label--floating {
21565
- transform: translateY(-50%);
21566
- transform-origin: center;
21567
- position: static;
21568
- margin: 0 4px;
21270
+ .v-col {
21271
+ flex-basis: 0;
21272
+ flex-grow: 1;
21273
+ max-width: 100%;
21569
21274
  }
21570
21275
 
21571
- /* endregion */
21572
- /* region OUTLINE */
21573
- .v-field__outline {
21574
- --v-field-border-width: 1px;
21575
- --v-field-border-opacity: 0.38;
21576
- align-items: stretch;
21577
- contain: layout;
21578
- display: flex;
21579
- height: 100%;
21580
- left: 0;
21581
- pointer-events: none;
21582
- position: absolute;
21583
- right: 0;
21584
- width: 100%;
21276
+ .v-col-auto {
21277
+ flex: 0 0 auto;
21278
+ width: auto;
21279
+ max-width: 100%;
21585
21280
  }
21586
- @media (hover: hover) {
21587
- .v-field:hover .v-field__outline {
21588
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
21589
- }
21281
+
21282
+ .v-col-1 {
21283
+ flex: 0 0 8.3333333333%;
21284
+ max-width: 8.3333333333%;
21590
21285
  }
21591
- .v-field--error:not(.v-field--disabled) .v-field__outline {
21592
- color: rgb(var(--v-theme-error));
21286
+
21287
+ .v-col-2 {
21288
+ flex: 0 0 16.6666666667%;
21289
+ max-width: 16.6666666667%;
21593
21290
  }
21594
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21595
- --v-field-border-opacity: 1;
21291
+
21292
+ .v-col-3 {
21293
+ flex: 0 0 25%;
21294
+ max-width: 25%;
21596
21295
  }
21597
- .v-field--variant-outlined.v-field--focused .v-field__outline {
21598
- --v-field-border-width: 2px;
21296
+
21297
+ .v-col-4 {
21298
+ flex: 0 0 33.3333333333%;
21299
+ max-width: 33.3333333333%;
21599
21300
  }
21600
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21601
- border-color: currentColor;
21602
- border-style: solid;
21603
- border-width: 0 0 var(--v-field-border-width);
21604
- opacity: var(--v-field-border-opacity);
21605
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21606
- content: "";
21607
- position: absolute;
21608
- top: 0;
21609
- left: 0;
21610
- width: 100%;
21611
- height: 100%;
21301
+
21302
+ .v-col-5 {
21303
+ flex: 0 0 41.6666666667%;
21304
+ max-width: 41.6666666667%;
21612
21305
  }
21613
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21614
- border-color: currentColor;
21615
- border-style: solid;
21616
- border-width: 0 0 2px;
21617
- transform: scaleX(0);
21618
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21619
- content: "";
21620
- position: absolute;
21621
- top: 0;
21622
- left: 0;
21623
- width: 100%;
21624
- height: 100%;
21306
+
21307
+ .v-col-6 {
21308
+ flex: 0 0 50%;
21309
+ max-width: 50%;
21625
21310
  }
21626
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21627
- transform: scaleX(1);
21311
+
21312
+ .v-col-7 {
21313
+ flex: 0 0 58.3333333333%;
21314
+ max-width: 58.3333333333%;
21628
21315
  }
21629
21316
 
21630
- .v-field--variant-outlined .v-field__outline {
21631
- border-radius: inherit;
21317
+ .v-col-8 {
21318
+ flex: 0 0 66.6666666667%;
21319
+ max-width: 66.6666666667%;
21632
21320
  }
21633
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
21634
- border: 0 solid currentColor;
21635
- opacity: var(--v-field-border-opacity);
21636
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21321
+
21322
+ .v-col-9 {
21323
+ flex: 0 0 75%;
21324
+ max-width: 75%;
21637
21325
  }
21638
- .v-field--variant-outlined .v-field__outline__start {
21639
- flex: 0 0 12px;
21640
- border-top-width: var(--v-field-border-width);
21641
- border-bottom-width: var(--v-field-border-width);
21642
- border-inline-start-width: var(--v-field-border-width);
21643
- border-start-start-radius: inherit;
21644
- border-start-end-radius: 0;
21645
- border-end-end-radius: 0;
21646
- border-end-start-radius: inherit;
21326
+
21327
+ .v-col-10 {
21328
+ flex: 0 0 83.3333333333%;
21329
+ max-width: 83.3333333333%;
21647
21330
  }
21648
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21649
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21650
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21651
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21331
+
21332
+ .v-col-11 {
21333
+ flex: 0 0 91.6666666667%;
21334
+ max-width: 91.6666666667%;
21652
21335
  }
21653
21336
 
21654
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21655
- border-start-start-radius: 0;
21656
- border-start-end-radius: inherit;
21657
- border-end-end-radius: inherit;
21658
- border-end-start-radius: 0;
21659
- border-inline-end-width: var(--v-field-border-width);
21660
- border-inline-start-width: 0;
21337
+ .v-col-12 {
21338
+ flex: 0 0 100%;
21339
+ max-width: 100%;
21661
21340
  }
21662
21341
 
21663
- .v-field--variant-outlined .v-field__outline__notch {
21664
- flex: none;
21665
- position: relative;
21666
- max-width: calc(100% - 12px);
21342
+ .offset-1 {
21343
+ margin-inline-start: 8.3333333333%;
21667
21344
  }
21668
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21669
- opacity: var(--v-field-border-opacity);
21670
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21671
- content: "";
21672
- position: absolute;
21673
- top: 0;
21674
- left: 0;
21675
- width: 100%;
21676
- height: 100%;
21345
+
21346
+ .offset-2 {
21347
+ margin-inline-start: 16.6666666667%;
21677
21348
  }
21678
- .v-field--variant-outlined .v-field__outline__notch::before {
21679
- border-width: var(--v-field-border-width) 0 0;
21349
+
21350
+ .offset-3 {
21351
+ margin-inline-start: 25%;
21680
21352
  }
21681
- .v-field--variant-outlined .v-field__outline__notch::after {
21682
- bottom: 0;
21683
- border-width: 0 0 var(--v-field-border-width);
21353
+
21354
+ .offset-4 {
21355
+ margin-inline-start: 33.3333333333%;
21684
21356
  }
21685
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21686
- opacity: 0;
21357
+
21358
+ .offset-5 {
21359
+ margin-inline-start: 41.6666666667%;
21687
21360
  }
21688
21361
 
21689
- .v-field--variant-outlined .v-field__outline__end {
21690
- flex: 1;
21691
- border-top-width: var(--v-field-border-width);
21692
- border-bottom-width: var(--v-field-border-width);
21693
- border-inline-end-width: var(--v-field-border-width);
21694
- border-start-start-radius: 0;
21695
- border-start-end-radius: inherit;
21696
- border-end-end-radius: inherit;
21697
- border-end-start-radius: 0;
21362
+ .offset-6 {
21363
+ margin-inline-start: 50%;
21698
21364
  }
21699
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21700
- border-start-start-radius: inherit;
21701
- border-start-end-radius: 0;
21702
- border-end-end-radius: 0;
21703
- border-end-start-radius: inherit;
21704
- border-inline-end-width: 0;
21705
- border-inline-start-width: var(--v-field-border-width);
21365
+
21366
+ .offset-7 {
21367
+ margin-inline-start: 58.3333333333%;
21706
21368
  }
21707
21369
 
21708
- /* endregion */
21709
- /* region LOADER */
21710
- .v-field__loader {
21711
- top: calc(100% - 2px);
21712
- left: 0;
21713
- position: absolute;
21714
- right: 0;
21715
- width: 100%;
21716
- border-top-left-radius: 0;
21717
- border-top-right-radius: 0;
21718
- border-bottom-left-radius: inherit;
21719
- border-bottom-right-radius: inherit;
21720
- overflow: hidden;
21370
+ .offset-8 {
21371
+ margin-inline-start: 66.6666666667%;
21721
21372
  }
21722
- .v-field--variant-outlined .v-field__loader {
21723
- top: calc(100% - 3px);
21724
- width: calc(100% - 1px * 2);
21725
- left: 1px;
21373
+
21374
+ .offset-9 {
21375
+ margin-inline-start: 75%;
21726
21376
  }
21727
21377
 
21728
- /* endregion */
21729
- /* region OVERLAY */
21730
- .v-field__overlay {
21731
- border-radius: inherit;
21732
- pointer-events: none;
21733
- position: absolute;
21734
- top: 0;
21735
- left: 0;
21736
- width: 100%;
21737
- height: 100%;
21378
+ .offset-10 {
21379
+ margin-inline-start: 83.3333333333%;
21738
21380
  }
21739
21381
 
21740
- .v-field--variant-filled .v-field__overlay {
21741
- background-color: currentColor;
21742
- opacity: 0.04;
21743
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21382
+ .offset-11 {
21383
+ margin-inline-start: 91.6666666667%;
21744
21384
  }
21745
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
21746
- opacity: 0;
21385
+
21386
+ @media (min-width: 600px) {
21387
+ .v-col-sm {
21388
+ flex-basis: 0;
21389
+ flex-grow: 1;
21390
+ max-width: 100%;
21391
+ }
21392
+ .v-col-sm-auto {
21393
+ flex: 0 0 auto;
21394
+ width: auto;
21395
+ max-width: 100%;
21396
+ }
21397
+ .v-col-sm-1 {
21398
+ flex: 0 0 8.3333333333%;
21399
+ max-width: 8.3333333333%;
21400
+ }
21401
+ .v-col-sm-2 {
21402
+ flex: 0 0 16.6666666667%;
21403
+ max-width: 16.6666666667%;
21404
+ }
21405
+ .v-col-sm-3 {
21406
+ flex: 0 0 25%;
21407
+ max-width: 25%;
21408
+ }
21409
+ .v-col-sm-4 {
21410
+ flex: 0 0 33.3333333333%;
21411
+ max-width: 33.3333333333%;
21412
+ }
21413
+ .v-col-sm-5 {
21414
+ flex: 0 0 41.6666666667%;
21415
+ max-width: 41.6666666667%;
21416
+ }
21417
+ .v-col-sm-6 {
21418
+ flex: 0 0 50%;
21419
+ max-width: 50%;
21420
+ }
21421
+ .v-col-sm-7 {
21422
+ flex: 0 0 58.3333333333%;
21423
+ max-width: 58.3333333333%;
21424
+ }
21425
+ .v-col-sm-8 {
21426
+ flex: 0 0 66.6666666667%;
21427
+ max-width: 66.6666666667%;
21428
+ }
21429
+ .v-col-sm-9 {
21430
+ flex: 0 0 75%;
21431
+ max-width: 75%;
21432
+ }
21433
+ .v-col-sm-10 {
21434
+ flex: 0 0 83.3333333333%;
21435
+ max-width: 83.3333333333%;
21436
+ }
21437
+ .v-col-sm-11 {
21438
+ flex: 0 0 91.6666666667%;
21439
+ max-width: 91.6666666667%;
21440
+ }
21441
+ .v-col-sm-12 {
21442
+ flex: 0 0 100%;
21443
+ max-width: 100%;
21444
+ }
21445
+ .offset-sm-0 {
21446
+ margin-inline-start: 0;
21447
+ }
21448
+ .offset-sm-1 {
21449
+ margin-inline-start: 8.3333333333%;
21450
+ }
21451
+ .offset-sm-2 {
21452
+ margin-inline-start: 16.6666666667%;
21453
+ }
21454
+ .offset-sm-3 {
21455
+ margin-inline-start: 25%;
21456
+ }
21457
+ .offset-sm-4 {
21458
+ margin-inline-start: 33.3333333333%;
21459
+ }
21460
+ .offset-sm-5 {
21461
+ margin-inline-start: 41.6666666667%;
21462
+ }
21463
+ .offset-sm-6 {
21464
+ margin-inline-start: 50%;
21465
+ }
21466
+ .offset-sm-7 {
21467
+ margin-inline-start: 58.3333333333%;
21468
+ }
21469
+ .offset-sm-8 {
21470
+ margin-inline-start: 66.6666666667%;
21471
+ }
21472
+ .offset-sm-9 {
21473
+ margin-inline-start: 75%;
21474
+ }
21475
+ .offset-sm-10 {
21476
+ margin-inline-start: 83.3333333333%;
21477
+ }
21478
+ .offset-sm-11 {
21479
+ margin-inline-start: 91.6666666667%;
21480
+ }
21747
21481
  }
21748
- @media (hover: hover) {
21749
- .v-field--variant-filled:hover .v-field__overlay {
21750
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21482
+ @media (min-width: 960px) {
21483
+ .v-col-md {
21484
+ flex-basis: 0;
21485
+ flex-grow: 1;
21486
+ max-width: 100%;
21487
+ }
21488
+ .v-col-md-auto {
21489
+ flex: 0 0 auto;
21490
+ width: auto;
21491
+ max-width: 100%;
21492
+ }
21493
+ .v-col-md-1 {
21494
+ flex: 0 0 8.3333333333%;
21495
+ max-width: 8.3333333333%;
21496
+ }
21497
+ .v-col-md-2 {
21498
+ flex: 0 0 16.6666666667%;
21499
+ max-width: 16.6666666667%;
21500
+ }
21501
+ .v-col-md-3 {
21502
+ flex: 0 0 25%;
21503
+ max-width: 25%;
21504
+ }
21505
+ .v-col-md-4 {
21506
+ flex: 0 0 33.3333333333%;
21507
+ max-width: 33.3333333333%;
21508
+ }
21509
+ .v-col-md-5 {
21510
+ flex: 0 0 41.6666666667%;
21511
+ max-width: 41.6666666667%;
21512
+ }
21513
+ .v-col-md-6 {
21514
+ flex: 0 0 50%;
21515
+ max-width: 50%;
21516
+ }
21517
+ .v-col-md-7 {
21518
+ flex: 0 0 58.3333333333%;
21519
+ max-width: 58.3333333333%;
21520
+ }
21521
+ .v-col-md-8 {
21522
+ flex: 0 0 66.6666666667%;
21523
+ max-width: 66.6666666667%;
21524
+ }
21525
+ .v-col-md-9 {
21526
+ flex: 0 0 75%;
21527
+ max-width: 75%;
21528
+ }
21529
+ .v-col-md-10 {
21530
+ flex: 0 0 83.3333333333%;
21531
+ max-width: 83.3333333333%;
21532
+ }
21533
+ .v-col-md-11 {
21534
+ flex: 0 0 91.6666666667%;
21535
+ max-width: 91.6666666667%;
21536
+ }
21537
+ .v-col-md-12 {
21538
+ flex: 0 0 100%;
21539
+ max-width: 100%;
21540
+ }
21541
+ .offset-md-0 {
21542
+ margin-inline-start: 0;
21543
+ }
21544
+ .offset-md-1 {
21545
+ margin-inline-start: 8.3333333333%;
21546
+ }
21547
+ .offset-md-2 {
21548
+ margin-inline-start: 16.6666666667%;
21549
+ }
21550
+ .offset-md-3 {
21551
+ margin-inline-start: 25%;
21552
+ }
21553
+ .offset-md-4 {
21554
+ margin-inline-start: 33.3333333333%;
21555
+ }
21556
+ .offset-md-5 {
21557
+ margin-inline-start: 41.6666666667%;
21558
+ }
21559
+ .offset-md-6 {
21560
+ margin-inline-start: 50%;
21561
+ }
21562
+ .offset-md-7 {
21563
+ margin-inline-start: 58.3333333333%;
21564
+ }
21565
+ .offset-md-8 {
21566
+ margin-inline-start: 66.6666666667%;
21567
+ }
21568
+ .offset-md-9 {
21569
+ margin-inline-start: 75%;
21570
+ }
21571
+ .offset-md-10 {
21572
+ margin-inline-start: 83.3333333333%;
21573
+ }
21574
+ .offset-md-11 {
21575
+ margin-inline-start: 91.6666666667%;
21576
+ }
21577
+ }
21578
+ @media (min-width: 1280px) {
21579
+ .v-col-lg {
21580
+ flex-basis: 0;
21581
+ flex-grow: 1;
21582
+ max-width: 100%;
21583
+ }
21584
+ .v-col-lg-auto {
21585
+ flex: 0 0 auto;
21586
+ width: auto;
21587
+ max-width: 100%;
21588
+ }
21589
+ .v-col-lg-1 {
21590
+ flex: 0 0 8.3333333333%;
21591
+ max-width: 8.3333333333%;
21592
+ }
21593
+ .v-col-lg-2 {
21594
+ flex: 0 0 16.6666666667%;
21595
+ max-width: 16.6666666667%;
21596
+ }
21597
+ .v-col-lg-3 {
21598
+ flex: 0 0 25%;
21599
+ max-width: 25%;
21600
+ }
21601
+ .v-col-lg-4 {
21602
+ flex: 0 0 33.3333333333%;
21603
+ max-width: 33.3333333333%;
21604
+ }
21605
+ .v-col-lg-5 {
21606
+ flex: 0 0 41.6666666667%;
21607
+ max-width: 41.6666666667%;
21608
+ }
21609
+ .v-col-lg-6 {
21610
+ flex: 0 0 50%;
21611
+ max-width: 50%;
21612
+ }
21613
+ .v-col-lg-7 {
21614
+ flex: 0 0 58.3333333333%;
21615
+ max-width: 58.3333333333%;
21616
+ }
21617
+ .v-col-lg-8 {
21618
+ flex: 0 0 66.6666666667%;
21619
+ max-width: 66.6666666667%;
21751
21620
  }
21752
- }
21753
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21754
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21755
- }
21756
-
21757
- .v-field--variant-solo-filled .v-field__overlay {
21758
- background-color: currentColor;
21759
- opacity: 0.04;
21760
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21761
- }
21762
- @media (hover: hover) {
21763
- .v-field--variant-solo-filled:hover .v-field__overlay {
21764
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21621
+ .v-col-lg-9 {
21622
+ flex: 0 0 75%;
21623
+ max-width: 75%;
21624
+ }
21625
+ .v-col-lg-10 {
21626
+ flex: 0 0 83.3333333333%;
21627
+ max-width: 83.3333333333%;
21628
+ }
21629
+ .v-col-lg-11 {
21630
+ flex: 0 0 91.6666666667%;
21631
+ max-width: 91.6666666667%;
21632
+ }
21633
+ .v-col-lg-12 {
21634
+ flex: 0 0 100%;
21635
+ max-width: 100%;
21636
+ }
21637
+ .offset-lg-0 {
21638
+ margin-inline-start: 0;
21639
+ }
21640
+ .offset-lg-1 {
21641
+ margin-inline-start: 8.3333333333%;
21642
+ }
21643
+ .offset-lg-2 {
21644
+ margin-inline-start: 16.6666666667%;
21645
+ }
21646
+ .offset-lg-3 {
21647
+ margin-inline-start: 25%;
21648
+ }
21649
+ .offset-lg-4 {
21650
+ margin-inline-start: 33.3333333333%;
21651
+ }
21652
+ .offset-lg-5 {
21653
+ margin-inline-start: 41.6666666667%;
21654
+ }
21655
+ .offset-lg-6 {
21656
+ margin-inline-start: 50%;
21657
+ }
21658
+ .offset-lg-7 {
21659
+ margin-inline-start: 58.3333333333%;
21660
+ }
21661
+ .offset-lg-8 {
21662
+ margin-inline-start: 66.6666666667%;
21663
+ }
21664
+ .offset-lg-9 {
21665
+ margin-inline-start: 75%;
21666
+ }
21667
+ .offset-lg-10 {
21668
+ margin-inline-start: 83.3333333333%;
21669
+ }
21670
+ .offset-lg-11 {
21671
+ margin-inline-start: 91.6666666667%;
21765
21672
  }
21766
21673
  }
21767
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21768
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21769
- }
21770
-
21771
- .v-field--variant-solo-inverted .v-field__overlay {
21772
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21773
- }
21774
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21775
- opacity: 0;
21674
+ @media (min-width: 1920px) {
21675
+ .v-col-xl {
21676
+ flex-basis: 0;
21677
+ flex-grow: 1;
21678
+ max-width: 100%;
21679
+ }
21680
+ .v-col-xl-auto {
21681
+ flex: 0 0 auto;
21682
+ width: auto;
21683
+ max-width: 100%;
21684
+ }
21685
+ .v-col-xl-1 {
21686
+ flex: 0 0 8.3333333333%;
21687
+ max-width: 8.3333333333%;
21688
+ }
21689
+ .v-col-xl-2 {
21690
+ flex: 0 0 16.6666666667%;
21691
+ max-width: 16.6666666667%;
21692
+ }
21693
+ .v-col-xl-3 {
21694
+ flex: 0 0 25%;
21695
+ max-width: 25%;
21696
+ }
21697
+ .v-col-xl-4 {
21698
+ flex: 0 0 33.3333333333%;
21699
+ max-width: 33.3333333333%;
21700
+ }
21701
+ .v-col-xl-5 {
21702
+ flex: 0 0 41.6666666667%;
21703
+ max-width: 41.6666666667%;
21704
+ }
21705
+ .v-col-xl-6 {
21706
+ flex: 0 0 50%;
21707
+ max-width: 50%;
21708
+ }
21709
+ .v-col-xl-7 {
21710
+ flex: 0 0 58.3333333333%;
21711
+ max-width: 58.3333333333%;
21712
+ }
21713
+ .v-col-xl-8 {
21714
+ flex: 0 0 66.6666666667%;
21715
+ max-width: 66.6666666667%;
21716
+ }
21717
+ .v-col-xl-9 {
21718
+ flex: 0 0 75%;
21719
+ max-width: 75%;
21720
+ }
21721
+ .v-col-xl-10 {
21722
+ flex: 0 0 83.3333333333%;
21723
+ max-width: 83.3333333333%;
21724
+ }
21725
+ .v-col-xl-11 {
21726
+ flex: 0 0 91.6666666667%;
21727
+ max-width: 91.6666666667%;
21728
+ }
21729
+ .v-col-xl-12 {
21730
+ flex: 0 0 100%;
21731
+ max-width: 100%;
21732
+ }
21733
+ .offset-xl-0 {
21734
+ margin-inline-start: 0;
21735
+ }
21736
+ .offset-xl-1 {
21737
+ margin-inline-start: 8.3333333333%;
21738
+ }
21739
+ .offset-xl-2 {
21740
+ margin-inline-start: 16.6666666667%;
21741
+ }
21742
+ .offset-xl-3 {
21743
+ margin-inline-start: 25%;
21744
+ }
21745
+ .offset-xl-4 {
21746
+ margin-inline-start: 33.3333333333%;
21747
+ }
21748
+ .offset-xl-5 {
21749
+ margin-inline-start: 41.6666666667%;
21750
+ }
21751
+ .offset-xl-6 {
21752
+ margin-inline-start: 50%;
21753
+ }
21754
+ .offset-xl-7 {
21755
+ margin-inline-start: 58.3333333333%;
21756
+ }
21757
+ .offset-xl-8 {
21758
+ margin-inline-start: 66.6666666667%;
21759
+ }
21760
+ .offset-xl-9 {
21761
+ margin-inline-start: 75%;
21762
+ }
21763
+ .offset-xl-10 {
21764
+ margin-inline-start: 83.3333333333%;
21765
+ }
21766
+ .offset-xl-11 {
21767
+ margin-inline-start: 91.6666666667%;
21768
+ }
21776
21769
  }
21777
- @media (hover: hover) {
21778
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21779
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21770
+ @media (min-width: 2560px) {
21771
+ .v-col-xxl {
21772
+ flex-basis: 0;
21773
+ flex-grow: 1;
21774
+ max-width: 100%;
21775
+ }
21776
+ .v-col-xxl-auto {
21777
+ flex: 0 0 auto;
21778
+ width: auto;
21779
+ max-width: 100%;
21780
+ }
21781
+ .v-col-xxl-1 {
21782
+ flex: 0 0 8.3333333333%;
21783
+ max-width: 8.3333333333%;
21784
+ }
21785
+ .v-col-xxl-2 {
21786
+ flex: 0 0 16.6666666667%;
21787
+ max-width: 16.6666666667%;
21788
+ }
21789
+ .v-col-xxl-3 {
21790
+ flex: 0 0 25%;
21791
+ max-width: 25%;
21792
+ }
21793
+ .v-col-xxl-4 {
21794
+ flex: 0 0 33.3333333333%;
21795
+ max-width: 33.3333333333%;
21796
+ }
21797
+ .v-col-xxl-5 {
21798
+ flex: 0 0 41.6666666667%;
21799
+ max-width: 41.6666666667%;
21800
+ }
21801
+ .v-col-xxl-6 {
21802
+ flex: 0 0 50%;
21803
+ max-width: 50%;
21804
+ }
21805
+ .v-col-xxl-7 {
21806
+ flex: 0 0 58.3333333333%;
21807
+ max-width: 58.3333333333%;
21808
+ }
21809
+ .v-col-xxl-8 {
21810
+ flex: 0 0 66.6666666667%;
21811
+ max-width: 66.6666666667%;
21812
+ }
21813
+ .v-col-xxl-9 {
21814
+ flex: 0 0 75%;
21815
+ max-width: 75%;
21816
+ }
21817
+ .v-col-xxl-10 {
21818
+ flex: 0 0 83.3333333333%;
21819
+ max-width: 83.3333333333%;
21820
+ }
21821
+ .v-col-xxl-11 {
21822
+ flex: 0 0 91.6666666667%;
21823
+ max-width: 91.6666666667%;
21824
+ }
21825
+ .v-col-xxl-12 {
21826
+ flex: 0 0 100%;
21827
+ max-width: 100%;
21828
+ }
21829
+ .offset-xxl-0 {
21830
+ margin-inline-start: 0;
21831
+ }
21832
+ .offset-xxl-1 {
21833
+ margin-inline-start: 8.3333333333%;
21834
+ }
21835
+ .offset-xxl-2 {
21836
+ margin-inline-start: 16.6666666667%;
21837
+ }
21838
+ .offset-xxl-3 {
21839
+ margin-inline-start: 25%;
21840
+ }
21841
+ .offset-xxl-4 {
21842
+ margin-inline-start: 33.3333333333%;
21843
+ }
21844
+ .offset-xxl-5 {
21845
+ margin-inline-start: 41.6666666667%;
21846
+ }
21847
+ .offset-xxl-6 {
21848
+ margin-inline-start: 50%;
21849
+ }
21850
+ .offset-xxl-7 {
21851
+ margin-inline-start: 58.3333333333%;
21852
+ }
21853
+ .offset-xxl-8 {
21854
+ margin-inline-start: 66.6666666667%;
21855
+ }
21856
+ .offset-xxl-9 {
21857
+ margin-inline-start: 75%;
21858
+ }
21859
+ .offset-xxl-10 {
21860
+ margin-inline-start: 83.3333333333%;
21861
+ }
21862
+ .offset-xxl-11 {
21863
+ margin-inline-start: 91.6666666667%;
21780
21864
  }
21781
- }
21782
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21783
- background-color: rgb(var(--v-theme-surface-variant));
21784
- opacity: 1;
21785
- }
21786
-
21787
- /* endregion */
21788
- /* region MODIFIERS */
21789
- .v-field--reverse .v-field__field,
21790
- .v-field--reverse .v-field__input,
21791
- .v-field--reverse .v-field__outline {
21792
- flex-direction: row-reverse;
21793
- }
21794
- .v-field--reverse .v-field__input, .v-field--reverse input {
21795
- text-align: end;
21796
- }
21797
-
21798
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21799
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21800
- 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;
21801
- }
21802
-
21803
- .v-field--loading .v-field__outline::after,
21804
- .v-field--loading .v-field__outline::before {
21805
- opacity: 0;
21806
- }
21807
-
21808
- /* endregion */.v-file-input--hide.v-input .v-field,
21809
- .v-file-input--hide.v-input .v-input__control,
21810
- .v-file-input--hide.v-input .v-input__details {
21811
- display: none;
21812
- }
21813
- .v-file-input--hide.v-input .v-input__prepend {
21814
- grid-area: control;
21815
- margin: 0 auto;
21816
- }
21817
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21818
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21819
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21820
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21821
- top: 0px;
21822
- }
21823
- .v-file-input input[type=file] {
21824
- height: 100%;
21825
- left: 0;
21826
- opacity: 0;
21827
- position: absolute;
21828
- top: 0;
21829
- width: 100%;
21830
- z-index: 1;
21831
- }
21832
- .v-file-input .v-input__details {
21833
- padding-inline: 16px;
21834
- }
21835
- .v-input--plain-underlined.v-file-input .v-input__details {
21836
- padding-inline: 0;
21837
- }.v-footer {
21838
- align-items: center;
21839
- display: flex;
21840
- flex: 1 1 auto;
21841
- padding: 8px 16px;
21842
- position: relative;
21843
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21844
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21845
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21846
- border-style: solid;
21847
- border-width: 0;
21848
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21849
- border-radius: 0;
21850
- background: rgb(var(--v-theme-surface));
21851
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21852
- }
21853
- .v-footer--border {
21854
- border-width: thin;
21855
- box-shadow: none;
21856
- }
21857
- .v-footer--absolute {
21858
- position: absolute;
21859
- }
21860
- .v-footer--fixed {
21861
- position: fixed;
21862
- }
21863
- .v-footer--rounded {
21864
- border-radius: 4px;
21865
21865
  }.v-icon {
21866
21866
  --v-icon-size-multiplier: 1;
21867
21867
  align-items: center;
@@ -23343,63 +23343,6 @@ html.v-overlay-scroll-blocked {
23343
23343
  0% {
23344
23344
  background-position-x: var(--v-progress-linear-height);
23345
23345
  }
23346
- }.v-slider .v-slider__container input {
23347
- cursor: default;
23348
- padding: 0;
23349
- width: 100%;
23350
- display: none;
23351
- }
23352
- .v-slider > .v-input__append,
23353
- .v-slider > .v-input__prepend {
23354
- padding: 0;
23355
- }
23356
-
23357
- .v-slider__container {
23358
- position: relative;
23359
- min-height: inherit;
23360
- width: 100%;
23361
- height: 100%;
23362
- display: flex;
23363
- justify-content: center;
23364
- align-items: center;
23365
- cursor: pointer;
23366
- }
23367
- .v-input--disabled .v-slider__container {
23368
- opacity: var(--v-disabled-opacity);
23369
- }
23370
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23371
- color: rgb(var(--v-theme-error));
23372
- }
23373
-
23374
- .v-slider.v-input--horizontal {
23375
- align-items: center;
23376
- margin-inline: 8px 8px;
23377
- }
23378
- .v-slider.v-input--horizontal > .v-input__control {
23379
- min-height: 32px;
23380
- display: flex;
23381
- align-items: center;
23382
- }
23383
-
23384
- .v-slider.v-input--vertical {
23385
- justify-content: center;
23386
- margin-top: 12px;
23387
- margin-bottom: 12px;
23388
- }
23389
- .v-slider.v-input--vertical > .v-input__control {
23390
- min-height: 300px;
23391
- }
23392
-
23393
- .v-slider.v-input--disabled {
23394
- pointer-events: none;
23395
- }
23396
-
23397
- .v-slider--has-labels > .v-input__control {
23398
- margin-bottom: 4px;
23399
- }
23400
-
23401
- .v-slider__label {
23402
- margin-inline-end: 12px;
23403
23346
  }.v-radio-group > .v-input__control {
23404
23347
  flex-direction: column;
23405
23348
  }
@@ -23412,32 +23355,6 @@ html.v-overlay-scroll-blocked {
23412
23355
  }
23413
23356
  .v-radio-group .v-input__details {
23414
23357
  padding-inline: 16px;
23415
- }.v-responsive {
23416
- display: flex;
23417
- flex: 1 0 auto;
23418
- max-height: 100%;
23419
- max-width: 100%;
23420
- overflow: hidden;
23421
- position: relative;
23422
- }
23423
- .v-responsive--inline {
23424
- display: inline-flex;
23425
- flex: 0 0 auto;
23426
- }
23427
-
23428
- .v-responsive__content {
23429
- flex: 1 0 0px;
23430
- max-width: 100%;
23431
- }
23432
-
23433
- .v-responsive__sizer ~ .v-responsive__content {
23434
- margin-inline-start: -100%;
23435
- }
23436
-
23437
- .v-responsive__sizer {
23438
- flex: 1 0 0px;
23439
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23440
- pointer-events: none;
23441
23358
  }.v-rating {
23442
23359
  max-width: 100%;
23443
23360
  display: inline-flex;
@@ -23492,6 +23409,32 @@ html.v-overlay-scroll-blocked {
23492
23409
  opacity: 0;
23493
23410
  position: absolute;
23494
23411
  width: 0;
23412
+ }.v-responsive {
23413
+ display: flex;
23414
+ flex: 1 0 auto;
23415
+ max-height: 100%;
23416
+ max-width: 100%;
23417
+ overflow: hidden;
23418
+ position: relative;
23419
+ }
23420
+ .v-responsive--inline {
23421
+ display: inline-flex;
23422
+ flex: 0 0 auto;
23423
+ }
23424
+
23425
+ .v-responsive__content {
23426
+ flex: 1 0 0px;
23427
+ max-width: 100%;
23428
+ }
23429
+
23430
+ .v-responsive__sizer ~ .v-responsive__content {
23431
+ margin-inline-start: -100%;
23432
+ }
23433
+
23434
+ .v-responsive__sizer {
23435
+ flex: 1 0 0px;
23436
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23437
+ pointer-events: none;
23495
23438
  }.v-select .v-field .v-text-field__prefix,
23496
23439
  .v-select .v-field .v-text-field__suffix,
23497
23440
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23940,21 +23883,78 @@ html.v-overlay-scroll-blocked {
23940
23883
  scrollbar-width: none;
23941
23884
  scrollbar-color: rgba(0, 0, 0, 0);
23942
23885
  }
23943
- .v-slide-group__container::-webkit-scrollbar {
23944
- display: none;
23886
+ .v-slide-group__container::-webkit-scrollbar {
23887
+ display: none;
23888
+ }
23889
+
23890
+ .v-slide-group--vertical {
23891
+ max-height: inherit;
23892
+ }
23893
+ .v-slide-group--vertical,
23894
+ .v-slide-group--vertical .v-slide-group__container,
23895
+ .v-slide-group--vertical .v-slide-group__content {
23896
+ flex-direction: column;
23897
+ }
23898
+ .v-slide-group--vertical .v-slide-group__container {
23899
+ overflow-x: hidden;
23900
+ overflow-y: auto;
23901
+ }.v-slider .v-slider__container input {
23902
+ cursor: default;
23903
+ padding: 0;
23904
+ width: 100%;
23905
+ display: none;
23906
+ }
23907
+ .v-slider > .v-input__append,
23908
+ .v-slider > .v-input__prepend {
23909
+ padding: 0;
23910
+ }
23911
+
23912
+ .v-slider__container {
23913
+ position: relative;
23914
+ min-height: inherit;
23915
+ width: 100%;
23916
+ height: 100%;
23917
+ display: flex;
23918
+ justify-content: center;
23919
+ align-items: center;
23920
+ cursor: pointer;
23921
+ }
23922
+ .v-input--disabled .v-slider__container {
23923
+ opacity: var(--v-disabled-opacity);
23924
+ }
23925
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23926
+ color: rgb(var(--v-theme-error));
23927
+ }
23928
+
23929
+ .v-slider.v-input--horizontal {
23930
+ align-items: center;
23931
+ margin-inline: 8px 8px;
23932
+ }
23933
+ .v-slider.v-input--horizontal > .v-input__control {
23934
+ min-height: 32px;
23935
+ display: flex;
23936
+ align-items: center;
23937
+ }
23938
+
23939
+ .v-slider.v-input--vertical {
23940
+ justify-content: center;
23941
+ margin-top: 12px;
23942
+ margin-bottom: 12px;
23943
+ }
23944
+ .v-slider.v-input--vertical > .v-input__control {
23945
+ min-height: 300px;
23945
23946
  }
23946
23947
 
23947
- .v-slide-group--vertical {
23948
- max-height: inherit;
23948
+ .v-slider.v-input--disabled {
23949
+ pointer-events: none;
23949
23950
  }
23950
- .v-slide-group--vertical,
23951
- .v-slide-group--vertical .v-slide-group__container,
23952
- .v-slide-group--vertical .v-slide-group__content {
23953
- flex-direction: column;
23951
+
23952
+ .v-slider--has-labels > .v-input__control {
23953
+ margin-bottom: 4px;
23954
23954
  }
23955
- .v-slide-group--vertical .v-slide-group__container {
23956
- overflow-x: hidden;
23957
- overflow-y: auto;
23955
+
23956
+ .v-slider__label {
23957
+ margin-inline-end: 12px;
23958
23958
  }.v-snackbar {
23959
23959
  justify-content: center;
23960
23960
  z-index: 10000;
@@ -24093,6 +24093,47 @@ html.v-overlay-scroll-blocked {
24093
24093
  }
24094
24094
  .v-snackbar-transition-leave-to {
24095
24095
  opacity: 0;
24096
+ }.v-speed-dial__content {
24097
+ gap: 8px;
24098
+ }
24099
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24100
+ flex-direction: row;
24101
+ }
24102
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24103
+ flex-direction: row-reverse;
24104
+ }
24105
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24106
+ flex-direction: column-reverse;
24107
+ }
24108
+ .v-speed-dial__content > *:nth-child(1) {
24109
+ transition-delay: 0s;
24110
+ }
24111
+ .v-speed-dial__content > *:nth-child(2) {
24112
+ transition-delay: 0.05s;
24113
+ }
24114
+ .v-speed-dial__content > *:nth-child(3) {
24115
+ transition-delay: 0.1s;
24116
+ }
24117
+ .v-speed-dial__content > *:nth-child(4) {
24118
+ transition-delay: 0.15s;
24119
+ }
24120
+ .v-speed-dial__content > *:nth-child(5) {
24121
+ transition-delay: 0.2s;
24122
+ }
24123
+ .v-speed-dial__content > *:nth-child(6) {
24124
+ transition-delay: 0.25s;
24125
+ }
24126
+ .v-speed-dial__content > *:nth-child(7) {
24127
+ transition-delay: 0.3s;
24128
+ }
24129
+ .v-speed-dial__content > *:nth-child(8) {
24130
+ transition-delay: 0.35s;
24131
+ }
24132
+ .v-speed-dial__content > *:nth-child(9) {
24133
+ transition-delay: 0.4s;
24134
+ }
24135
+ .v-speed-dial__content > *:nth-child(10) {
24136
+ transition-delay: 0.45s;
24096
24137
  }.v-stepper.v-sheet {
24097
24138
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24098
24139
  border-radius: 4px;
@@ -24182,256 +24223,83 @@ html.v-overlay-scroll-blocked {
24182
24223
  }
24183
24224
  }
24184
24225
  .v-stepper--non-linear .v-stepper-item {
24185
- opacity: var(--v-high-emphasis-opacity);
24186
- }
24187
- .v-stepper-item--selected {
24188
- opacity: 1;
24189
- }
24190
- .v-stepper-item--error {
24191
- color: rgb(var(--v-theme-error));
24192
- }
24193
- .v-stepper-item--disabled {
24194
- opacity: var(--v-medium-emphasis-opacity);
24195
- pointer-events: none;
24196
- }
24197
- .v-stepper--alt-labels .v-stepper-item {
24198
- flex-direction: column;
24199
- justify-content: flex-start;
24200
- align-items: center;
24201
- flex-basis: 175px;
24202
- }
24203
-
24204
- .v-stepper-item__avatar.v-avatar {
24205
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24206
- color: rgb(var(--v-theme-on-surface-variant));
24207
- font-size: 0.75rem;
24208
- margin-inline-end: 8px;
24209
- }
24210
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24211
- margin-inline-end: 0;
24212
- }
24213
- .v-stepper-item__avatar.v-avatar .v-icon {
24214
- font-size: 0.875rem;
24215
- }
24216
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24217
- background: rgb(var(--v-theme-surface-variant));
24218
- }
24219
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24220
- background: rgb(var(--v-theme-error));
24221
- }
24222
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24223
- margin-bottom: 16px;
24224
- margin-inline-end: 0;
24225
- }
24226
-
24227
- .v-stepper-item__title {
24228
- line-height: 1;
24229
- }
24230
- .v-stepper--mobile .v-stepper-item__title {
24231
- display: none;
24232
- }
24233
-
24234
- .v-stepper-item__subtitle {
24235
- font-size: 0.75rem;
24236
- text-align: left;
24237
- line-height: 1;
24238
- opacity: var(--v-medium-emphasis-opacity);
24239
- }
24240
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24241
- text-align: center;
24242
- }
24243
- .v-stepper--mobile .v-stepper-item__subtitle {
24244
- display: none;
24245
- }
24246
-
24247
- .v-stepper-item__overlay {
24248
- background-color: currentColor;
24249
- border-radius: inherit;
24250
- opacity: 0;
24251
- transition: opacity 0.2s ease-in-out;
24252
- }
24253
-
24254
- .v-stepper-item__overlay,
24255
- .v-stepper-item__underlay {
24256
- position: absolute;
24257
- top: 0;
24258
- left: 0;
24259
- width: 100%;
24260
- height: 100%;
24261
- pointer-events: none;
24262
- }.v-speed-dial__content {
24263
- gap: 8px;
24264
- }
24265
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24266
- flex-direction: row;
24267
- }
24268
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24269
- flex-direction: row-reverse;
24270
- }
24271
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24272
- flex-direction: column-reverse;
24273
- }
24274
- .v-speed-dial__content > *:nth-child(1) {
24275
- transition-delay: 0s;
24276
- }
24277
- .v-speed-dial__content > *:nth-child(2) {
24278
- transition-delay: 0.05s;
24279
- }
24280
- .v-speed-dial__content > *:nth-child(3) {
24281
- transition-delay: 0.1s;
24282
- }
24283
- .v-speed-dial__content > *:nth-child(4) {
24284
- transition-delay: 0.15s;
24285
- }
24286
- .v-speed-dial__content > *:nth-child(5) {
24287
- transition-delay: 0.2s;
24288
- }
24289
- .v-speed-dial__content > *:nth-child(6) {
24290
- transition-delay: 0.25s;
24291
- }
24292
- .v-speed-dial__content > *:nth-child(7) {
24293
- transition-delay: 0.3s;
24294
- }
24295
- .v-speed-dial__content > *:nth-child(8) {
24296
- transition-delay: 0.35s;
24297
- }
24298
- .v-speed-dial__content > *:nth-child(9) {
24299
- transition-delay: 0.4s;
24300
- }
24301
- .v-speed-dial__content > *:nth-child(10) {
24302
- transition-delay: 0.45s;
24303
- }.v-system-bar {
24304
- align-items: center;
24305
- display: flex;
24306
- flex: 1 1 auto;
24307
- height: 24px;
24308
- justify-content: flex-end;
24309
- max-width: 100%;
24310
- padding-inline: 8px;
24311
- position: relative;
24312
- text-align: end;
24313
- width: 100%;
24314
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24315
- background: rgba(var(--v-theme-surface-light));
24316
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24317
- font-size: 0.75rem;
24318
- font-weight: 400;
24319
- letter-spacing: 0.0333333333em;
24320
- line-height: 1.667;
24321
- text-transform: none;
24322
- }
24323
- .v-system-bar .v-icon {
24324
- opacity: var(--v-medium-emphasis-opacity);
24325
- }
24326
- .v-system-bar--absolute {
24327
- position: absolute;
24328
- }
24329
- .v-system-bar--fixed {
24330
- position: fixed;
24331
- }
24332
- .v-system-bar--rounded {
24333
- border-radius: 0;
24334
- }
24335
- .v-system-bar--window {
24336
- height: 32px;
24337
- }
24338
- .v-system-bar:not(.v-system-bar--absolute) {
24339
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24340
- }.v-tab.v-tab.v-btn {
24341
- height: var(--v-tabs-height);
24342
- border-radius: 0;
24343
- min-width: 90px;
24344
- }
24345
- .v-slide-group--horizontal .v-tab {
24346
- max-width: 360px;
24347
- }
24348
- .v-slide-group--vertical .v-tab {
24349
- justify-content: start;
24350
- }
24351
-
24352
- .v-tab__slider {
24353
- position: absolute;
24354
- bottom: 0;
24355
- left: 0;
24356
- height: 2px;
24357
- width: 100%;
24358
- background: currentColor;
24359
- pointer-events: none;
24360
- opacity: 0;
24361
- }
24362
- .v-tab--selected .v-tab__slider {
24363
- opacity: 1;
24364
- }
24365
- .v-slide-group--vertical .v-tab__slider {
24366
- top: 0;
24367
- height: 100%;
24368
- width: 2px;
24369
- }.v-tabs {
24370
- display: flex;
24371
- height: var(--v-tabs-height);
24226
+ opacity: var(--v-high-emphasis-opacity);
24372
24227
  }
24373
- .v-tabs--density-default {
24374
- --v-tabs-height: 48px;
24228
+ .v-stepper-item--selected {
24229
+ opacity: 1;
24375
24230
  }
24376
- .v-tabs--density-default.v-tabs--stacked {
24377
- --v-tabs-height: 72px;
24231
+ .v-stepper-item--error {
24232
+ color: rgb(var(--v-theme-error));
24378
24233
  }
24379
-
24380
- .v-tabs--density-comfortable {
24381
- --v-tabs-height: 44px;
24234
+ .v-stepper-item--disabled {
24235
+ opacity: var(--v-medium-emphasis-opacity);
24236
+ pointer-events: none;
24382
24237
  }
24383
- .v-tabs--density-comfortable.v-tabs--stacked {
24384
- --v-tabs-height: 68px;
24238
+ .v-stepper--alt-labels .v-stepper-item {
24239
+ flex-direction: column;
24240
+ justify-content: flex-start;
24241
+ align-items: center;
24242
+ flex-basis: 175px;
24385
24243
  }
24386
24244
 
24387
- .v-tabs--density-compact {
24388
- --v-tabs-height: 36px;
24245
+ .v-stepper-item__avatar.v-avatar {
24246
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24247
+ color: rgb(var(--v-theme-on-surface-variant));
24248
+ font-size: 0.75rem;
24249
+ margin-inline-end: 8px;
24389
24250
  }
24390
- .v-tabs--density-compact.v-tabs--stacked {
24391
- --v-tabs-height: 60px;
24251
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24252
+ margin-inline-end: 0;
24392
24253
  }
24393
-
24394
- .v-tabs.v-slide-group--vertical {
24395
- height: auto;
24396
- flex: none;
24397
- --v-tabs-height: 48px;
24254
+ .v-stepper-item__avatar.v-avatar .v-icon {
24255
+ font-size: 0.875rem;
24398
24256
  }
24399
-
24400
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24401
- margin-inline-start: 42px;
24257
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24258
+ background: rgb(var(--v-theme-surface-variant));
24402
24259
  }
24403
-
24404
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24405
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24406
- margin-inline-end: auto;
24260
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24261
+ background: rgb(var(--v-theme-error));
24407
24262
  }
24408
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24409
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24410
- margin-inline-start: auto;
24263
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24264
+ margin-bottom: 16px;
24265
+ margin-inline-end: 0;
24411
24266
  }
24412
24267
 
24413
- .v-tabs--grow {
24414
- flex-grow: 1;
24268
+ .v-stepper-item__title {
24269
+ line-height: 1;
24415
24270
  }
24416
- .v-tabs--grow .v-tab {
24417
- flex: 1 0 auto;
24418
- max-width: none;
24271
+ .v-stepper--mobile .v-stepper-item__title {
24272
+ display: none;
24419
24273
  }
24420
24274
 
24421
- .v-tabs--align-tabs-end .v-tab:first-child {
24422
- margin-inline-start: auto;
24275
+ .v-stepper-item__subtitle {
24276
+ font-size: 0.75rem;
24277
+ text-align: left;
24278
+ line-height: 1;
24279
+ opacity: var(--v-medium-emphasis-opacity);
24423
24280
  }
24424
- .v-tabs--align-tabs-end .v-tab:last-child {
24425
- margin-inline-end: 0;
24281
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24282
+ text-align: center;
24283
+ }
24284
+ .v-stepper--mobile .v-stepper-item__subtitle {
24285
+ display: none;
24426
24286
  }
24427
24287
 
24428
- @media (max-width: 1279.98px) {
24429
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24430
- margin-inline-start: 52px;
24431
- }
24432
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24433
- margin-inline-end: 52px;
24434
- }
24288
+ .v-stepper-item__overlay {
24289
+ background-color: currentColor;
24290
+ border-radius: inherit;
24291
+ opacity: 0;
24292
+ transition: opacity 0.2s ease-in-out;
24293
+ }
24294
+
24295
+ .v-stepper-item__overlay,
24296
+ .v-stepper-item__underlay {
24297
+ position: absolute;
24298
+ top: 0;
24299
+ left: 0;
24300
+ width: 100%;
24301
+ height: 100%;
24302
+ pointer-events: none;
24435
24303
  }.v-switch .v-label {
24436
24304
  padding-inline-start: 10px;
24437
24305
  }
@@ -24542,75 +24410,207 @@ html.v-overlay-scroll-blocked {
24542
24410
  transform: translateX(10px);
24543
24411
  }
24544
24412
 
24545
- .v-switch .v-selection-control__input .v-icon {
24546
- position: absolute;
24413
+ .v-switch .v-selection-control__input .v-icon {
24414
+ position: absolute;
24415
+ }
24416
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24417
+ transform: translateX(10px);
24418
+ }
24419
+
24420
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24421
+ transform: translateX(-10px);
24422
+ }
24423
+
24424
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24425
+ transform: scale(0.8);
24426
+ }
24427
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24428
+ transform: scale(0.75);
24429
+ box-shadow: none;
24430
+ }
24431
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24432
+ width: auto;
24433
+ }
24434
+ .v-switch.v-input--vertical .v-label {
24435
+ min-width: max-content;
24436
+ }
24437
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24438
+ transform: rotate(-90deg);
24439
+ }
24440
+
24441
+ @media (forced-colors: active) {
24442
+ .v-switch .v-switch__loader .v-progress-circular {
24443
+ color: currentColor;
24444
+ }
24445
+ .v-switch .v-switch__thumb {
24446
+ background-color: buttontext;
24447
+ }
24448
+ .v-switch .v-switch__track,
24449
+ .v-switch .v-switch__thumb {
24450
+ border: 1px solid;
24451
+ color: buttontext;
24452
+ }
24453
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24454
+ background-color: highlight;
24455
+ }
24456
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24457
+ background-color: highlight;
24458
+ }
24459
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24460
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24461
+ color: highlight;
24462
+ }
24463
+ .v-switch.v-switch--inset .v-switch__track {
24464
+ border-width: 2px;
24465
+ }
24466
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24467
+ background-color: highlighttext;
24468
+ color: highlighttext;
24469
+ }
24470
+ .v-switch.v-input--disabled .v-switch__thumb {
24471
+ background-color: graytext;
24472
+ }
24473
+ .v-switch.v-input--disabled .v-switch__track,
24474
+ .v-switch.v-input--disabled .v-switch__thumb {
24475
+ color: graytext;
24476
+ }
24477
+ .v-switch.v-switch--loading .v-switch__thumb {
24478
+ background-color: canvas;
24479
+ }
24480
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24481
+ border-width: 0;
24482
+ }
24483
+ }.v-system-bar {
24484
+ align-items: center;
24485
+ display: flex;
24486
+ flex: 1 1 auto;
24487
+ height: 24px;
24488
+ justify-content: flex-end;
24489
+ max-width: 100%;
24490
+ padding-inline: 8px;
24491
+ position: relative;
24492
+ text-align: end;
24493
+ width: 100%;
24494
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24495
+ background: rgba(var(--v-theme-surface-light));
24496
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24497
+ font-size: 0.75rem;
24498
+ font-weight: 400;
24499
+ letter-spacing: 0.0333333333em;
24500
+ line-height: 1.667;
24501
+ text-transform: none;
24502
+ }
24503
+ .v-system-bar .v-icon {
24504
+ opacity: var(--v-medium-emphasis-opacity);
24505
+ }
24506
+ .v-system-bar--absolute {
24507
+ position: absolute;
24508
+ }
24509
+ .v-system-bar--fixed {
24510
+ position: fixed;
24511
+ }
24512
+ .v-system-bar--rounded {
24513
+ border-radius: 0;
24514
+ }
24515
+ .v-system-bar--window {
24516
+ height: 32px;
24517
+ }
24518
+ .v-system-bar:not(.v-system-bar--absolute) {
24519
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24520
+ }.v-tab.v-tab.v-btn {
24521
+ height: var(--v-tabs-height);
24522
+ border-radius: 0;
24523
+ min-width: 90px;
24524
+ }
24525
+ .v-slide-group--horizontal .v-tab {
24526
+ max-width: 360px;
24527
+ }
24528
+ .v-slide-group--vertical .v-tab {
24529
+ justify-content: start;
24530
+ }
24531
+
24532
+ .v-tab__slider {
24533
+ position: absolute;
24534
+ bottom: 0;
24535
+ left: 0;
24536
+ height: 2px;
24537
+ width: 100%;
24538
+ background: currentColor;
24539
+ pointer-events: none;
24540
+ opacity: 0;
24541
+ }
24542
+ .v-tab--selected .v-tab__slider {
24543
+ opacity: 1;
24544
+ }
24545
+ .v-slide-group--vertical .v-tab__slider {
24546
+ top: 0;
24547
+ height: 100%;
24548
+ width: 2px;
24549
+ }.v-tabs {
24550
+ display: flex;
24551
+ height: var(--v-tabs-height);
24552
+ }
24553
+ .v-tabs--density-default {
24554
+ --v-tabs-height: 48px;
24555
+ }
24556
+ .v-tabs--density-default.v-tabs--stacked {
24557
+ --v-tabs-height: 72px;
24558
+ }
24559
+
24560
+ .v-tabs--density-comfortable {
24561
+ --v-tabs-height: 44px;
24562
+ }
24563
+ .v-tabs--density-comfortable.v-tabs--stacked {
24564
+ --v-tabs-height: 68px;
24565
+ }
24566
+
24567
+ .v-tabs--density-compact {
24568
+ --v-tabs-height: 36px;
24547
24569
  }
24548
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24549
- transform: translateX(10px);
24570
+ .v-tabs--density-compact.v-tabs--stacked {
24571
+ --v-tabs-height: 60px;
24550
24572
  }
24551
24573
 
24552
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24553
- transform: translateX(-10px);
24574
+ .v-tabs.v-slide-group--vertical {
24575
+ height: auto;
24576
+ flex: none;
24577
+ --v-tabs-height: 48px;
24554
24578
  }
24555
24579
 
24556
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24557
- transform: scale(0.8);
24580
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24581
+ margin-inline-start: 42px;
24558
24582
  }
24559
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24560
- transform: scale(0.75);
24561
- box-shadow: none;
24583
+
24584
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24585
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24586
+ margin-inline-end: auto;
24562
24587
  }
24563
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24564
- width: auto;
24588
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24589
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24590
+ margin-inline-start: auto;
24565
24591
  }
24566
- .v-switch.v-input--vertical .v-label {
24567
- min-width: max-content;
24592
+
24593
+ .v-tabs--grow {
24594
+ flex-grow: 1;
24568
24595
  }
24569
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24570
- transform: rotate(-90deg);
24596
+ .v-tabs--grow .v-tab {
24597
+ flex: 1 0 auto;
24598
+ max-width: none;
24571
24599
  }
24572
24600
 
24573
- @media (forced-colors: active) {
24574
- .v-switch .v-switch__loader .v-progress-circular {
24575
- color: currentColor;
24576
- }
24577
- .v-switch .v-switch__thumb {
24578
- background-color: buttontext;
24579
- }
24580
- .v-switch .v-switch__track,
24581
- .v-switch .v-switch__thumb {
24582
- border: 1px solid;
24583
- color: buttontext;
24584
- }
24585
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24586
- background-color: highlight;
24587
- }
24588
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24589
- background-color: highlight;
24590
- }
24591
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24592
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24593
- color: highlight;
24594
- }
24595
- .v-switch.v-switch--inset .v-switch__track {
24596
- border-width: 2px;
24597
- }
24598
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24599
- background-color: highlighttext;
24600
- color: highlighttext;
24601
- }
24602
- .v-switch.v-input--disabled .v-switch__thumb {
24603
- background-color: graytext;
24604
- }
24605
- .v-switch.v-input--disabled .v-switch__track,
24606
- .v-switch.v-input--disabled .v-switch__thumb {
24607
- color: graytext;
24608
- }
24609
- .v-switch.v-switch--loading .v-switch__thumb {
24610
- background-color: canvas;
24601
+ .v-tabs--align-tabs-end .v-tab:first-child {
24602
+ margin-inline-start: auto;
24603
+ }
24604
+ .v-tabs--align-tabs-end .v-tab:last-child {
24605
+ margin-inline-end: 0;
24606
+ }
24607
+
24608
+ @media (max-width: 1279.98px) {
24609
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24610
+ margin-inline-start: 52px;
24611
24611
  }
24612
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24613
- border-width: 0;
24612
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24613
+ margin-inline-end: 52px;
24614
24614
  }
24615
24615
  }.v-table {
24616
24616
  background: rgb(var(--v-theme-surface));
@@ -24750,45 +24750,6 @@ html.v-overlay-scroll-blocked {
24750
24750
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24751
24751
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24752
24752
  border-top: 0px !important;
24753
- }.v-textarea .v-field {
24754
- --v-textarea-control-height: var(--v-input-control-height);
24755
- }
24756
- .v-textarea .v-field__field {
24757
- --v-input-control-height: var(--v-textarea-control-height);
24758
- }
24759
- .v-textarea .v-field__input {
24760
- flex: 1 1 auto;
24761
- outline: none;
24762
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24763
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24764
- }
24765
- .v-textarea .v-field__input.v-textarea__sizer {
24766
- visibility: hidden;
24767
- position: absolute;
24768
- top: 0;
24769
- left: 0;
24770
- height: 0 !important;
24771
- min-height: 0 !important;
24772
- pointer-events: none;
24773
- }
24774
- .v-textarea--no-resize .v-field__input {
24775
- resize: none;
24776
- }
24777
- .v-textarea .v-field--no-label textarea,
24778
- .v-textarea .v-field--active textarea {
24779
- opacity: 1;
24780
- }
24781
- .v-textarea textarea {
24782
- opacity: 0;
24783
- flex: 1;
24784
- min-width: 0;
24785
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24786
- }
24787
- .v-textarea textarea:focus, .v-textarea textarea:active {
24788
- outline: none;
24789
- }
24790
- .v-textarea textarea:invalid {
24791
- box-shadow: none;
24792
24753
  }/* region BLOCK */
24793
24754
  .v-text-field input {
24794
24755
  color: inherit;
@@ -24856,7 +24817,46 @@ html.v-overlay-scroll-blocked {
24856
24817
  padding-inline-end: var(--v-field-padding-end);
24857
24818
  }
24858
24819
 
24859
- /* endregion */.v-theme-provider {
24820
+ /* endregion */.v-textarea .v-field {
24821
+ --v-textarea-control-height: var(--v-input-control-height);
24822
+ }
24823
+ .v-textarea .v-field__field {
24824
+ --v-input-control-height: var(--v-textarea-control-height);
24825
+ }
24826
+ .v-textarea .v-field__input {
24827
+ flex: 1 1 auto;
24828
+ outline: none;
24829
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24830
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24831
+ }
24832
+ .v-textarea .v-field__input.v-textarea__sizer {
24833
+ visibility: hidden;
24834
+ position: absolute;
24835
+ top: 0;
24836
+ left: 0;
24837
+ height: 0 !important;
24838
+ min-height: 0 !important;
24839
+ pointer-events: none;
24840
+ }
24841
+ .v-textarea--no-resize .v-field__input {
24842
+ resize: none;
24843
+ }
24844
+ .v-textarea .v-field--no-label textarea,
24845
+ .v-textarea .v-field--active textarea {
24846
+ opacity: 1;
24847
+ }
24848
+ .v-textarea textarea {
24849
+ opacity: 0;
24850
+ flex: 1;
24851
+ min-width: 0;
24852
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24853
+ }
24854
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24855
+ outline: none;
24856
+ }
24857
+ .v-textarea textarea:invalid {
24858
+ box-shadow: none;
24859
+ }.v-theme-provider {
24860
24860
  background: rgb(var(--v-theme-background));
24861
24861
  color: rgb(var(--v-theme-on-background));
24862
24862
  }.v-timeline .v-timeline-divider__dot {
@@ -25426,6 +25426,15 @@ html.v-overlay-scroll-blocked {
25426
25426
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25427
25427
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25428
25428
  transition-duration: 75ms;
25429
+ }.v-virtual-scroll {
25430
+ display: block;
25431
+ flex: 1 1 auto;
25432
+ max-width: 100%;
25433
+ overflow: auto;
25434
+ position: relative;
25435
+ }
25436
+ .v-virtual-scroll__container {
25437
+ display: block;
25429
25438
  }.v-window {
25430
25439
  overflow: hidden;
25431
25440
  }
@@ -25496,15 +25505,6 @@ html.v-overlay-scroll-blocked {
25496
25505
  }
25497
25506
  .v-window-y-reverse-transition-leave-to {
25498
25507
  transform: translateY(100%);
25499
- }.v-virtual-scroll {
25500
- display: block;
25501
- flex: 1 1 auto;
25502
- max-width: 100%;
25503
- overflow: auto;
25504
- position: relative;
25505
- }
25506
- .v-virtual-scroll__container {
25507
- display: block;
25508
25508
  }.v-color-picker-canvas {
25509
25509
  display: flex;
25510
25510
  position: relative;
@@ -25555,6 +25555,41 @@ html.v-overlay-scroll-blocked {
25555
25555
  }
25556
25556
  .v-color-picker-edit__input span {
25557
25557
  font-size: 0.75rem;
25558
+ }.v-color-picker-swatches {
25559
+ overflow-y: auto;
25560
+ }
25561
+ .v-color-picker-swatches > div {
25562
+ display: flex;
25563
+ flex-wrap: wrap;
25564
+ justify-content: center;
25565
+ padding: 8px;
25566
+ }
25567
+
25568
+ .v-color-picker-swatches__swatch {
25569
+ display: flex;
25570
+ flex-direction: column;
25571
+ margin-bottom: 10px;
25572
+ }
25573
+
25574
+ .v-color-picker-swatches__color {
25575
+ position: relative;
25576
+ height: 18px;
25577
+ max-height: 18px;
25578
+ width: 45px;
25579
+ margin: 2px 4px;
25580
+ border-radius: 2px;
25581
+ -webkit-user-select: none;
25582
+ user-select: none;
25583
+ overflow: hidden;
25584
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25585
+ cursor: pointer;
25586
+ }
25587
+ .v-color-picker-swatches__color > div {
25588
+ display: flex;
25589
+ align-items: center;
25590
+ justify-content: center;
25591
+ width: 100%;
25592
+ height: 100%;
25558
25593
  }.v-color-picker-preview__alpha .v-slider-track__background {
25559
25594
  background-color: transparent !important;
25560
25595
  }
@@ -25625,41 +25660,6 @@ html.v-overlay-scroll-blocked {
25625
25660
  .v-color-picker-preview__eye-dropper {
25626
25661
  position: relative;
25627
25662
  margin-right: 12px;
25628
- }.v-color-picker-swatches {
25629
- overflow-y: auto;
25630
- }
25631
- .v-color-picker-swatches > div {
25632
- display: flex;
25633
- flex-wrap: wrap;
25634
- justify-content: center;
25635
- padding: 8px;
25636
- }
25637
-
25638
- .v-color-picker-swatches__swatch {
25639
- display: flex;
25640
- flex-direction: column;
25641
- margin-bottom: 10px;
25642
- }
25643
-
25644
- .v-color-picker-swatches__color {
25645
- position: relative;
25646
- height: 18px;
25647
- max-height: 18px;
25648
- width: 45px;
25649
- margin: 2px 4px;
25650
- border-radius: 2px;
25651
- -webkit-user-select: none;
25652
- user-select: none;
25653
- overflow: hidden;
25654
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25655
- cursor: pointer;
25656
- }
25657
- .v-color-picker-swatches__color > div {
25658
- display: flex;
25659
- align-items: center;
25660
- justify-content: center;
25661
- width: 100%;
25662
- height: 100%;
25663
25663
  }.v-picker.v-sheet {
25664
25664
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25665
25665
  border-radius: 4px;