@omnia/runtime 8.0.21-vnext → 8.0.22-dev

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 (82) hide show
  1. package/dist/bundles/omfx.markdown.editor_744b3f31-e00c-4815-b63e-caf638ad7a7a.css +2072 -0
  2. package/dist/bundles/omfx.monacoeditor_dd2a06c1-85a6-4fd9-a542-1cc9d34ed98e.css +2833 -1989
  3. package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css +30 -29
  4. package/dist/bundles/omnia.fx.ux.richtexteditor.component_7474e750-42e3-47b4-821b-bafdb1cb4ee0.css +29 -0
  5. package/dist/bundles/omnia.fx.ux.vuetify.bottomnav_2da93f43-df97-43bb-942c-01fa7bbf2898.css +1 -0
  6. package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css +4 -0
  7. package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css +9 -0
  8. package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css +22 -26
  9. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +78 -19
  10. package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css +5 -14
  11. package/dist/bundles/omnia.fx.ux.vuetify.datepicker_0ab2c44b-d945-40f8-8042-0800a52d7c86.css +319 -0
  12. package/dist/bundles/omnia.fx.ux.vuetify.dialog_0bf6198c-32c6-4cec-90bd-7988a979c9b0.css +15 -6
  13. package/dist/bundles/omnia.fx.ux.vuetify.rating_98f2c51f-7725-4a0e-91f5-f2631149737c.css +0 -4
  14. package/dist/bundles/omnia.fx.ux.vuetify.select_6d5f3edc-0fc0-4765-804b-b6583381f25d.css +15 -25
  15. package/dist/bundles/omnia.fx.ux.vuetify.selection_df97a94b-b41b-45e0-883c-6e577a1634a1.css +6 -1
  16. package/dist/bundles/omnia.fx.ux.vuetify.shared_8769dc42-712d-4ce2-8d32-4b8604b92ae6.css +2374 -1763
  17. package/dist/bundles/omnia.fx.ux.vuetify.slider_969bbd01-9190-41fe-8af8-60cf35045f84.css +37 -20
  18. package/dist/bundles/omnia.fx.ux.vuetify.stepper_3104db5f-e983-4e06-925e-9b5375276512.css +110 -0
  19. package/dist/bundles/omnia.fx.ux.vuetify.switch_81d8f551-1b9f-4f75-90c3-2fe5f25e4015.css +32 -16
  20. package/dist/bundles/omnia.fx.ux.vuetify.textarea_19c78eb2-a849-4859-a12a-e6f84649d816.css +4 -7
  21. package/dist/bundles/omnia.fx.ux.vuetify.textinput_181ff5d3-896f-4471-b516-3a347fe9e35d.css +23 -1
  22. package/dist/bundles/omnia.fx.ux.vuetify.timeline_b474da31-7ff2-4f5b-a309-19cb2d300b64.css +31 -25
  23. package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css +0 -1
  24. package/dist/bundles/omnia.vendor.prod_aaf89b2d-5ea8-4b79-946a-8c1e89f713a3.css +27388 -15890
  25. package/dist/bundles/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.css +27388 -15890
  26. package/dist/bundles/omnia.vuetify.colorpicker_4f861c0d-75fb-49ce-913e-17cbafad5ed2.css +186 -0
  27. package/dist/fonts/fa-brands-400_0601cf57e567a5aa17eb20224da792b4.ttf +0 -0
  28. package/dist/fonts/fa-brands-400_e24fcc1b7ece401606b1ce88f377554a.woff2 +0 -0
  29. package/dist/fonts/fa-duotone-900_ca0b8a6f1b508d2ecca815c8bda5c209.woff2 +0 -0
  30. package/dist/fonts/fa-duotone-900_da904eb8d1a121a111b78f542bd1f652.ttf +0 -0
  31. package/dist/fonts/fa-light-300_2006c9ff100617e95eb87e3c3fb223f6.ttf +0 -0
  32. package/dist/fonts/fa-light-300_441b578192c1b1e771cfce263d87bcb1.woff2 +0 -0
  33. package/dist/fonts/fa-regular-400_ba0c0a7588d6b4fc8fb79da558071726.ttf +0 -0
  34. package/dist/fonts/fa-regular-400_e4bb547bebf70ca2cb4948560f59302a.woff2 +0 -0
  35. package/dist/fonts/fa-solid-900_2f8c37423114769918ded8b5ec9ef160.woff2 +0 -0
  36. package/dist/fonts/fa-solid-900_6fa0a8232f0352e4c0f8207a83d5378b.ttf +0 -0
  37. package/dist/fonts/fa-thin-100_4bda47dd5caf66e70f60620e66ec926c.woff2 +0 -0
  38. package/dist/fonts/fa-thin-100_881316d6d7081aee5419e49909fef37f.ttf +0 -0
  39. package/dist/fonts/fa-v4compatibility_166bb44555a94706e528636bcfb85bea.ttf +0 -0
  40. package/dist/fonts/fa-v4compatibility_2575bf69211b13c08444913854491fc6.woff2 +0 -0
  41. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.editor.en-us.json +1 -0
  42. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.public.en-us.json +1 -0
  43. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_admin_manifests.json +1 -0
  44. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_docs_manifests.json +1 -0
  45. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_editor_manifests.json +1 -0
  46. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -0
  47. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_servicemanifest.json +1 -1
  48. package/package.json +5 -5
  49. package/task.ts +0 -4
  50. package/dist/fonts/fa-brands-400_2563b3e3a6a903e85f8a5fa88dbf538b.eot +0 -0
  51. package/dist/fonts/fa-brands-400_3533db5f6d4bb62ec2d507557e99320f.woff2 +0 -0
  52. package/dist/fonts/fa-brands-400_59167fb59d703ba519a06201490351bb.woff +0 -0
  53. package/dist/fonts/fa-brands-400_74cebd55f90c6cbc840d5c533fae4255.svg +0 -1
  54. package/dist/fonts/fa-brands-400_f891686c02d561760ea0c668c0197bf9.ttf +0 -0
  55. package/dist/fonts/fa-duotone-900_3079c0e01076f6301fa74d1f35c71fa4.svg +0 -1
  56. package/dist/fonts/fa-duotone-900_4bd9f123e62d823eba06a3a89b138958.eot +0 -0
  57. package/dist/fonts/fa-duotone-900_56c28157e969556945ee6f50d232527d.woff +0 -0
  58. package/dist/fonts/fa-duotone-900_a4a71b0d384ff8966c7aaf50c56f22c3.woff2 +0 -0
  59. package/dist/fonts/fa-duotone-900_cb751065ae9ac2915ca3667253ad20e0.ttf +0 -0
  60. package/dist/fonts/fa-light-300_102dcd2113828918d901554f9cad7f46.ttf +0 -0
  61. package/dist/fonts/fa-light-300_44931d2b26ba16405d9daac56131b844.woff +0 -0
  62. package/dist/fonts/fa-light-300_6265ad13b6a2275b7efcbae945d9d99c.woff2 +0 -0
  63. package/dist/fonts/fa-light-300_ab0ae8fbd9e02df6bb867eb623d0418a.svg +0 -1
  64. package/dist/fonts/fa-light-300_af237b233f468bc688b9a1a8359d204d.eot +0 -0
  65. package/dist/fonts/fa-regular-400_2261bb07dd3e9987ff015e83da5204dd.svg +0 -1
  66. package/dist/fonts/fa-regular-400_31e6727562147589b4d79522204fc9e5.woff2 +0 -0
  67. package/dist/fonts/fa-regular-400_6de71e8b1f2e7cc46eaf43fb9464a27f.eot +0 -0
  68. package/dist/fonts/fa-regular-400_a15a569f9274c3c067e021664a6cb504.woff +0 -0
  69. package/dist/fonts/fa-regular-400_abc4686311fc6242c96f827c7eb0282a.ttf +0 -0
  70. package/dist/fonts/fa-solid-900_302ff55483aa3a0051e38d36d84521bd.ttf +0 -0
  71. package/dist/fonts/fa-solid-900_33484065de46cbd7642f1ccfa7fb0b1c.woff +0 -0
  72. package/dist/fonts/fa-solid-900_648f6c54acb5522e1db288f64ae243e0.woff2 +0 -0
  73. package/dist/fonts/fa-solid-900_7e66c7847849e3d32d856af7bbb5ae92.svg +0 -1
  74. package/dist/fonts/fa-solid-900_abe688eccd9d8a59af1e9739bae69bbe.eot +0 -0
  75. package/dist/images/fa-brands-400.svg +0 -3496
  76. package/dist/images/fa-duotone-900.svg +0 -13908
  77. package/dist/images/fa-light-300.svg +0 -11174
  78. package/dist/images/fa-regular-400.svg +0 -10229
  79. package/dist/images/fa-solid-900.svg +0 -8736
  80. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.en-us.json +0 -1
  81. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_manifests.json +0 -1
  82. /package/dist/bundles/{omnia.libs.prismjs_200989af-08cf-4adc-a0bf-13e3109ca137.css → omfx.libs.prismjs_200989af-08cf-4adc-a0bf-13e3109ca137.css} +0 -0
@@ -120,984 +120,874 @@
120
120
  }
121
121
 
122
122
 
123
- .v-application {
123
+ .v-infinite-scroll--horizontal {
124
124
  display: flex;
125
- background: rgb(var(--v-theme-background));
126
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
125
+ flex-direction: row;
126
+ overflow-x: auto;
127
+ }
128
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
129
+ height: 100%;
130
+ width: 1px;
127
131
  }
128
132
 
129
- .v-application__wrap {
130
- backface-visibility: hidden;
133
+ .v-infinite-scroll--vertical {
131
134
  display: flex;
132
135
  flex-direction: column;
133
- flex: 1 1 auto;
134
- max-width: 100%;
135
- min-height: 100vh;
136
- min-height: 100dvh;
137
- position: relative;
136
+ overflow-y: auto;
138
137
  }
139
- .v-main {
140
- flex: 1 0 auto;
141
- max-width: 100%;
142
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
143
- padding-left: var(--v-layout-left);
144
- padding-right: var(--v-layout-right);
145
- padding-top: var(--v-layout-top);
146
- padding-bottom: var(--v-layout-bottom);
138
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
139
+ height: 1px;
140
+ width: 100%;
147
141
  }
148
- .v-main__scroller {
149
- max-width: 100%;
142
+
143
+ .v-infinite-scroll__side {
144
+ align-items: center;
145
+ display: flex;
146
+ justify-content: center;
147
+ padding: 8px;
148
+ }
149
+ .v-progress-circular {
150
+ align-items: center;
151
+ display: inline-flex;
152
+ justify-content: center;
150
153
  position: relative;
154
+ vertical-align: middle;
151
155
  }
152
- .v-main--scrollable {
153
- display: flex;
156
+ .v-progress-circular > svg {
157
+ width: 100%;
158
+ height: 100%;
159
+ margin: auto;
154
160
  position: absolute;
155
161
  top: 0;
162
+ bottom: 0;
156
163
  left: 0;
157
- width: 100%;
158
- height: 100%;
164
+ right: 0;
165
+ z-index: 0;
159
166
  }
160
- .v-main--scrollable > .v-main__scroller {
161
- flex: 1 1 auto;
162
- overflow-y: auto;
163
- --v-layout-left: 0px;
164
- --v-layout-right: 0px;
165
- --v-layout-top: 0px;
166
- --v-layout-bottom: 0px;
167
+
168
+ .v-progress-circular__content {
169
+ align-items: center;
170
+ display: flex;
171
+ justify-content: center;
167
172
  }
168
- .v-divider {
169
- display: block;
170
- flex: 1 1 100%;
171
- height: 0px;
172
- max-height: 0px;
173
- opacity: var(--v-border-opacity);
174
- transition: inherit;
175
- border-style: solid;
176
- border-width: thin 0 0 0;
173
+
174
+ .v-progress-circular__underlay {
175
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
176
+ stroke: currentColor;
177
+ z-index: 1;
177
178
  }
178
- .v-divider--vertical {
179
- align-self: stretch;
180
- border-width: 0 thin 0 0;
181
- display: inline-flex;
182
- height: inherit;
183
- margin-left: -1px;
184
- max-height: 100%;
185
- max-width: 0px;
186
- vertical-align: text-bottom;
187
- width: 0px;
179
+
180
+ .v-progress-circular__overlay {
181
+ stroke: currentColor;
182
+ transition: all 0.2s ease-in-out, stroke-width 0s;
183
+ z-index: 2;
188
184
  }
189
- .v-divider--inset:not(.v-divider--vertical) {
190
- max-width: calc(100% - 72px);
191
- margin-inline-start: 72px;
185
+
186
+ .v-progress-circular--size-x-small {
187
+ height: 16px;
188
+ width: 16px;
192
189
  }
193
- .v-divider--inset.v-divider--vertical {
194
- margin-bottom: 8px;
195
- margin-top: 8px;
196
- max-height: calc(100% - 16px);
190
+ .v-progress-circular--size-small {
191
+ height: 24px;
192
+ width: 24px;
197
193
  }
198
- .v-layout {
199
- --v-scrollbar-offset: 0px;
200
- display: flex;
201
- flex: 1 1 auto;
194
+ .v-progress-circular--size-default {
195
+ height: 32px;
196
+ width: 32px;
202
197
  }
203
- .v-layout--full-height {
204
- --v-scrollbar-offset: inherit;
205
- height: 100%;
198
+ .v-progress-circular--size-large {
199
+ height: 48px;
200
+ width: 48px;
206
201
  }
207
- .v-layout-item {
208
- position: absolute;
209
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
202
+ .v-progress-circular--size-x-large {
203
+ height: 64px;
204
+ width: 64px;
210
205
  }
211
206
 
212
- .v-layout-item--absolute {
213
- position: absolute;
207
+ .v-progress-circular--indeterminate > svg {
208
+ animation: progress-circular-rotate 1.4s linear infinite;
209
+ transform-origin: center center;
210
+ transition: all 0.2s ease-in-out;
214
211
  }
215
- .v-theme-provider {
216
- background: rgb(var(--v-theme-background));
217
- color: rgb(var(--v-theme-on-background));
212
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
213
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
214
+ stroke-dasharray: 25, 200;
215
+ stroke-dashoffset: 0;
216
+ stroke-linecap: round;
217
+ transform-origin: center center;
218
+ transform: rotate(-90deg);
218
219
  }
219
- .v-container {
220
- width: 100%;
221
- padding: 16px;
222
- margin-right: auto;
223
- margin-left: auto;
220
+
221
+ .v-progress-circular--disable-shrink > svg {
222
+ animation-duration: 0.7s;
224
223
  }
225
- @media (min-width: 960px) {
226
- .v-container {
227
- max-width: 900px;
228
- }
224
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
225
+ animation: none;
229
226
  }
230
- @media (min-width: 1280px) {
231
- .v-container {
232
- max-width: 1200px;
233
- }
227
+
228
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
229
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
230
+ animation-play-state: paused !important;
234
231
  }
235
- @media (min-width: 1920px) {
236
- .v-container {
237
- max-width: 1800px;
232
+
233
+ @keyframes progress-circular-dash {
234
+ 0% {
235
+ stroke-dasharray: 1, 200;
236
+ stroke-dashoffset: 0px;
237
+ }
238
+ 50% {
239
+ stroke-dasharray: 100, 200;
240
+ stroke-dashoffset: -15px;
241
+ }
242
+ 100% {
243
+ stroke-dasharray: 100, 200;
244
+ stroke-dashoffset: -124px;
238
245
  }
239
246
  }
240
- @media (min-width: 2560px) {
241
- .v-container {
242
- max-width: 2400px;
247
+ @keyframes progress-circular-rotate {
248
+ 100% {
249
+ transform: rotate(270deg);
243
250
  }
244
251
  }
245
- .v-container--fluid {
252
+ /** if false, disabled buttons will be greyed out */
253
+ .v-btn {
254
+ align-items: center;
255
+ border-radius: 4px;
256
+ display: inline-grid;
257
+ grid-template-areas: "prepend content append";
258
+ grid-template-columns: max-content auto max-content;
259
+ font-weight: 500;
260
+ justify-content: center;
261
+ letter-spacing: 0.0892857143em;
262
+ line-height: normal;
246
263
  max-width: 100%;
264
+ outline: none;
265
+ position: relative;
266
+ text-decoration: none;
267
+ text-indent: 0.0892857143em;
268
+ text-transform: uppercase;
269
+ transition-property: box-shadow, transform, opacity, background;
270
+ transition-duration: 0.28s;
271
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
272
+ user-select: none;
273
+ vertical-align: middle;
274
+ flex-shrink: 0;
275
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
276
+ border-style: solid;
277
+ border-width: 0;
247
278
  }
248
- .v-container.fill-height {
249
- align-items: center;
250
- display: flex;
251
- flex-wrap: wrap;
279
+ .v-btn--size-x-small {
280
+ --v-btn-size: 0.625rem;
281
+ --v-btn-height: 20px;
282
+ font-size: var(--v-btn-size);
283
+ min-width: 36px;
284
+ padding: 0 8px;
252
285
  }
253
286
 
254
- .v-row {
255
- display: flex;
256
- flex-wrap: wrap;
257
- flex: 1 1 auto;
258
- margin: -12px;
259
- }
260
- .v-row + .v-row {
261
- margin-top: 12px;
287
+ .v-btn--size-small {
288
+ --v-btn-size: 0.75rem;
289
+ --v-btn-height: 28px;
290
+ font-size: var(--v-btn-size);
291
+ min-width: 50px;
292
+ padding: 0 12px;
262
293
  }
263
- .v-row + .v-row--dense {
264
- margin-top: 4px;
294
+
295
+ .v-btn--size-default {
296
+ --v-btn-size: 0.875rem;
297
+ --v-btn-height: 36px;
298
+ font-size: var(--v-btn-size);
299
+ min-width: 64px;
300
+ padding: 0 16px;
265
301
  }
266
- .v-row--dense {
267
- margin: -4px;
302
+
303
+ .v-btn--size-large {
304
+ --v-btn-size: 1rem;
305
+ --v-btn-height: 44px;
306
+ font-size: var(--v-btn-size);
307
+ min-width: 78px;
308
+ padding: 0 20px;
268
309
  }
269
- .v-row--dense > .v-col,
270
- .v-row--dense > [class*=v-col-] {
271
- padding: 4px;
310
+
311
+ .v-btn--size-x-large {
312
+ --v-btn-size: 1.125rem;
313
+ --v-btn-height: 52px;
314
+ font-size: var(--v-btn-size);
315
+ min-width: 92px;
316
+ padding: 0 24px;
272
317
  }
273
- .v-row.v-row--no-gutters {
274
- margin: 0;
275
- }
276
- .v-row.v-row--no-gutters > .v-col,
277
- .v-row.v-row--no-gutters > [class*=v-col-] {
278
- padding: 0;
318
+
319
+ .v-btn.v-btn--density-default {
320
+ height: calc(var(--v-btn-height) + 0px);
279
321
  }
280
322
 
281
- .v-col-xxl,
282
- .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,
283
- .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,
284
- .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,
285
- .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,
286
- .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,
287
- .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 {
288
- width: 100%;
289
- padding: 12px;
323
+ .v-btn.v-btn--density-comfortable {
324
+ height: calc(var(--v-btn-height) + -8px);
290
325
  }
291
326
 
292
- .v-col {
293
- flex-basis: 0;
294
- flex-grow: 1;
295
- max-width: 100%;
327
+ .v-btn.v-btn--density-compact {
328
+ height: calc(var(--v-btn-height) + -12px);
296
329
  }
297
330
 
298
- .v-col-auto {
299
- flex: 0 0 auto;
300
- width: auto;
301
- max-width: 100%;
331
+ .v-btn--border {
332
+ border-width: thin;
333
+ box-shadow: none;
302
334
  }
303
-
304
- .v-col-1 {
305
- flex: 0 0 8.3333333333%;
306
- max-width: 8.3333333333%;
335
+ .v-btn--absolute {
336
+ position: absolute;
307
337
  }
308
-
309
- .v-col-2 {
310
- flex: 0 0 16.6666666667%;
311
- max-width: 16.6666666667%;
338
+ .v-btn--fixed {
339
+ position: fixed;
312
340
  }
313
-
314
- .v-col-3 {
315
- flex: 0 0 25%;
316
- max-width: 25%;
341
+ .v-btn:hover > .v-btn__overlay {
342
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
317
343
  }
318
-
319
- .v-col-4 {
320
- flex: 0 0 33.3333333333%;
321
- max-width: 33.3333333333%;
344
+ .v-btn:focus-visible > .v-btn__overlay {
345
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
322
346
  }
323
-
324
- .v-col-5 {
325
- flex: 0 0 41.6666666667%;
326
- max-width: 41.6666666667%;
347
+ @supports not selector(:focus-visible) {
348
+ .v-btn:focus > .v-btn__overlay {
349
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
350
+ }
327
351
  }
328
-
329
- .v-col-6 {
330
- flex: 0 0 50%;
331
- max-width: 50%;
352
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
353
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
332
354
  }
333
-
334
- .v-col-7 {
335
- flex: 0 0 58.3333333333%;
336
- max-width: 58.3333333333%;
355
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
356
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
337
357
  }
338
-
339
- .v-col-8 {
340
- flex: 0 0 66.6666666667%;
341
- max-width: 66.6666666667%;
358
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
359
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
342
360
  }
343
-
344
- .v-col-9 {
345
- flex: 0 0 75%;
346
- max-width: 75%;
361
+ @supports not selector(:focus-visible) {
362
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
363
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
364
+ }
347
365
  }
348
-
349
- .v-col-10 {
350
- flex: 0 0 83.3333333333%;
351
- max-width: 83.3333333333%;
366
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
367
+ background: transparent;
368
+ color: inherit;
352
369
  }
353
-
354
- .v-col-11 {
355
- flex: 0 0 91.6666666667%;
356
- max-width: 91.6666666667%;
370
+ .v-btn--variant-plain {
371
+ opacity: 0.62;
357
372
  }
358
-
359
- .v-col-12 {
360
- flex: 0 0 100%;
361
- max-width: 100%;
373
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
374
+ opacity: 1;
362
375
  }
363
-
364
- .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
365
- margin-left: 8.3333333333%;
376
+ .v-btn--variant-plain .v-btn__overlay {
377
+ display: none;
366
378
  }
367
- .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
368
- margin-right: 8.3333333333%;
379
+ .v-btn--variant-elevated, .v-btn--variant-flat {
380
+ background: rgb(var(--v-theme-surface));
381
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
369
382
  }
370
-
371
- .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
372
- margin-left: 16.6666666667%;
383
+ .v-btn--variant-elevated {
384
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
373
385
  }
374
- .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
375
- margin-right: 16.6666666667%;
386
+ .v-btn--variant-flat {
387
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
376
388
  }
377
-
378
- .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
379
- margin-left: 25%;
389
+ .v-btn--variant-outlined {
390
+ border: thin solid currentColor;
380
391
  }
381
- .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
382
- margin-right: 25%;
392
+ .v-btn--variant-text .v-btn__overlay {
393
+ background: currentColor;
383
394
  }
384
-
385
- .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
386
- margin-left: 33.3333333333%;
395
+ .v-btn--variant-tonal .v-btn__underlay {
396
+ background: currentColor;
397
+ opacity: var(--v-activated-opacity);
398
+ border-radius: inherit;
399
+ position: absolute;
400
+ top: 0;
401
+ right: 0;
402
+ bottom: 0;
403
+ left: 0;
404
+ pointer-events: none;
387
405
  }
388
- .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
389
- margin-right: 33.3333333333%;
406
+ @supports selector(:focus-visible) {
407
+ .v-btn::after {
408
+ content: "";
409
+ position: absolute;
410
+ top: 0;
411
+ left: 0;
412
+ width: 100%;
413
+ height: 100%;
414
+ pointer-events: none;
415
+ border: 2px solid currentColor;
416
+ border-radius: inherit;
417
+ opacity: 0;
418
+ transition: opacity 0.2s ease-in-out;
419
+ }
420
+ .v-btn:focus-visible::after {
421
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
422
+ }
390
423
  }
391
-
392
- .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
393
- margin-left: 41.6666666667%;
424
+ .v-btn--icon {
425
+ border-radius: 50%;
426
+ min-width: 0;
427
+ padding: 0;
394
428
  }
395
- .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
396
- margin-right: 41.6666666667%;
429
+ .v-btn--icon.v-btn--size-default {
430
+ --v-btn-size: 1rem;
397
431
  }
398
-
399
- .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
400
- margin-left: 50%;
432
+ .v-btn--icon.v-btn--density-default {
433
+ width: calc(var(--v-btn-height) + 12px);
434
+ height: calc(var(--v-btn-height) + 12px);
401
435
  }
402
- .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
403
- margin-right: 50%;
436
+ .v-btn--icon.v-btn--density-comfortable {
437
+ width: calc(var(--v-btn-height) + 0px);
438
+ height: calc(var(--v-btn-height) + 0px);
439
+ }
440
+ .v-btn--icon.v-btn--density-compact {
441
+ width: calc(var(--v-btn-height) + -8px);
442
+ height: calc(var(--v-btn-height) + -8px);
404
443
  }
405
444
 
406
- .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
407
- margin-left: 58.3333333333%;
445
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
446
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
408
447
  }
409
- .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
410
- margin-right: 58.3333333333%;
448
+ .v-btn--elevated:active {
449
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
411
450
  }
412
-
413
- .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
414
- margin-left: 66.6666666667%;
451
+ .v-btn--flat {
452
+ box-shadow: none;
415
453
  }
416
- .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
417
- margin-right: 66.6666666667%;
454
+ .v-btn--block {
455
+ display: flex;
456
+ flex: 1 0 auto;
457
+ min-width: 100%;
418
458
  }
419
-
420
- .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
421
- margin-left: 75%;
459
+ .v-btn--disabled {
460
+ pointer-events: none;
461
+ opacity: 0.26;
422
462
  }
423
- .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
424
- margin-right: 75%;
463
+ .v-btn--disabled:hover {
464
+ opacity: 0.26;
425
465
  }
426
-
427
- .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
428
- margin-left: 83.3333333333%;
466
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
467
+ box-shadow: none;
468
+ opacity: 1;
469
+ color: rgba(var(--v-theme-on-surface), 0.26);
470
+ background: rgb(var(--v-theme-surface));
429
471
  }
430
- .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
431
- margin-right: 83.3333333333%;
472
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
473
+ opacity: 0.4615384615;
432
474
  }
433
-
434
- .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
435
- margin-left: 91.6666666667%;
475
+ .v-btn--loading {
476
+ pointer-events: none;
436
477
  }
437
- .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
438
- margin-right: 91.6666666667%;
478
+ .v-btn--loading .v-btn__content,
479
+ .v-btn--loading .v-btn__prepend,
480
+ .v-btn--loading .v-btn__append {
481
+ opacity: 0;
482
+ }
483
+ .v-btn--stacked {
484
+ grid-template-areas: "prepend" "content" "append";
485
+ grid-template-columns: auto;
486
+ grid-template-rows: max-content max-content max-content;
487
+ justify-items: center;
488
+ align-content: center;
489
+ }
490
+ .v-btn--stacked .v-btn__content {
491
+ flex-direction: column;
492
+ line-height: 1.25;
493
+ }
494
+ .v-btn--stacked .v-btn__prepend,
495
+ .v-btn--stacked .v-btn__append,
496
+ .v-btn--stacked .v-btn__content > .v-icon--start,
497
+ .v-btn--stacked .v-btn__content > .v-icon--end {
498
+ margin-inline-start: 0;
499
+ margin-inline-end: 0;
500
+ }
501
+ .v-btn--stacked .v-btn__prepend,
502
+ .v-btn--stacked .v-btn__content > .v-icon--start {
503
+ margin-bottom: 4px;
504
+ }
505
+ .v-btn--stacked .v-btn__append,
506
+ .v-btn--stacked .v-btn__content > .v-icon--end {
507
+ margin-top: 4px;
508
+ }
509
+ .v-btn--stacked.v-btn--size-x-small {
510
+ --v-btn-size: 0.625rem;
511
+ --v-btn-height: 56px;
512
+ font-size: var(--v-btn-size);
513
+ min-width: 56px;
514
+ padding: 0 12px;
439
515
  }
440
516
 
441
- @media (min-width: 600px) {
442
- .v-col-sm {
443
- flex-basis: 0;
444
- flex-grow: 1;
445
- max-width: 100%;
446
- }
447
- .v-col-sm-auto {
448
- flex: 0 0 auto;
449
- width: auto;
450
- max-width: 100%;
451
- }
452
- .v-col-sm-1 {
453
- flex: 0 0 8.3333333333%;
454
- max-width: 8.3333333333%;
455
- }
456
- .v-col-sm-2 {
457
- flex: 0 0 16.6666666667%;
458
- max-width: 16.6666666667%;
459
- }
460
- .v-col-sm-3 {
461
- flex: 0 0 25%;
462
- max-width: 25%;
463
- }
464
- .v-col-sm-4 {
465
- flex: 0 0 33.3333333333%;
466
- max-width: 33.3333333333%;
467
- }
468
- .v-col-sm-5 {
469
- flex: 0 0 41.6666666667%;
470
- max-width: 41.6666666667%;
471
- }
472
- .v-col-sm-6 {
473
- flex: 0 0 50%;
474
- max-width: 50%;
475
- }
476
- .v-col-sm-7 {
477
- flex: 0 0 58.3333333333%;
478
- max-width: 58.3333333333%;
479
- }
480
- .v-col-sm-8 {
481
- flex: 0 0 66.6666666667%;
482
- max-width: 66.6666666667%;
483
- }
484
- .v-col-sm-9 {
485
- flex: 0 0 75%;
486
- max-width: 75%;
487
- }
488
- .v-col-sm-10 {
489
- flex: 0 0 83.3333333333%;
490
- max-width: 83.3333333333%;
491
- }
492
- .v-col-sm-11 {
493
- flex: 0 0 91.6666666667%;
494
- max-width: 91.6666666667%;
495
- }
496
- .v-col-sm-12 {
497
- flex: 0 0 100%;
498
- max-width: 100%;
499
- }
500
- .offset-sm-0.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-0 {
501
- margin-left: 0;
502
- }
503
- .offset-sm-0.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-0 {
504
- margin-right: 0;
505
- }
506
- .offset-sm-1.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-1 {
507
- margin-left: 8.3333333333%;
508
- }
509
- .offset-sm-1.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-1 {
510
- margin-right: 8.3333333333%;
511
- }
512
- .offset-sm-2.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-2 {
513
- margin-left: 16.6666666667%;
514
- }
515
- .offset-sm-2.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-2 {
516
- margin-right: 16.6666666667%;
517
- }
518
- .offset-sm-3.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-3 {
519
- margin-left: 25%;
520
- }
521
- .offset-sm-3.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-3 {
522
- margin-right: 25%;
523
- }
524
- .offset-sm-4.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-4 {
525
- margin-left: 33.3333333333%;
526
- }
527
- .offset-sm-4.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-4 {
528
- margin-right: 33.3333333333%;
529
- }
530
- .offset-sm-5.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-5 {
531
- margin-left: 41.6666666667%;
532
- }
533
- .offset-sm-5.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-5 {
534
- margin-right: 41.6666666667%;
535
- }
536
- .offset-sm-6.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-6 {
537
- margin-left: 50%;
538
- }
539
- .offset-sm-6.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-6 {
540
- margin-right: 50%;
541
- }
542
- .offset-sm-7.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-7 {
543
- margin-left: 58.3333333333%;
544
- }
545
- .offset-sm-7.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-7 {
546
- margin-right: 58.3333333333%;
547
- }
548
- .offset-sm-8.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-8 {
549
- margin-left: 66.6666666667%;
550
- }
551
- .offset-sm-8.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-8 {
552
- margin-right: 66.6666666667%;
553
- }
554
- .offset-sm-9.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-9 {
555
- margin-left: 75%;
556
- }
557
- .offset-sm-9.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-9 {
558
- margin-right: 75%;
559
- }
560
- .offset-sm-10.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-10 {
561
- margin-left: 83.3333333333%;
562
- }
563
- .offset-sm-10.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-10 {
564
- margin-right: 83.3333333333%;
565
- }
566
- .offset-sm-11.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-11 {
567
- margin-left: 91.6666666667%;
568
- }
569
- .offset-sm-11.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-11 {
570
- margin-right: 91.6666666667%;
517
+ .v-btn--stacked.v-btn--size-small {
518
+ --v-btn-size: 0.75rem;
519
+ --v-btn-height: 64px;
520
+ font-size: var(--v-btn-size);
521
+ min-width: 64px;
522
+ padding: 0 14px;
523
+ }
524
+
525
+ .v-btn--stacked.v-btn--size-default {
526
+ --v-btn-size: 0.875rem;
527
+ --v-btn-height: 72px;
528
+ font-size: var(--v-btn-size);
529
+ min-width: 72px;
530
+ padding: 0 16px;
531
+ }
532
+
533
+ .v-btn--stacked.v-btn--size-large {
534
+ --v-btn-size: 1rem;
535
+ --v-btn-height: 80px;
536
+ font-size: var(--v-btn-size);
537
+ min-width: 80px;
538
+ padding: 0 18px;
539
+ }
540
+
541
+ .v-btn--stacked.v-btn--size-x-large {
542
+ --v-btn-size: 1.125rem;
543
+ --v-btn-height: 88px;
544
+ font-size: var(--v-btn-size);
545
+ min-width: 88px;
546
+ padding: 0 20px;
547
+ }
548
+
549
+ .v-btn--stacked.v-btn--density-default {
550
+ height: calc(var(--v-btn-height) + 0px);
551
+ }
552
+
553
+ .v-btn--stacked.v-btn--density-comfortable {
554
+ height: calc(var(--v-btn-height) + -16px);
555
+ }
556
+
557
+ .v-btn--stacked.v-btn--density-compact {
558
+ height: calc(var(--v-btn-height) + -24px);
559
+ }
560
+
561
+ .v-btn--rounded {
562
+ border-radius: 24px;
563
+ }
564
+ .v-btn--rounded.v-btn--icon {
565
+ border-radius: 4px;
566
+ }
567
+ .v-btn .v-icon {
568
+ --v-icon-size-multiplier: 0.8571428571;
569
+ }
570
+ .v-btn--icon .v-icon {
571
+ --v-icon-size-multiplier: 1;
572
+ }
573
+ .v-btn--stacked .v-icon {
574
+ --v-icon-size-multiplier: 1.1428571429;
575
+ }
576
+
577
+ .v-btn__loader {
578
+ align-items: center;
579
+ display: flex;
580
+ height: 100%;
581
+ justify-content: center;
582
+ left: 0;
583
+ position: absolute;
584
+ top: 0;
585
+ width: 100%;
586
+ }
587
+
588
+ .v-btn__content,
589
+ .v-btn__prepend,
590
+ .v-btn__append {
591
+ align-items: center;
592
+ display: flex;
593
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
594
+ }
595
+
596
+ .v-btn__prepend {
597
+ grid-area: prepend;
598
+ margin-inline-start: calc(var(--v-btn-height) / -9);
599
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
600
+ }
601
+
602
+ .v-btn__append {
603
+ grid-area: append;
604
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
605
+ margin-inline-end: calc(var(--v-btn-height) / -9);
606
+ }
607
+
608
+ .v-btn__content {
609
+ grid-area: content;
610
+ justify-content: center;
611
+ white-space: nowrap;
612
+ }
613
+ .v-btn__content > .v-icon--start {
614
+ margin-inline-start: calc(var(--v-btn-height) / -9);
615
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
616
+ }
617
+ .v-btn__content > .v-icon--end {
618
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
619
+ margin-inline-end: calc(var(--v-btn-height) / -9);
620
+ }
621
+ .v-btn--stacked .v-btn__content {
622
+ white-space: normal;
623
+ }
624
+
625
+ .v-btn__overlay {
626
+ background-color: currentColor;
627
+ border-radius: inherit;
628
+ opacity: 0;
629
+ transition: opacity 0.2s ease-in-out;
630
+ }
631
+
632
+ .v-btn__overlay,
633
+ .v-btn__underlay {
634
+ position: absolute;
635
+ top: 0;
636
+ left: 0;
637
+ width: 100%;
638
+ height: 100%;
639
+ pointer-events: none;
640
+ }
641
+
642
+ .v-card-actions .v-btn {
643
+ padding: 0 8px;
644
+ }
645
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
646
+ margin-inline-start: 0.5rem;
647
+ }
648
+
649
+ .v-banner-actions .v-btn {
650
+ padding: 0 8px;
651
+ }
652
+
653
+ .v-pagination .v-btn {
654
+ border-radius: 4px;
655
+ }
656
+ .v-btn__overlay {
657
+ transition: none;
658
+ }
659
+ .v-pagination__item--is-active .v-btn__overlay {
660
+ opacity: var(--v-border-opacity);
661
+ }
662
+
663
+ .v-snackbar-actions .v-btn {
664
+ padding: 0 8px;
665
+ }
666
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
667
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
668
+ }
669
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
670
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
671
+ }
672
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
673
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
674
+ }
675
+ @supports not selector(:focus-visible) {
676
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
677
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
571
678
  }
572
679
  }
573
- @media (min-width: 960px) {
574
- .v-col-md {
575
- flex-basis: 0;
576
- flex-grow: 1;
577
- max-width: 100%;
578
- }
579
- .v-col-md-auto {
580
- flex: 0 0 auto;
581
- width: auto;
582
- max-width: 100%;
583
- }
584
- .v-col-md-1 {
585
- flex: 0 0 8.3333333333%;
586
- max-width: 8.3333333333%;
587
- }
588
- .v-col-md-2 {
589
- flex: 0 0 16.6666666667%;
590
- max-width: 16.6666666667%;
591
- }
592
- .v-col-md-3 {
593
- flex: 0 0 25%;
594
- max-width: 25%;
595
- }
596
- .v-col-md-4 {
597
- flex: 0 0 33.3333333333%;
598
- max-width: 33.3333333333%;
599
- }
600
- .v-col-md-5 {
601
- flex: 0 0 41.6666666667%;
602
- max-width: 41.6666666667%;
603
- }
604
- .v-col-md-6 {
605
- flex: 0 0 50%;
606
- max-width: 50%;
607
- }
608
- .v-col-md-7 {
609
- flex: 0 0 58.3333333333%;
610
- max-width: 58.3333333333%;
611
- }
612
- .v-col-md-8 {
613
- flex: 0 0 66.6666666667%;
614
- max-width: 66.6666666667%;
615
- }
616
- .v-col-md-9 {
617
- flex: 0 0 75%;
618
- max-width: 75%;
619
- }
620
- .v-col-md-10 {
621
- flex: 0 0 83.3333333333%;
622
- max-width: 83.3333333333%;
623
- }
624
- .v-col-md-11 {
625
- flex: 0 0 91.6666666667%;
626
- max-width: 91.6666666667%;
627
- }
628
- .v-col-md-12 {
629
- flex: 0 0 100%;
630
- max-width: 100%;
631
- }
632
- .offset-md-0.v-locale--is-ltr, .v-locale--is-ltr .offset-md-0 {
633
- margin-left: 0;
634
- }
635
- .offset-md-0.v-locale--is-rtl, .v-locale--is-rtl .offset-md-0 {
636
- margin-right: 0;
637
- }
638
- .offset-md-1.v-locale--is-ltr, .v-locale--is-ltr .offset-md-1 {
639
- margin-left: 8.3333333333%;
640
- }
641
- .offset-md-1.v-locale--is-rtl, .v-locale--is-rtl .offset-md-1 {
642
- margin-right: 8.3333333333%;
643
- }
644
- .offset-md-2.v-locale--is-ltr, .v-locale--is-ltr .offset-md-2 {
645
- margin-left: 16.6666666667%;
646
- }
647
- .offset-md-2.v-locale--is-rtl, .v-locale--is-rtl .offset-md-2 {
648
- margin-right: 16.6666666667%;
649
- }
650
- .offset-md-3.v-locale--is-ltr, .v-locale--is-ltr .offset-md-3 {
651
- margin-left: 25%;
652
- }
653
- .offset-md-3.v-locale--is-rtl, .v-locale--is-rtl .offset-md-3 {
654
- margin-right: 25%;
655
- }
656
- .offset-md-4.v-locale--is-ltr, .v-locale--is-ltr .offset-md-4 {
657
- margin-left: 33.3333333333%;
658
- }
659
- .offset-md-4.v-locale--is-rtl, .v-locale--is-rtl .offset-md-4 {
660
- margin-right: 33.3333333333%;
661
- }
662
- .offset-md-5.v-locale--is-ltr, .v-locale--is-ltr .offset-md-5 {
663
- margin-left: 41.6666666667%;
664
- }
665
- .offset-md-5.v-locale--is-rtl, .v-locale--is-rtl .offset-md-5 {
666
- margin-right: 41.6666666667%;
667
- }
668
- .offset-md-6.v-locale--is-ltr, .v-locale--is-ltr .offset-md-6 {
669
- margin-left: 50%;
670
- }
671
- .offset-md-6.v-locale--is-rtl, .v-locale--is-rtl .offset-md-6 {
672
- margin-right: 50%;
673
- }
674
- .offset-md-7.v-locale--is-ltr, .v-locale--is-ltr .offset-md-7 {
675
- margin-left: 58.3333333333%;
676
- }
677
- .offset-md-7.v-locale--is-rtl, .v-locale--is-rtl .offset-md-7 {
678
- margin-right: 58.3333333333%;
679
- }
680
- .offset-md-8.v-locale--is-ltr, .v-locale--is-ltr .offset-md-8 {
681
- margin-left: 66.6666666667%;
682
- }
683
- .offset-md-8.v-locale--is-rtl, .v-locale--is-rtl .offset-md-8 {
684
- margin-right: 66.6666666667%;
685
- }
686
- .offset-md-9.v-locale--is-ltr, .v-locale--is-ltr .offset-md-9 {
687
- margin-left: 75%;
688
- }
689
- .offset-md-9.v-locale--is-rtl, .v-locale--is-rtl .offset-md-9 {
690
- margin-right: 75%;
691
- }
692
- .offset-md-10.v-locale--is-ltr, .v-locale--is-ltr .offset-md-10 {
693
- margin-left: 83.3333333333%;
694
- }
695
- .offset-md-10.v-locale--is-rtl, .v-locale--is-rtl .offset-md-10 {
696
- margin-right: 83.3333333333%;
697
- }
698
- .offset-md-11.v-locale--is-ltr, .v-locale--is-ltr .offset-md-11 {
699
- margin-left: 91.6666666667%;
700
- }
701
- .offset-md-11.v-locale--is-rtl, .v-locale--is-rtl .offset-md-11 {
702
- margin-right: 91.6666666667%;
703
- }
680
+ /** if false, disabled buttons will be greyed out */
681
+ .v-btn-group {
682
+ display: inline-flex;
683
+ flex-wrap: nowrap;
684
+ max-width: 100%;
685
+ min-width: 0;
686
+ overflow: hidden;
687
+ vertical-align: middle;
688
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
689
+ border-style: solid;
690
+ border-width: 0;
691
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
692
+ border-radius: 4px;
693
+ background: transparent;
694
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
695
+ }
696
+ .v-btn-group--border {
697
+ border-width: thin;
698
+ box-shadow: none;
699
+ }
700
+ .v-btn-group--density-default.v-btn-group {
701
+ height: 48px;
702
+ }
703
+
704
+ .v-btn-group--density-comfortable.v-btn-group {
705
+ height: 40px;
706
+ }
707
+
708
+ .v-btn-group--density-compact.v-btn-group {
709
+ height: 36px;
710
+ }
711
+
712
+ .v-btn-group .v-btn {
713
+ border-radius: 0;
714
+ border-color: inherit;
715
+ }
716
+ .v-btn-group .v-btn:not(:last-child) {
717
+ border-inline-end: none;
718
+ }
719
+ .v-btn-group .v-btn:not(:first-child) {
720
+ border-inline-start: none;
721
+ }
722
+ .v-btn-group .v-btn:first-child {
723
+ border-start-start-radius: inherit;
724
+ border-end-start-radius: inherit;
725
+ }
726
+ .v-btn-group .v-btn:last-child {
727
+ border-start-end-radius: inherit;
728
+ border-end-end-radius: inherit;
729
+ }
730
+ .v-btn-group--divided .v-btn:not(:last-child) {
731
+ border-inline-end-width: thin;
732
+ border-inline-end-style: solid;
733
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
734
+ }
735
+ .v-btn-group--tile {
736
+ border-radius: 0;
737
+ }
738
+ .v-progress-linear {
739
+ background: transparent;
740
+ overflow: hidden;
741
+ position: relative;
742
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
743
+ width: 100%;
744
+ }
745
+ .v-progress-linear--rounded {
746
+ border-radius: 9999px;
747
+ }
748
+
749
+ .v-progress-linear__background {
750
+ background: currentColor;
751
+ bottom: 0;
752
+ left: 0;
753
+ opacity: var(--v-border-opacity);
754
+ position: absolute;
755
+ top: 0;
756
+ transition-property: width, left, right;
757
+ transition: inherit;
758
+ }
759
+
760
+ .v-progress-linear__content {
761
+ align-items: center;
762
+ display: flex;
763
+ height: 100%;
764
+ justify-content: center;
765
+ left: 0;
766
+ pointer-events: none;
767
+ position: absolute;
768
+ top: 0;
769
+ width: 100%;
770
+ }
771
+
772
+ .v-progress-linear__determinate,
773
+ .v-progress-linear__indeterminate {
774
+ background: currentColor;
775
+ }
776
+
777
+ .v-progress-linear__determinate {
778
+ height: inherit;
779
+ left: 0;
780
+ position: absolute;
781
+ transition: inherit;
782
+ transition-property: width, left, right;
783
+ }
784
+
785
+ .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
786
+ animation-play-state: paused;
787
+ animation-duration: 2.2s;
788
+ animation-iteration-count: infinite;
789
+ bottom: 0;
790
+ height: inherit;
791
+ left: 0;
792
+ position: absolute;
793
+ right: auto;
794
+ top: 0;
795
+ width: auto;
796
+ will-change: left, right;
797
+ }
798
+ .v-progress-linear__indeterminate .long {
799
+ animation-name: indeterminate-ltr;
800
+ }
801
+ .v-progress-linear__indeterminate .short {
802
+ animation-name: indeterminate-short-ltr;
803
+ }
804
+
805
+ .v-progress-linear__stream {
806
+ animation: stream 0.25s infinite linear;
807
+ animation-play-state: paused;
808
+ bottom: 0;
809
+ left: auto;
810
+ opacity: 0.3;
811
+ pointer-events: none;
812
+ position: absolute;
813
+ transition: inherit;
814
+ transition-property: width, left, right;
815
+ }
816
+
817
+ .v-progress-linear--reverse .v-progress-linear__background,
818
+ .v-progress-linear--reverse .v-progress-linear__determinate,
819
+ .v-progress-linear--reverse .v-progress-linear__content {
820
+ left: auto;
821
+ right: 0;
822
+ }
823
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
824
+ left: auto;
825
+ right: 0;
704
826
  }
705
- @media (min-width: 1280px) {
706
- .v-col-lg {
707
- flex-basis: 0;
708
- flex-grow: 1;
709
- max-width: 100%;
710
- }
711
- .v-col-lg-auto {
712
- flex: 0 0 auto;
713
- width: auto;
714
- max-width: 100%;
715
- }
716
- .v-col-lg-1 {
717
- flex: 0 0 8.3333333333%;
718
- max-width: 8.3333333333%;
719
- }
720
- .v-col-lg-2 {
721
- flex: 0 0 16.6666666667%;
722
- max-width: 16.6666666667%;
723
- }
724
- .v-col-lg-3 {
725
- flex: 0 0 25%;
726
- max-width: 25%;
727
- }
728
- .v-col-lg-4 {
729
- flex: 0 0 33.3333333333%;
730
- max-width: 33.3333333333%;
731
- }
732
- .v-col-lg-5 {
733
- flex: 0 0 41.6666666667%;
734
- max-width: 41.6666666667%;
735
- }
736
- .v-col-lg-6 {
737
- flex: 0 0 50%;
738
- max-width: 50%;
739
- }
740
- .v-col-lg-7 {
741
- flex: 0 0 58.3333333333%;
742
- max-width: 58.3333333333%;
743
- }
744
- .v-col-lg-8 {
745
- flex: 0 0 66.6666666667%;
746
- max-width: 66.6666666667%;
747
- }
748
- .v-col-lg-9 {
749
- flex: 0 0 75%;
750
- max-width: 75%;
751
- }
752
- .v-col-lg-10 {
753
- flex: 0 0 83.3333333333%;
754
- max-width: 83.3333333333%;
755
- }
756
- .v-col-lg-11 {
757
- flex: 0 0 91.6666666667%;
758
- max-width: 91.6666666667%;
759
- }
760
- .v-col-lg-12 {
761
- flex: 0 0 100%;
762
- max-width: 100%;
763
- }
764
- .offset-lg-0.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-0 {
765
- margin-left: 0;
766
- }
767
- .offset-lg-0.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-0 {
768
- margin-right: 0;
769
- }
770
- .offset-lg-1.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-1 {
771
- margin-left: 8.3333333333%;
772
- }
773
- .offset-lg-1.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-1 {
774
- margin-right: 8.3333333333%;
775
- }
776
- .offset-lg-2.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-2 {
777
- margin-left: 16.6666666667%;
778
- }
779
- .offset-lg-2.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-2 {
780
- margin-right: 16.6666666667%;
781
- }
782
- .offset-lg-3.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-3 {
783
- margin-left: 25%;
784
- }
785
- .offset-lg-3.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-3 {
786
- margin-right: 25%;
787
- }
788
- .offset-lg-4.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-4 {
789
- margin-left: 33.3333333333%;
790
- }
791
- .offset-lg-4.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-4 {
792
- margin-right: 33.3333333333%;
793
- }
794
- .offset-lg-5.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-5 {
795
- margin-left: 41.6666666667%;
796
- }
797
- .offset-lg-5.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-5 {
798
- margin-right: 41.6666666667%;
799
- }
800
- .offset-lg-6.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-6 {
801
- margin-left: 50%;
802
- }
803
- .offset-lg-6.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-6 {
804
- margin-right: 50%;
805
- }
806
- .offset-lg-7.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-7 {
807
- margin-left: 58.3333333333%;
808
- }
809
- .offset-lg-7.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-7 {
810
- margin-right: 58.3333333333%;
811
- }
812
- .offset-lg-8.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-8 {
813
- margin-left: 66.6666666667%;
814
- }
815
- .offset-lg-8.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-8 {
816
- margin-right: 66.6666666667%;
817
- }
818
- .offset-lg-9.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-9 {
819
- margin-left: 75%;
820
- }
821
- .offset-lg-9.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-9 {
822
- margin-right: 75%;
823
- }
824
- .offset-lg-10.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-10 {
825
- margin-left: 83.3333333333%;
826
- }
827
- .offset-lg-10.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-10 {
828
- margin-right: 83.3333333333%;
829
- }
830
- .offset-lg-11.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-11 {
831
- margin-left: 91.6666666667%;
832
- }
833
- .offset-lg-11.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-11 {
834
- margin-right: 91.6666666667%;
835
- }
827
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
828
+ animation-name: indeterminate-rtl;
829
+ }
830
+ .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
831
+ animation-name: indeterminate-short-rtl;
832
+ }
833
+ .v-progress-linear--reverse .v-progress-linear__stream {
834
+ right: auto;
835
+ }
836
+
837
+ .v-progress-linear--absolute,
838
+ .v-progress-linear--fixed {
839
+ left: 0;
840
+ z-index: 1;
841
+ }
842
+
843
+ .v-progress-linear--absolute {
844
+ position: absolute;
845
+ }
846
+
847
+ .v-progress-linear--fixed {
848
+ position: fixed;
849
+ }
850
+
851
+ .v-progress-linear--rounded {
852
+ border-radius: 9999px;
853
+ }
854
+ .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
855
+ .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
856
+ border-radius: inherit;
857
+ }
858
+
859
+ .v-progress-linear--striped .v-progress-linear__determinate {
860
+ animation: progress-linear-stripes 1s infinite linear;
861
+ background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
862
+ background-repeat: repeat;
863
+ background-size: var(--v-progress-linear-height);
836
864
  }
837
- @media (min-width: 1920px) {
838
- .v-col-xl {
839
- flex-basis: 0;
840
- flex-grow: 1;
841
- max-width: 100%;
842
- }
843
- .v-col-xl-auto {
844
- flex: 0 0 auto;
845
- width: auto;
846
- max-width: 100%;
847
- }
848
- .v-col-xl-1 {
849
- flex: 0 0 8.3333333333%;
850
- max-width: 8.3333333333%;
851
- }
852
- .v-col-xl-2 {
853
- flex: 0 0 16.6666666667%;
854
- max-width: 16.6666666667%;
855
- }
856
- .v-col-xl-3 {
857
- flex: 0 0 25%;
858
- max-width: 25%;
859
- }
860
- .v-col-xl-4 {
861
- flex: 0 0 33.3333333333%;
862
- max-width: 33.3333333333%;
863
- }
864
- .v-col-xl-5 {
865
- flex: 0 0 41.6666666667%;
866
- max-width: 41.6666666667%;
867
- }
868
- .v-col-xl-6 {
869
- flex: 0 0 50%;
870
- max-width: 50%;
871
- }
872
- .v-col-xl-7 {
873
- flex: 0 0 58.3333333333%;
874
- max-width: 58.3333333333%;
875
- }
876
- .v-col-xl-8 {
877
- flex: 0 0 66.6666666667%;
878
- max-width: 66.6666666667%;
879
- }
880
- .v-col-xl-9 {
881
- flex: 0 0 75%;
882
- max-width: 75%;
883
- }
884
- .v-col-xl-10 {
885
- flex: 0 0 83.3333333333%;
886
- max-width: 83.3333333333%;
887
- }
888
- .v-col-xl-11 {
889
- flex: 0 0 91.6666666667%;
890
- max-width: 91.6666666667%;
891
- }
892
- .v-col-xl-12 {
893
- flex: 0 0 100%;
894
- max-width: 100%;
895
- }
896
- .offset-xl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-0 {
897
- margin-left: 0;
898
- }
899
- .offset-xl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-0 {
900
- margin-right: 0;
901
- }
902
- .offset-xl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-1 {
903
- margin-left: 8.3333333333%;
904
- }
905
- .offset-xl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-1 {
906
- margin-right: 8.3333333333%;
907
- }
908
- .offset-xl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-2 {
909
- margin-left: 16.6666666667%;
910
- }
911
- .offset-xl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-2 {
912
- margin-right: 16.6666666667%;
913
- }
914
- .offset-xl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-3 {
915
- margin-left: 25%;
916
- }
917
- .offset-xl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-3 {
918
- margin-right: 25%;
919
- }
920
- .offset-xl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-4 {
921
- margin-left: 33.3333333333%;
922
- }
923
- .offset-xl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-4 {
924
- margin-right: 33.3333333333%;
925
- }
926
- .offset-xl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-5 {
927
- margin-left: 41.6666666667%;
928
- }
929
- .offset-xl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-5 {
930
- margin-right: 41.6666666667%;
931
- }
932
- .offset-xl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-6 {
933
- margin-left: 50%;
934
- }
935
- .offset-xl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-6 {
936
- margin-right: 50%;
937
- }
938
- .offset-xl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-7 {
939
- margin-left: 58.3333333333%;
940
- }
941
- .offset-xl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-7 {
942
- margin-right: 58.3333333333%;
943
- }
944
- .offset-xl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-8 {
945
- margin-left: 66.6666666667%;
946
- }
947
- .offset-xl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-8 {
948
- margin-right: 66.6666666667%;
949
- }
950
- .offset-xl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-9 {
951
- margin-left: 75%;
952
- }
953
- .offset-xl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-9 {
954
- margin-right: 75%;
955
- }
956
- .offset-xl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-10 {
957
- margin-left: 83.3333333333%;
958
- }
959
- .offset-xl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-10 {
960
- margin-right: 83.3333333333%;
961
- }
962
- .offset-xl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-11 {
963
- margin-left: 91.6666666667%;
964
- }
965
- .offset-xl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-11 {
966
- margin-right: 91.6666666667%;
967
- }
865
+
866
+ .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
867
+ animation-play-state: running;
968
868
  }
969
- @media (min-width: 2560px) {
970
- .v-col-xxl {
971
- flex-basis: 0;
972
- flex-grow: 1;
973
- max-width: 100%;
974
- }
975
- .v-col-xxl-auto {
976
- flex: 0 0 auto;
977
- width: auto;
978
- max-width: 100%;
979
- }
980
- .v-col-xxl-1 {
981
- flex: 0 0 8.3333333333%;
982
- max-width: 8.3333333333%;
983
- }
984
- .v-col-xxl-2 {
985
- flex: 0 0 16.6666666667%;
986
- max-width: 16.6666666667%;
987
- }
988
- .v-col-xxl-3 {
989
- flex: 0 0 25%;
990
- max-width: 25%;
991
- }
992
- .v-col-xxl-4 {
993
- flex: 0 0 33.3333333333%;
994
- max-width: 33.3333333333%;
995
- }
996
- .v-col-xxl-5 {
997
- flex: 0 0 41.6666666667%;
998
- max-width: 41.6666666667%;
999
- }
1000
- .v-col-xxl-6 {
1001
- flex: 0 0 50%;
1002
- max-width: 50%;
1003
- }
1004
- .v-col-xxl-7 {
1005
- flex: 0 0 58.3333333333%;
1006
- max-width: 58.3333333333%;
1007
- }
1008
- .v-col-xxl-8 {
1009
- flex: 0 0 66.6666666667%;
1010
- max-width: 66.6666666667%;
1011
- }
1012
- .v-col-xxl-9 {
1013
- flex: 0 0 75%;
1014
- max-width: 75%;
1015
- }
1016
- .v-col-xxl-10 {
1017
- flex: 0 0 83.3333333333%;
1018
- max-width: 83.3333333333%;
1019
- }
1020
- .v-col-xxl-11 {
1021
- flex: 0 0 91.6666666667%;
1022
- max-width: 91.6666666667%;
1023
- }
1024
- .v-col-xxl-12 {
1025
- flex: 0 0 100%;
1026
- max-width: 100%;
1027
- }
1028
- .offset-xxl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-0 {
1029
- margin-left: 0;
1030
- }
1031
- .offset-xxl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-0 {
1032
- margin-right: 0;
1033
- }
1034
- .offset-xxl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-1 {
1035
- margin-left: 8.3333333333%;
1036
- }
1037
- .offset-xxl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-1 {
1038
- margin-right: 8.3333333333%;
1039
- }
1040
- .offset-xxl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-2 {
1041
- margin-left: 16.6666666667%;
1042
- }
1043
- .offset-xxl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-2 {
1044
- margin-right: 16.6666666667%;
1045
- }
1046
- .offset-xxl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-3 {
1047
- margin-left: 25%;
1048
- }
1049
- .offset-xxl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-3 {
1050
- margin-right: 25%;
1051
- }
1052
- .offset-xxl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-4 {
1053
- margin-left: 33.3333333333%;
1054
- }
1055
- .offset-xxl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-4 {
1056
- margin-right: 33.3333333333%;
1057
- }
1058
- .offset-xxl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-5 {
1059
- margin-left: 41.6666666667%;
869
+ .v-progress-linear--active .v-progress-linear__stream {
870
+ animation-play-state: running;
871
+ }
872
+
873
+ .v-progress-linear--rounded-bar .v-progress-linear__determinate,
874
+ .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
875
+ .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
876
+ border-radius: 9999px;
877
+ }
878
+ .v-locale--is-ltr.v-progress-linear--rounded-bar .v-progress-linear__determinate, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
879
+ border-top-left-radius: 0;
880
+ border-bottom-left-radius: 0;
881
+ }
882
+
883
+ .v-locale--is-rtl.v-progress-linear--rounded-bar .v-progress-linear__determinate, .v-locale--is-rtl .v-progress-linear--rounded-bar .v-progress-linear__determinate {
884
+ border-top-right-radius: 0;
885
+ border-bottom-right-radius: 0;
886
+ }
887
+
888
+ @keyframes indeterminate-ltr {
889
+ 0% {
890
+ left: -90%;
891
+ right: 100%;
1060
892
  }
1061
- .offset-xxl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-5 {
1062
- margin-right: 41.6666666667%;
893
+ 60% {
894
+ left: -90%;
895
+ right: 100%;
1063
896
  }
1064
- .offset-xxl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-6 {
1065
- margin-left: 50%;
897
+ 100% {
898
+ left: 100%;
899
+ right: -35%;
1066
900
  }
1067
- .offset-xxl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-6 {
1068
- margin-right: 50%;
901
+ }
902
+ @keyframes indeterminate-rtl {
903
+ 0% {
904
+ left: 100%;
905
+ right: -90%;
1069
906
  }
1070
- .offset-xxl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-7 {
1071
- margin-left: 58.3333333333%;
907
+ 60% {
908
+ left: 100%;
909
+ right: -90%;
1072
910
  }
1073
- .offset-xxl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-7 {
1074
- margin-right: 58.3333333333%;
911
+ 100% {
912
+ left: -35%;
913
+ right: 100%;
1075
914
  }
1076
- .offset-xxl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-8 {
1077
- margin-left: 66.6666666667%;
915
+ }
916
+ @keyframes indeterminate-short-ltr {
917
+ 0% {
918
+ left: -200%;
919
+ right: 100%;
1078
920
  }
1079
- .offset-xxl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-8 {
1080
- margin-right: 66.6666666667%;
921
+ 60% {
922
+ left: 107%;
923
+ right: -8%;
1081
924
  }
1082
- .offset-xxl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-9 {
1083
- margin-left: 75%;
925
+ 100% {
926
+ left: 107%;
927
+ right: -8%;
1084
928
  }
1085
- .offset-xxl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-9 {
1086
- margin-right: 75%;
929
+ }
930
+ @keyframes indeterminate-short-rtl {
931
+ 0% {
932
+ left: 100%;
933
+ right: -200%;
1087
934
  }
1088
- .offset-xxl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-10 {
1089
- margin-left: 83.3333333333%;
935
+ 60% {
936
+ left: -8%;
937
+ right: 107%;
1090
938
  }
1091
- .offset-xxl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-10 {
1092
- margin-right: 83.3333333333%;
939
+ 100% {
940
+ left: -8%;
941
+ right: 107%;
1093
942
  }
1094
- .offset-xxl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-11 {
1095
- margin-left: 91.6666666667%;
943
+ }
944
+ @keyframes stream {
945
+ to {
946
+ transform: translateX(var(--v-progress-linear-stream-to));
1096
947
  }
1097
- .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
1098
- margin-right: 91.6666666667%;
948
+ }
949
+ @keyframes progress-linear-stripes {
950
+ 0% {
951
+ background-position-x: var(--v-progress-linear-height);
1099
952
  }
1100
953
  }
954
+ .v-ripple__container {
955
+ color: inherit;
956
+ border-radius: inherit;
957
+ position: absolute;
958
+ width: 100%;
959
+ height: 100%;
960
+ left: 0;
961
+ top: 0;
962
+ overflow: hidden;
963
+ z-index: 0;
964
+ pointer-events: none;
965
+ contain: strict;
966
+ }
967
+ .v-ripple__animation {
968
+ color: inherit;
969
+ position: absolute;
970
+ top: 0;
971
+ left: 0;
972
+ border-radius: 50%;
973
+ background: currentColor;
974
+ opacity: 0;
975
+ pointer-events: none;
976
+ overflow: hidden;
977
+ will-change: transform, opacity;
978
+ }
979
+ .v-ripple__animation--enter {
980
+ transition: none;
981
+ opacity: 0;
982
+ }
983
+ .v-ripple__animation--in {
984
+ transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
985
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
986
+ }
987
+ .v-ripple__animation--out {
988
+ transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
989
+ opacity: 0;
990
+ }
1101
991
  .v-icon {
1102
992
  --v-icon-size-multiplier: 1;
1103
993
  align-items: center;
@@ -1109,9 +999,11 @@
1109
999
  line-height: 1;
1110
1000
  position: relative;
1111
1001
  text-indent: 0;
1002
+ text-align: center;
1112
1003
  user-select: none;
1113
1004
  vertical-align: middle;
1114
1005
  width: 1em;
1006
+ min-width: 1em;
1115
1007
  }
1116
1008
  .v-icon--clickable {
1117
1009
  cursor: pointer;
@@ -1145,894 +1037,1296 @@
1145
1037
  .v-icon--end {
1146
1038
  margin-inline-start: 8px;
1147
1039
  }
1148
- .v-window {
1149
- overflow: hidden;
1150
- }
1151
- .v-window__container {
1040
+ .v-skeleton-loader {
1041
+ align-items: center;
1042
+ background: rgb(var(--v-theme-surface));
1043
+ border-radius: 4px;
1152
1044
  display: flex;
1153
- flex-direction: column;
1154
- height: inherit;
1045
+ flex-wrap: wrap;
1155
1046
  position: relative;
1156
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
1047
+ vertical-align: top;
1157
1048
  }
1158
- .v-window__controls {
1159
- position: absolute;
1160
- left: 0;
1161
- top: 0;
1162
- width: 100%;
1049
+ .v-skeleton-loader__actions {
1050
+ justify-content: end;
1051
+ }
1052
+ .v-skeleton-loader .v-skeleton-loader__ossein {
1163
1053
  height: 100%;
1164
- display: flex;
1165
- align-items: center;
1166
- justify-content: space-between;
1167
- padding: 0 16px;
1168
- pointer-events: none;
1169
1054
  }
1170
- .v-window__controls * {
1171
- pointer-events: auto;
1055
+ .v-skeleton-loader .v-skeleton-loader__avatar,
1056
+ .v-skeleton-loader .v-skeleton-loader__button,
1057
+ .v-skeleton-loader .v-skeleton-loader__chip,
1058
+ .v-skeleton-loader .v-skeleton-loader__divider,
1059
+ .v-skeleton-loader .v-skeleton-loader__heading,
1060
+ .v-skeleton-loader .v-skeleton-loader__image,
1061
+ .v-skeleton-loader .v-skeleton-loader__ossein,
1062
+ .v-skeleton-loader .v-skeleton-loader__text {
1063
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
1064
+ }
1065
+ .v-skeleton-loader .v-skeleton-loader__list-item,
1066
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
1067
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
1068
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
1069
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
1070
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
1071
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
1072
+ border-radius: 4px;
1172
1073
  }
1173
- .v-window--show-arrows-on-hover {
1074
+ .v-skeleton-loader__bone {
1075
+ align-items: center;
1076
+ border-radius: inherit;
1077
+ display: flex;
1078
+ flex: 1 1 100%;
1079
+ flex-wrap: wrap;
1174
1080
  overflow: hidden;
1081
+ position: relative;
1175
1082
  }
1176
- .v-window--show-arrows-on-hover .v-window__left {
1177
- transform: translateX(-200%);
1178
- }
1179
- .v-window--show-arrows-on-hover .v-window__right {
1180
- transform: translateX(200%);
1181
- }
1182
- .v-window--show-arrows-on-hover:hover .v-window__left,
1183
- .v-window--show-arrows-on-hover:hover .v-window__right {
1184
- transform: translateX(0);
1185
- }
1186
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
1187
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
1188
- }
1189
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
1190
- position: absolute !important;
1083
+ .v-skeleton-loader__bone::after {
1084
+ content: "";
1085
+ position: absolute;
1191
1086
  top: 0;
1087
+ left: 0;
1192
1088
  width: 100%;
1193
- }
1194
- .v-window-x-transition-enter-from {
1195
- transform: translateX(100%);
1196
- }
1197
- .v-window-x-transition-leave-to {
1198
- transform: translateX(-100%);
1199
- }
1200
- .v-window-x-reverse-transition-enter-from {
1089
+ height: 100%;
1090
+ animation: loading 1.5s infinite;
1091
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
1201
1092
  transform: translateX(-100%);
1093
+ z-index: 1;
1202
1094
  }
1203
- .v-window-x-reverse-transition-leave-to {
1204
- transform: translateX(100%);
1205
- }
1206
- .v-window-y-transition-enter-from {
1207
- transform: translateY(100%);
1208
- }
1209
- .v-window-y-transition-leave-to {
1210
- transform: translateY(-100%);
1095
+ .v-skeleton-loader__avatar {
1096
+ border-radius: 50%;
1097
+ flex: 0 1 auto;
1098
+ margin: 8px 16px;
1099
+ max-height: 48px;
1100
+ min-height: 48px;
1101
+ height: 48px;
1102
+ max-width: 48px;
1103
+ min-width: 48px;
1104
+ width: 48px;
1211
1105
  }
1212
- .v-window-y-reverse-transition-enter-from {
1213
- transform: translateY(-100%);
1106
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
1107
+ flex: 1 1 auto;
1108
+ margin-inline-start: 0;
1214
1109
  }
1215
- .v-window-y-reverse-transition-leave-to {
1216
- transform: translateY(100%);
1110
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
1111
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
1112
+ margin-inline-start: 0;
1217
1113
  }
1218
- /** if false, disabled buttons will be greyed out */
1219
- .v-btn {
1220
- align-items: center;
1114
+ .v-skeleton-loader__button {
1221
1115
  border-radius: 4px;
1222
- display: inline-grid;
1223
- grid-template-areas: "prepend content append";
1224
- grid-template-columns: max-content auto max-content;
1225
- font-weight: 500;
1226
- justify-content: center;
1227
- letter-spacing: 0.0892857143em;
1228
- line-height: normal;
1229
- max-width: 100%;
1230
- outline: none;
1231
- position: relative;
1232
- text-decoration: none;
1233
- text-indent: 0.0892857143em;
1234
- text-transform: uppercase;
1235
- transition-property: box-shadow, transform, opacity, background;
1236
- transition-duration: 0.28s;
1237
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1238
- user-select: none;
1239
- vertical-align: middle;
1240
- flex-shrink: 0;
1241
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
1242
- border-style: solid;
1243
- border-width: 0;
1244
- }
1245
- .v-btn--size-x-small {
1246
- --v-btn-size: 0.625rem;
1247
- --v-btn-height: 20px;
1248
- font-size: 0.625rem;
1249
- min-width: 36px;
1250
- padding: 0 8px;
1251
- }
1252
-
1253
- .v-btn--size-small {
1254
- --v-btn-size: 0.75rem;
1255
- --v-btn-height: 28px;
1256
- font-size: 0.75rem;
1257
- min-width: 50px;
1258
- padding: 0 12px;
1259
- }
1260
-
1261
- .v-btn--size-default {
1262
- --v-btn-size: 0.875rem;
1263
- --v-btn-height: 36px;
1264
- font-size: 0.875rem;
1265
- min-width: 64px;
1266
- padding: 0 16px;
1267
- }
1268
-
1269
- .v-btn--size-large {
1270
- --v-btn-size: 1rem;
1271
- --v-btn-height: 44px;
1272
- font-size: 1rem;
1273
- min-width: 78px;
1274
- padding: 0 20px;
1116
+ height: 36px;
1117
+ margin: 16px;
1118
+ max-width: 64px;
1275
1119
  }
1276
-
1277
- .v-btn--size-x-large {
1278
- --v-btn-size: 1.125rem;
1279
- --v-btn-height: 52px;
1280
- font-size: 1.125rem;
1281
- min-width: 92px;
1282
- padding: 0 24px;
1120
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
1121
+ flex: 1 1 auto;
1122
+ margin-inline-start: 0;
1283
1123
  }
1284
-
1285
- .v-btn.v-btn--density-default {
1286
- height: calc(var(--v-btn-height) + 0px);
1124
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
1125
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
1126
+ margin-inline-start: 0;
1287
1127
  }
1288
-
1289
- .v-btn.v-btn--density-comfortable {
1290
- height: calc(var(--v-btn-height) + -8px);
1128
+ .v-skeleton-loader__chip {
1129
+ border-radius: 16px;
1130
+ margin: 16px;
1131
+ height: 32px;
1132
+ max-width: 96px;
1291
1133
  }
1292
-
1293
- .v-btn.v-btn--density-compact {
1294
- height: calc(var(--v-btn-height) + -12px);
1134
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
1135
+ flex: 1 1 auto;
1136
+ margin-inline-start: 0;
1295
1137
  }
1296
-
1297
- .v-btn--border {
1298
- border-width: thin;
1299
- box-shadow: none;
1138
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
1139
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
1140
+ margin-inline-start: 0;
1300
1141
  }
1301
- .v-btn--absolute {
1302
- position: absolute;
1142
+ .v-skeleton-loader__date-picker {
1143
+ border-radius: inherit;
1303
1144
  }
1304
- .v-btn--fixed {
1305
- position: fixed;
1145
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
1146
+ max-width: 88px;
1147
+ width: 20%;
1306
1148
  }
1307
- .v-btn:hover > .v-btn__overlay {
1308
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
1149
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
1150
+ max-width: 256px;
1151
+ width: 40%;
1309
1152
  }
1310
- .v-btn:focus-visible > .v-btn__overlay {
1311
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
1153
+ .v-skeleton-loader__date-picker-days {
1154
+ flex-wrap: wrap;
1155
+ margin: 16px;
1312
1156
  }
1313
- @supports not selector(:focus-visible) {
1314
- .v-btn:focus > .v-btn__overlay {
1315
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
1316
- }
1157
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
1158
+ border-radius: 4px;
1159
+ margin: 4px;
1160
+ max-width: 100%;
1317
1161
  }
1318
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
1319
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
1162
+ .v-skeleton-loader__date-picker-options {
1163
+ flex-wrap: nowrap;
1320
1164
  }
1321
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
1322
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
1165
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
1166
+ flex: 1 1 auto;
1323
1167
  }
1324
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
1325
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1168
+ .v-skeleton-loader__divider {
1169
+ border-radius: 1px;
1170
+ height: 2px;
1326
1171
  }
1327
- @supports not selector(:focus-visible) {
1328
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
1329
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1330
- }
1172
+ .v-skeleton-loader__heading {
1173
+ border-radius: 12px;
1174
+ margin: 16px;
1175
+ height: 24px;
1331
1176
  }
1332
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
1333
- background: transparent;
1334
- color: inherit;
1177
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
1178
+ margin-top: -16px;
1335
1179
  }
1336
- .v-btn--variant-plain {
1337
- opacity: 0.62;
1180
+ .v-skeleton-loader__image {
1181
+ height: 150px;
1182
+ border-radius: 0;
1338
1183
  }
1339
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
1340
- opacity: 1;
1184
+ .v-skeleton-loader__card .v-skeleton-loader__image {
1185
+ border-radius: 0;
1341
1186
  }
1342
- .v-btn--variant-plain .v-btn__overlay {
1343
- display: none;
1187
+ .v-skeleton-loader__list-item {
1188
+ margin: 16px;
1344
1189
  }
1345
- .v-btn--variant-elevated, .v-btn--variant-flat {
1346
- background: rgb(var(--v-theme-surface));
1347
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1190
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
1191
+ margin: 0;
1348
1192
  }
1349
- .v-btn--variant-elevated {
1350
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1193
+ .v-skeleton-loader__table-thead {
1194
+ justify-content: space-between;
1351
1195
  }
1352
- .v-btn--variant-flat {
1353
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1196
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
1197
+ margin-top: 16px;
1198
+ max-width: 16px;
1354
1199
  }
1355
- .v-btn--variant-outlined {
1356
- border: thin solid currentColor;
1200
+ .v-skeleton-loader__table-tfoot {
1201
+ flex-wrap: nowrap;
1357
1202
  }
1358
- .v-btn--variant-text .v-btn__overlay {
1359
- background: currentColor;
1203
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
1204
+ margin-top: 16px;
1360
1205
  }
1361
- .v-btn--variant-tonal .v-btn__underlay {
1362
- background: currentColor;
1363
- opacity: var(--v-activated-opacity);
1364
- border-radius: inherit;
1365
- position: absolute;
1366
- top: 0;
1367
- right: 0;
1368
- bottom: 0;
1369
- left: 0;
1370
- pointer-events: none;
1206
+ .v-skeleton-loader__table-row {
1207
+ align-items: baseline;
1208
+ margin: 0 8px;
1209
+ justify-content: space-evenly;
1210
+ flex-wrap: nowrap;
1371
1211
  }
1372
- @supports selector(:focus-visible) {
1373
- .v-btn::after {
1374
- content: "";
1375
- position: absolute;
1376
- top: 0;
1377
- left: 0;
1378
- width: 100%;
1379
- height: 100%;
1380
- pointer-events: none;
1381
- border: 2px solid currentColor;
1382
- border-radius: inherit;
1383
- opacity: 0;
1384
- transition: opacity 0.2s ease-in-out;
1385
- }
1386
- .v-btn:focus-visible::after {
1387
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
1388
- }
1212
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
1213
+ margin-inline-start: 8px;
1214
+ margin-inline-end: 8px;
1389
1215
  }
1390
- .v-btn--icon {
1391
- border-radius: 50%;
1392
- min-width: 0;
1393
- padding: 0;
1216
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
1217
+ margin: 0 16px;
1394
1218
  }
1395
- .v-btn--icon.v-btn--size-default {
1396
- font-size: 1rem;
1219
+ .v-skeleton-loader__table-cell {
1220
+ align-items: center;
1221
+ display: flex;
1222
+ height: 48px;
1223
+ width: 88px;
1397
1224
  }
1398
- .v-btn--icon.v-btn--density-default {
1399
- width: calc(var(--v-btn-height) + 12px);
1400
- height: calc(var(--v-btn-height) + 12px);
1225
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
1226
+ margin-bottom: 0;
1401
1227
  }
1402
- .v-btn--icon.v-btn--density-comfortable {
1403
- width: calc(var(--v-btn-height) + 0px);
1404
- height: calc(var(--v-btn-height) + 0px);
1228
+ .v-skeleton-loader__subtitle {
1229
+ max-width: 70%;
1405
1230
  }
1406
- .v-btn--icon.v-btn--density-compact {
1407
- width: calc(var(--v-btn-height) + -8px);
1408
- height: calc(var(--v-btn-height) + -8px);
1231
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
1232
+ height: 16px;
1233
+ border-radius: 8px;
1409
1234
  }
1410
-
1411
- .v-btn--elevated:hover, .v-btn--elevated:focus {
1412
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1235
+ .v-skeleton-loader__text {
1236
+ border-radius: 6px;
1237
+ margin: 16px;
1238
+ height: 12px;
1413
1239
  }
1414
- .v-btn--elevated:active {
1415
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1240
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
1241
+ margin-top: -8px;
1242
+ max-width: 50%;
1416
1243
  }
1417
- .v-btn--flat {
1418
- box-shadow: none;
1244
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
1245
+ max-width: 70%;
1419
1246
  }
1420
- .v-btn--block {
1421
- display: flex;
1422
- flex: 1 0 auto;
1423
- min-width: 100%;
1247
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
1248
+ display: none;
1424
1249
  }
1425
- .v-btn--disabled {
1426
- pointer-events: none;
1427
- opacity: 0.26;
1250
+ .v-skeleton-loader--is-loading {
1251
+ overflow: hidden;
1428
1252
  }
1429
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
1430
- box-shadow: none;
1431
- opacity: 1;
1432
- color: rgba(var(--v-theme-on-surface), 0.26);
1433
- background: rgb(var(--v-theme-surface));
1253
+ .v-skeleton-loader--tile {
1254
+ border-radius: 0;
1434
1255
  }
1435
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
1436
- opacity: 0.4615384615;
1256
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
1257
+ border-radius: 0;
1437
1258
  }
1438
- .v-btn--loading {
1439
- pointer-events: none;
1259
+
1260
+ @keyframes loading {
1261
+ 100% {
1262
+ transform: translateX(100%);
1263
+ }
1440
1264
  }
1441
- .v-btn--loading .v-btn__content,
1442
- .v-btn--loading .v-btn__prepend,
1443
- .v-btn--loading .v-btn__append {
1444
- opacity: 0;
1265
+ .v-locale-provider {
1266
+ display: contents;
1445
1267
  }
1446
- .v-btn--stacked {
1447
- grid-template-areas: "prepend" "content" "append";
1448
- grid-template-columns: auto;
1449
- grid-template-rows: max-content max-content max-content;
1450
- justify-items: center;
1451
- align-content: center;
1268
+ .v-application {
1269
+ display: flex;
1270
+ background: rgb(var(--v-theme-background));
1271
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
1452
1272
  }
1453
- .v-btn--stacked .v-btn__content {
1273
+
1274
+ .v-application__wrap {
1275
+ backface-visibility: hidden;
1276
+ display: flex;
1454
1277
  flex-direction: column;
1455
- line-height: 1.25;
1278
+ flex: 1 1 auto;
1279
+ max-width: 100%;
1280
+ min-height: 100vh;
1281
+ min-height: 100dvh;
1282
+ position: relative;
1456
1283
  }
1457
- .v-btn--stacked .v-btn__prepend,
1458
- .v-btn--stacked .v-btn__append,
1459
- .v-btn--stacked .v-btn__content > .v-icon--start,
1460
- .v-btn--stacked .v-btn__content > .v-icon--end {
1461
- margin-inline-start: 0;
1462
- margin-inline-end: 0;
1284
+ .v-main {
1285
+ flex: 1 0 auto;
1286
+ max-width: 100%;
1287
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1288
+ padding-left: var(--v-layout-left);
1289
+ padding-right: var(--v-layout-right);
1290
+ padding-top: var(--v-layout-top);
1291
+ padding-bottom: var(--v-layout-bottom);
1463
1292
  }
1464
- .v-btn--stacked .v-btn__prepend,
1465
- .v-btn--stacked .v-btn__content > .v-icon--start {
1466
- margin-bottom: 4px;
1293
+ .v-main__scroller {
1294
+ max-width: 100%;
1295
+ position: relative;
1467
1296
  }
1468
- .v-btn--stacked .v-btn__append,
1469
- .v-btn--stacked .v-btn__content > .v-icon--end {
1470
- margin-top: 4px;
1297
+ .v-main--scrollable {
1298
+ display: flex;
1299
+ position: absolute;
1300
+ top: 0;
1301
+ left: 0;
1302
+ width: 100%;
1303
+ height: 100%;
1471
1304
  }
1472
- .v-btn--stacked.v-btn--size-x-small {
1473
- --v-btn-size: 0.625rem;
1474
- --v-btn-height: 56px;
1475
- font-size: 0.625rem;
1476
- min-width: 56px;
1477
- padding: 0 12px;
1305
+ .v-main--scrollable > .v-main__scroller {
1306
+ flex: 1 1 auto;
1307
+ overflow-y: auto;
1308
+ --v-layout-left: 0px;
1309
+ --v-layout-right: 0px;
1310
+ --v-layout-top: 0px;
1311
+ --v-layout-bottom: 0px;
1478
1312
  }
1479
-
1480
- .v-btn--stacked.v-btn--size-small {
1481
- --v-btn-size: 0.75rem;
1482
- --v-btn-height: 64px;
1483
- font-size: 0.75rem;
1484
- min-width: 64px;
1485
- padding: 0 14px;
1313
+ .v-divider {
1314
+ display: block;
1315
+ flex: 1 1 100%;
1316
+ height: 0px;
1317
+ max-height: 0px;
1318
+ opacity: var(--v-border-opacity);
1319
+ transition: inherit;
1320
+ border-style: solid;
1321
+ border-width: thin 0 0 0;
1486
1322
  }
1487
-
1488
- .v-btn--stacked.v-btn--size-default {
1489
- --v-btn-size: 0.875rem;
1490
- --v-btn-height: 72px;
1491
- font-size: 0.875rem;
1492
- min-width: 72px;
1493
- padding: 0 16px;
1323
+ .v-divider--vertical {
1324
+ align-self: stretch;
1325
+ border-width: 0 thin 0 0;
1326
+ display: inline-flex;
1327
+ height: inherit;
1328
+ margin-left: -1px;
1329
+ max-height: 100%;
1330
+ max-width: 0px;
1331
+ vertical-align: text-bottom;
1332
+ width: 0px;
1494
1333
  }
1495
-
1496
- .v-btn--stacked.v-btn--size-large {
1497
- --v-btn-size: 1rem;
1498
- --v-btn-height: 80px;
1499
- font-size: 1rem;
1500
- min-width: 80px;
1501
- padding: 0 18px;
1334
+ .v-divider--inset:not(.v-divider--vertical) {
1335
+ max-width: calc(100% - 72px);
1336
+ margin-inline-start: 72px;
1502
1337
  }
1503
-
1504
- .v-btn--stacked.v-btn--size-x-large {
1505
- --v-btn-size: 1.125rem;
1506
- --v-btn-height: 88px;
1507
- font-size: 1.125rem;
1508
- min-width: 88px;
1509
- padding: 0 20px;
1338
+ .v-divider--inset.v-divider--vertical {
1339
+ margin-bottom: 8px;
1340
+ margin-top: 8px;
1341
+ max-height: calc(100% - 16px);
1510
1342
  }
1511
-
1512
- .v-btn--stacked.v-btn--density-default {
1513
- height: calc(var(--v-btn-height) + 0px);
1343
+ .v-layout {
1344
+ --v-scrollbar-offset: 0px;
1345
+ display: flex;
1346
+ flex: 1 1 auto;
1514
1347
  }
1515
-
1516
- .v-btn--stacked.v-btn--density-comfortable {
1517
- height: calc(var(--v-btn-height) + -16px);
1348
+ .v-layout--full-height {
1349
+ --v-scrollbar-offset: inherit;
1350
+ height: 100%;
1518
1351
  }
1519
-
1520
- .v-btn--stacked.v-btn--density-compact {
1521
- height: calc(var(--v-btn-height) + -24px);
1352
+ .v-layout-item {
1353
+ position: absolute;
1354
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1522
1355
  }
1523
1356
 
1524
- .v-btn--rounded {
1525
- border-radius: 24px;
1357
+ .v-layout-item--absolute {
1358
+ position: absolute;
1526
1359
  }
1527
- .v-btn .v-icon {
1528
- --v-icon-size-multiplier: 0.8571428571;
1360
+ .v-theme-provider {
1361
+ background: rgb(var(--v-theme-background));
1362
+ color: rgb(var(--v-theme-on-background));
1363
+ }
1364
+ .v-container {
1365
+ width: 100%;
1366
+ padding: 16px;
1367
+ margin-right: auto;
1368
+ margin-left: auto;
1369
+ }
1370
+ @media (min-width: 960px) {
1371
+ .v-container {
1372
+ max-width: 900px;
1373
+ }
1374
+ }
1375
+ @media (min-width: 1280px) {
1376
+ .v-container {
1377
+ max-width: 1200px;
1378
+ }
1379
+ }
1380
+ @media (min-width: 1920px) {
1381
+ .v-container {
1382
+ max-width: 1800px;
1383
+ }
1529
1384
  }
1530
- .v-btn--icon .v-icon {
1531
- --v-icon-size-multiplier: 1;
1385
+ @media (min-width: 2560px) {
1386
+ .v-container {
1387
+ max-width: 2400px;
1388
+ }
1532
1389
  }
1533
- .v-btn--stacked .v-icon {
1534
- --v-icon-size-multiplier: 1.1428571429;
1390
+ .v-container--fluid {
1391
+ max-width: 100%;
1535
1392
  }
1536
-
1537
- .v-btn__loader {
1393
+ .v-container.fill-height {
1538
1394
  align-items: center;
1539
1395
  display: flex;
1540
- height: 100%;
1541
- justify-content: center;
1542
- left: 0;
1543
- position: absolute;
1544
- top: 0;
1545
- width: 100%;
1396
+ flex-wrap: wrap;
1546
1397
  }
1547
1398
 
1548
- .v-btn__content,
1549
- .v-btn__prepend,
1550
- .v-btn__append {
1551
- align-items: center;
1399
+ .v-row {
1552
1400
  display: flex;
1553
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1401
+ flex-wrap: wrap;
1402
+ flex: 1 1 auto;
1403
+ margin: -12px;
1554
1404
  }
1555
-
1556
- .v-btn__prepend {
1557
- grid-area: prepend;
1558
- margin-inline-start: calc(var(--v-btn-height) / -9);
1559
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
1405
+ .v-row + .v-row {
1406
+ margin-top: 12px;
1560
1407
  }
1561
-
1562
- .v-btn__append {
1563
- grid-area: append;
1564
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
1565
- margin-inline-end: calc(var(--v-btn-height) / -9);
1408
+ .v-row + .v-row--dense {
1409
+ margin-top: 4px;
1566
1410
  }
1567
-
1568
- .v-btn__content {
1569
- grid-area: content;
1570
- justify-content: center;
1571
- white-space: nowrap;
1411
+ .v-row--dense {
1412
+ margin: -4px;
1572
1413
  }
1573
- .v-btn__content > .v-icon--start {
1574
- margin-inline-start: calc(var(--v-btn-height) / -9);
1575
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
1414
+ .v-row--dense > .v-col,
1415
+ .v-row--dense > [class*=v-col-] {
1416
+ padding: 4px;
1576
1417
  }
1577
- .v-btn__content > .v-icon--end {
1578
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
1579
- margin-inline-end: calc(var(--v-btn-height) / -9);
1418
+ .v-row.v-row--no-gutters {
1419
+ margin: 0;
1580
1420
  }
1581
- .v-btn--stacked .v-btn__content {
1582
- white-space: normal;
1421
+ .v-row.v-row--no-gutters > .v-col,
1422
+ .v-row.v-row--no-gutters > [class*=v-col-] {
1423
+ padding: 0;
1583
1424
  }
1584
1425
 
1585
- .v-btn__overlay {
1586
- background-color: currentColor;
1587
- border-radius: inherit;
1588
- opacity: 0;
1589
- transition: opacity 0.2s ease-in-out;
1426
+ .v-spacer {
1427
+ flex-grow: 1;
1590
1428
  }
1591
1429
 
1592
- .v-btn__overlay,
1593
- .v-btn__underlay {
1594
- position: absolute;
1595
- top: 0;
1596
- left: 0;
1430
+ .v-col-xxl,
1431
+ .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,
1432
+ .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,
1433
+ .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,
1434
+ .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,
1435
+ .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,
1436
+ .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 {
1597
1437
  width: 100%;
1598
- height: 100%;
1599
- pointer-events: none;
1438
+ padding: 12px;
1600
1439
  }
1601
1440
 
1602
- .v-card-actions .v-btn {
1603
- padding: 0 8px;
1604
- }
1605
- .v-card-actions .v-btn ~ .v-btn {
1606
- margin-inline-start: 0.5rem;
1441
+ .v-col {
1442
+ flex-basis: 0;
1443
+ flex-grow: 1;
1444
+ max-width: 100%;
1607
1445
  }
1608
1446
 
1609
- .v-banner-actions .v-btn {
1610
- padding: 0 8px;
1447
+ .v-col-auto {
1448
+ flex: 0 0 auto;
1449
+ width: auto;
1450
+ max-width: 100%;
1611
1451
  }
1612
1452
 
1613
- .v-pagination .v-btn {
1614
- border-radius: 4px;
1615
- }
1616
- .v-btn__overlay {
1617
- transition: none;
1618
- }
1619
- .v-pagination__item--is-active .v-btn__overlay {
1620
- opacity: var(--v-border-opacity);
1453
+ .v-col-1 {
1454
+ flex: 0 0 8.3333333333%;
1455
+ max-width: 8.3333333333%;
1621
1456
  }
1622
1457
 
1623
- .v-snackbar-actions .v-btn {
1624
- padding: 0 8px;
1625
- }
1626
- .v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
1627
- opacity: var(--v-activated-opacity);
1628
- }
1629
- /** if false, disabled buttons will be greyed out */
1630
- .v-btn-group {
1631
- display: inline-flex;
1632
- flex-wrap: nowrap;
1633
- max-width: 100%;
1634
- min-width: 0;
1635
- overflow: hidden;
1636
- vertical-align: middle;
1637
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
1638
- border-style: solid;
1639
- border-width: 0;
1640
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
1641
- border-radius: 4px;
1642
- background: transparent;
1643
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1644
- }
1645
- .v-btn-group--border {
1646
- border-width: thin;
1647
- box-shadow: none;
1648
- }
1649
- .v-btn-group--density-default.v-btn-group {
1650
- height: 48px;
1458
+ .v-col-2 {
1459
+ flex: 0 0 16.6666666667%;
1460
+ max-width: 16.6666666667%;
1651
1461
  }
1652
1462
 
1653
- .v-btn-group--density-comfortable.v-btn-group {
1654
- height: 40px;
1463
+ .v-col-3 {
1464
+ flex: 0 0 25%;
1465
+ max-width: 25%;
1655
1466
  }
1656
1467
 
1657
- .v-btn-group--density-compact.v-btn-group {
1658
- height: 36px;
1468
+ .v-col-4 {
1469
+ flex: 0 0 33.3333333333%;
1470
+ max-width: 33.3333333333%;
1659
1471
  }
1660
1472
 
1661
- .v-btn-group .v-btn {
1662
- border-radius: 0;
1663
- border-color: inherit;
1473
+ .v-col-5 {
1474
+ flex: 0 0 41.6666666667%;
1475
+ max-width: 41.6666666667%;
1664
1476
  }
1665
- .v-btn-group .v-btn:not(:last-child) {
1666
- border-inline-end: none;
1477
+
1478
+ .v-col-6 {
1479
+ flex: 0 0 50%;
1480
+ max-width: 50%;
1667
1481
  }
1668
- .v-btn-group .v-btn:not(:first-child) {
1669
- border-inline-start: none;
1482
+
1483
+ .v-col-7 {
1484
+ flex: 0 0 58.3333333333%;
1485
+ max-width: 58.3333333333%;
1670
1486
  }
1671
- .v-btn-group .v-btn:first-child {
1672
- border-start-start-radius: inherit;
1673
- border-end-start-radius: inherit;
1487
+
1488
+ .v-col-8 {
1489
+ flex: 0 0 66.6666666667%;
1490
+ max-width: 66.6666666667%;
1674
1491
  }
1675
- .v-btn-group .v-btn:last-child {
1676
- border-start-end-radius: inherit;
1677
- border-end-end-radius: inherit;
1492
+
1493
+ .v-col-9 {
1494
+ flex: 0 0 75%;
1495
+ max-width: 75%;
1678
1496
  }
1679
- .v-btn-group--divided .v-btn:not(:last-child) {
1680
- border-inline-end-width: thin;
1681
- border-inline-end-style: solid;
1682
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
1497
+
1498
+ .v-col-10 {
1499
+ flex: 0 0 83.3333333333%;
1500
+ max-width: 83.3333333333%;
1683
1501
  }
1684
- .v-btn-group--tile {
1685
- border-radius: 0;
1502
+
1503
+ .v-col-11 {
1504
+ flex: 0 0 91.6666666667%;
1505
+ max-width: 91.6666666667%;
1686
1506
  }
1687
- .v-progress-linear {
1688
- background: transparent;
1689
- overflow: hidden;
1690
- position: relative;
1691
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1692
- width: 100%;
1507
+
1508
+ .v-col-12 {
1509
+ flex: 0 0 100%;
1510
+ max-width: 100%;
1693
1511
  }
1694
1512
 
1695
- .v-progress-linear__background {
1696
- background: currentColor;
1697
- bottom: 0;
1698
- left: 0;
1699
- opacity: var(--v-border-opacity);
1700
- position: absolute;
1701
- top: 0;
1702
- transition-property: width, left, right;
1703
- transition: inherit;
1513
+ .v-locale--is-ltr.offset-1, .v-locale--is-ltr .offset-1 {
1514
+ margin-left: 8.3333333333%;
1704
1515
  }
1705
1516
 
1706
- .v-progress-linear__content {
1707
- align-items: center;
1708
- display: flex;
1709
- height: 100%;
1710
- justify-content: center;
1711
- left: 0;
1712
- pointer-events: none;
1713
- position: absolute;
1714
- top: 0;
1715
- width: 100%;
1517
+ .v-locale--is-rtl.offset-1, .v-locale--is-rtl .offset-1 {
1518
+ margin-right: 8.3333333333%;
1716
1519
  }
1717
1520
 
1718
- .v-progress-linear__determinate,
1719
- .v-progress-linear__indeterminate {
1720
- background: currentColor;
1521
+ .v-locale--is-ltr.offset-2, .v-locale--is-ltr .offset-2 {
1522
+ margin-left: 16.6666666667%;
1721
1523
  }
1722
1524
 
1723
- .v-progress-linear__determinate {
1724
- height: inherit;
1725
- left: 0;
1726
- position: absolute;
1727
- transition: inherit;
1728
- transition-property: width, left, right;
1525
+ .v-locale--is-rtl.offset-2, .v-locale--is-rtl .offset-2 {
1526
+ margin-right: 16.6666666667%;
1729
1527
  }
1730
1528
 
1731
- .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
1732
- animation-play-state: paused;
1733
- animation-duration: 2.2s;
1734
- animation-iteration-count: infinite;
1735
- bottom: 0;
1736
- height: inherit;
1737
- left: 0;
1738
- position: absolute;
1739
- right: auto;
1740
- top: 0;
1741
- width: auto;
1742
- will-change: left, right;
1529
+ .v-locale--is-ltr.offset-3, .v-locale--is-ltr .offset-3 {
1530
+ margin-left: 25%;
1743
1531
  }
1744
- .v-progress-linear__indeterminate .long {
1745
- animation-name: indeterminate-ltr;
1532
+
1533
+ .v-locale--is-rtl.offset-3, .v-locale--is-rtl .offset-3 {
1534
+ margin-right: 25%;
1746
1535
  }
1747
- .v-progress-linear__indeterminate .short {
1748
- animation-name: indeterminate-short-ltr;
1536
+
1537
+ .v-locale--is-ltr.offset-4, .v-locale--is-ltr .offset-4 {
1538
+ margin-left: 33.3333333333%;
1749
1539
  }
1750
1540
 
1751
- .v-progress-linear__stream {
1752
- animation: stream 0.25s infinite linear;
1753
- animation-play-state: paused;
1754
- bottom: 0;
1755
- left: auto;
1756
- opacity: 0.3;
1757
- pointer-events: none;
1758
- position: absolute;
1759
- transition: inherit;
1760
- transition-property: width, left, right;
1541
+ .v-locale--is-rtl.offset-4, .v-locale--is-rtl .offset-4 {
1542
+ margin-right: 33.3333333333%;
1761
1543
  }
1762
1544
 
1763
- .v-progress-linear--reverse .v-progress-linear__background,
1764
- .v-progress-linear--reverse .v-progress-linear__determinate,
1765
- .v-progress-linear--reverse .v-progress-linear__content {
1766
- left: auto;
1767
- right: 0;
1545
+ .v-locale--is-ltr.offset-5, .v-locale--is-ltr .offset-5 {
1546
+ margin-left: 41.6666666667%;
1768
1547
  }
1769
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
1770
- left: auto;
1771
- right: 0;
1548
+
1549
+ .v-locale--is-rtl.offset-5, .v-locale--is-rtl .offset-5 {
1550
+ margin-right: 41.6666666667%;
1772
1551
  }
1773
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
1774
- animation-name: indeterminate-rtl;
1552
+
1553
+ .v-locale--is-ltr.offset-6, .v-locale--is-ltr .offset-6 {
1554
+ margin-left: 50%;
1775
1555
  }
1776
- .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
1777
- animation-name: indeterminate-short-rtl;
1556
+
1557
+ .v-locale--is-rtl.offset-6, .v-locale--is-rtl .offset-6 {
1558
+ margin-right: 50%;
1778
1559
  }
1779
- .v-progress-linear--reverse .v-progress-linear__stream {
1780
- right: auto;
1560
+
1561
+ .v-locale--is-ltr.offset-7, .v-locale--is-ltr .offset-7 {
1562
+ margin-left: 58.3333333333%;
1781
1563
  }
1782
1564
 
1783
- .v-progress-linear--absolute,
1784
- .v-progress-linear--fixed {
1785
- left: 0;
1786
- z-index: 1;
1565
+ .v-locale--is-rtl.offset-7, .v-locale--is-rtl .offset-7 {
1566
+ margin-right: 58.3333333333%;
1787
1567
  }
1788
1568
 
1789
- .v-progress-linear--absolute {
1790
- position: absolute;
1569
+ .v-locale--is-ltr.offset-8, .v-locale--is-ltr .offset-8 {
1570
+ margin-left: 66.6666666667%;
1791
1571
  }
1792
1572
 
1793
- .v-progress-linear--fixed {
1794
- position: fixed;
1573
+ .v-locale--is-rtl.offset-8, .v-locale--is-rtl .offset-8 {
1574
+ margin-right: 66.6666666667%;
1795
1575
  }
1796
1576
 
1797
- .v-progress-linear--rounded {
1798
- border-radius: 4px;
1577
+ .v-locale--is-ltr.offset-9, .v-locale--is-ltr .offset-9 {
1578
+ margin-left: 75%;
1799
1579
  }
1800
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
1801
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
1802
- border-radius: inherit;
1580
+
1581
+ .v-locale--is-rtl.offset-9, .v-locale--is-rtl .offset-9 {
1582
+ margin-right: 75%;
1803
1583
  }
1804
1584
 
1805
- .v-progress-linear--striped .v-progress-linear__determinate {
1806
- animation: progress-linear-stripes 1s infinite linear;
1807
- background-image: linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0deg, 0%, 100%, 0.25) 0, hsla(0deg, 0%, 100%, 0.25) 75%, transparent 0, transparent);
1808
- background-repeat: repeat;
1809
- background-size: var(--v-progress-linear-height);
1585
+ .v-locale--is-ltr.offset-10, .v-locale--is-ltr .offset-10 {
1586
+ margin-left: 83.3333333333%;
1810
1587
  }
1811
1588
 
1812
- .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
1813
- animation-play-state: running;
1589
+ .v-locale--is-rtl.offset-10, .v-locale--is-rtl .offset-10 {
1590
+ margin-right: 83.3333333333%;
1814
1591
  }
1815
- .v-progress-linear--active .v-progress-linear__stream {
1816
- animation-play-state: running;
1592
+
1593
+ .v-locale--is-ltr.offset-11, .v-locale--is-ltr .offset-11 {
1594
+ margin-left: 91.6666666667%;
1817
1595
  }
1818
1596
 
1819
- .v-progress-linear--rounded-bar .v-progress-linear__determinate,
1820
- .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
1821
- .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
1822
- border-radius: 4px;
1597
+ .v-locale--is-rtl.offset-11, .v-locale--is-rtl .offset-11 {
1598
+ margin-right: 91.6666666667%;
1823
1599
  }
1824
- .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
1825
- border-top-left-radius: 0;
1826
- border-bottom-left-radius: 0;
1600
+
1601
+ @media (min-width: 600px) {
1602
+ .v-col-sm {
1603
+ flex-basis: 0;
1604
+ flex-grow: 1;
1605
+ max-width: 100%;
1606
+ }
1607
+ .v-col-sm-auto {
1608
+ flex: 0 0 auto;
1609
+ width: auto;
1610
+ max-width: 100%;
1611
+ }
1612
+ .v-col-sm-1 {
1613
+ flex: 0 0 8.3333333333%;
1614
+ max-width: 8.3333333333%;
1615
+ }
1616
+ .v-col-sm-2 {
1617
+ flex: 0 0 16.6666666667%;
1618
+ max-width: 16.6666666667%;
1619
+ }
1620
+ .v-col-sm-3 {
1621
+ flex: 0 0 25%;
1622
+ max-width: 25%;
1623
+ }
1624
+ .v-col-sm-4 {
1625
+ flex: 0 0 33.3333333333%;
1626
+ max-width: 33.3333333333%;
1627
+ }
1628
+ .v-col-sm-5 {
1629
+ flex: 0 0 41.6666666667%;
1630
+ max-width: 41.6666666667%;
1631
+ }
1632
+ .v-col-sm-6 {
1633
+ flex: 0 0 50%;
1634
+ max-width: 50%;
1635
+ }
1636
+ .v-col-sm-7 {
1637
+ flex: 0 0 58.3333333333%;
1638
+ max-width: 58.3333333333%;
1639
+ }
1640
+ .v-col-sm-8 {
1641
+ flex: 0 0 66.6666666667%;
1642
+ max-width: 66.6666666667%;
1643
+ }
1644
+ .v-col-sm-9 {
1645
+ flex: 0 0 75%;
1646
+ max-width: 75%;
1647
+ }
1648
+ .v-col-sm-10 {
1649
+ flex: 0 0 83.3333333333%;
1650
+ max-width: 83.3333333333%;
1651
+ }
1652
+ .v-col-sm-11 {
1653
+ flex: 0 0 91.6666666667%;
1654
+ max-width: 91.6666666667%;
1655
+ }
1656
+ .v-col-sm-12 {
1657
+ flex: 0 0 100%;
1658
+ max-width: 100%;
1659
+ }
1660
+ .v-locale--is-ltr.offset-sm-0, .v-locale--is-ltr .offset-sm-0 {
1661
+ margin-left: 0;
1662
+ }
1663
+ .v-locale--is-rtl.offset-sm-0, .v-locale--is-rtl .offset-sm-0 {
1664
+ margin-right: 0;
1665
+ }
1666
+ .v-locale--is-ltr.offset-sm-1, .v-locale--is-ltr .offset-sm-1 {
1667
+ margin-left: 8.3333333333%;
1668
+ }
1669
+ .v-locale--is-rtl.offset-sm-1, .v-locale--is-rtl .offset-sm-1 {
1670
+ margin-right: 8.3333333333%;
1671
+ }
1672
+ .v-locale--is-ltr.offset-sm-2, .v-locale--is-ltr .offset-sm-2 {
1673
+ margin-left: 16.6666666667%;
1674
+ }
1675
+ .v-locale--is-rtl.offset-sm-2, .v-locale--is-rtl .offset-sm-2 {
1676
+ margin-right: 16.6666666667%;
1677
+ }
1678
+ .v-locale--is-ltr.offset-sm-3, .v-locale--is-ltr .offset-sm-3 {
1679
+ margin-left: 25%;
1680
+ }
1681
+ .v-locale--is-rtl.offset-sm-3, .v-locale--is-rtl .offset-sm-3 {
1682
+ margin-right: 25%;
1683
+ }
1684
+ .v-locale--is-ltr.offset-sm-4, .v-locale--is-ltr .offset-sm-4 {
1685
+ margin-left: 33.3333333333%;
1686
+ }
1687
+ .v-locale--is-rtl.offset-sm-4, .v-locale--is-rtl .offset-sm-4 {
1688
+ margin-right: 33.3333333333%;
1689
+ }
1690
+ .v-locale--is-ltr.offset-sm-5, .v-locale--is-ltr .offset-sm-5 {
1691
+ margin-left: 41.6666666667%;
1692
+ }
1693
+ .v-locale--is-rtl.offset-sm-5, .v-locale--is-rtl .offset-sm-5 {
1694
+ margin-right: 41.6666666667%;
1695
+ }
1696
+ .v-locale--is-ltr.offset-sm-6, .v-locale--is-ltr .offset-sm-6 {
1697
+ margin-left: 50%;
1698
+ }
1699
+ .v-locale--is-rtl.offset-sm-6, .v-locale--is-rtl .offset-sm-6 {
1700
+ margin-right: 50%;
1701
+ }
1702
+ .v-locale--is-ltr.offset-sm-7, .v-locale--is-ltr .offset-sm-7 {
1703
+ margin-left: 58.3333333333%;
1704
+ }
1705
+ .v-locale--is-rtl.offset-sm-7, .v-locale--is-rtl .offset-sm-7 {
1706
+ margin-right: 58.3333333333%;
1707
+ }
1708
+ .v-locale--is-ltr.offset-sm-8, .v-locale--is-ltr .offset-sm-8 {
1709
+ margin-left: 66.6666666667%;
1710
+ }
1711
+ .v-locale--is-rtl.offset-sm-8, .v-locale--is-rtl .offset-sm-8 {
1712
+ margin-right: 66.6666666667%;
1713
+ }
1714
+ .v-locale--is-ltr.offset-sm-9, .v-locale--is-ltr .offset-sm-9 {
1715
+ margin-left: 75%;
1716
+ }
1717
+ .v-locale--is-rtl.offset-sm-9, .v-locale--is-rtl .offset-sm-9 {
1718
+ margin-right: 75%;
1719
+ }
1720
+ .v-locale--is-ltr.offset-sm-10, .v-locale--is-ltr .offset-sm-10 {
1721
+ margin-left: 83.3333333333%;
1722
+ }
1723
+ .v-locale--is-rtl.offset-sm-10, .v-locale--is-rtl .offset-sm-10 {
1724
+ margin-right: 83.3333333333%;
1725
+ }
1726
+ .v-locale--is-ltr.offset-sm-11, .v-locale--is-ltr .offset-sm-11 {
1727
+ margin-left: 91.6666666667%;
1728
+ }
1729
+ .v-locale--is-rtl.offset-sm-11, .v-locale--is-rtl .offset-sm-11 {
1730
+ margin-right: 91.6666666667%;
1731
+ }
1732
+ }
1733
+ @media (min-width: 960px) {
1734
+ .v-col-md {
1735
+ flex-basis: 0;
1736
+ flex-grow: 1;
1737
+ max-width: 100%;
1738
+ }
1739
+ .v-col-md-auto {
1740
+ flex: 0 0 auto;
1741
+ width: auto;
1742
+ max-width: 100%;
1743
+ }
1744
+ .v-col-md-1 {
1745
+ flex: 0 0 8.3333333333%;
1746
+ max-width: 8.3333333333%;
1747
+ }
1748
+ .v-col-md-2 {
1749
+ flex: 0 0 16.6666666667%;
1750
+ max-width: 16.6666666667%;
1751
+ }
1752
+ .v-col-md-3 {
1753
+ flex: 0 0 25%;
1754
+ max-width: 25%;
1755
+ }
1756
+ .v-col-md-4 {
1757
+ flex: 0 0 33.3333333333%;
1758
+ max-width: 33.3333333333%;
1759
+ }
1760
+ .v-col-md-5 {
1761
+ flex: 0 0 41.6666666667%;
1762
+ max-width: 41.6666666667%;
1763
+ }
1764
+ .v-col-md-6 {
1765
+ flex: 0 0 50%;
1766
+ max-width: 50%;
1767
+ }
1768
+ .v-col-md-7 {
1769
+ flex: 0 0 58.3333333333%;
1770
+ max-width: 58.3333333333%;
1771
+ }
1772
+ .v-col-md-8 {
1773
+ flex: 0 0 66.6666666667%;
1774
+ max-width: 66.6666666667%;
1775
+ }
1776
+ .v-col-md-9 {
1777
+ flex: 0 0 75%;
1778
+ max-width: 75%;
1779
+ }
1780
+ .v-col-md-10 {
1781
+ flex: 0 0 83.3333333333%;
1782
+ max-width: 83.3333333333%;
1783
+ }
1784
+ .v-col-md-11 {
1785
+ flex: 0 0 91.6666666667%;
1786
+ max-width: 91.6666666667%;
1787
+ }
1788
+ .v-col-md-12 {
1789
+ flex: 0 0 100%;
1790
+ max-width: 100%;
1791
+ }
1792
+ .v-locale--is-ltr.offset-md-0, .v-locale--is-ltr .offset-md-0 {
1793
+ margin-left: 0;
1794
+ }
1795
+ .v-locale--is-rtl.offset-md-0, .v-locale--is-rtl .offset-md-0 {
1796
+ margin-right: 0;
1797
+ }
1798
+ .v-locale--is-ltr.offset-md-1, .v-locale--is-ltr .offset-md-1 {
1799
+ margin-left: 8.3333333333%;
1800
+ }
1801
+ .v-locale--is-rtl.offset-md-1, .v-locale--is-rtl .offset-md-1 {
1802
+ margin-right: 8.3333333333%;
1803
+ }
1804
+ .v-locale--is-ltr.offset-md-2, .v-locale--is-ltr .offset-md-2 {
1805
+ margin-left: 16.6666666667%;
1806
+ }
1807
+ .v-locale--is-rtl.offset-md-2, .v-locale--is-rtl .offset-md-2 {
1808
+ margin-right: 16.6666666667%;
1809
+ }
1810
+ .v-locale--is-ltr.offset-md-3, .v-locale--is-ltr .offset-md-3 {
1811
+ margin-left: 25%;
1812
+ }
1813
+ .v-locale--is-rtl.offset-md-3, .v-locale--is-rtl .offset-md-3 {
1814
+ margin-right: 25%;
1815
+ }
1816
+ .v-locale--is-ltr.offset-md-4, .v-locale--is-ltr .offset-md-4 {
1817
+ margin-left: 33.3333333333%;
1818
+ }
1819
+ .v-locale--is-rtl.offset-md-4, .v-locale--is-rtl .offset-md-4 {
1820
+ margin-right: 33.3333333333%;
1821
+ }
1822
+ .v-locale--is-ltr.offset-md-5, .v-locale--is-ltr .offset-md-5 {
1823
+ margin-left: 41.6666666667%;
1824
+ }
1825
+ .v-locale--is-rtl.offset-md-5, .v-locale--is-rtl .offset-md-5 {
1826
+ margin-right: 41.6666666667%;
1827
+ }
1828
+ .v-locale--is-ltr.offset-md-6, .v-locale--is-ltr .offset-md-6 {
1829
+ margin-left: 50%;
1830
+ }
1831
+ .v-locale--is-rtl.offset-md-6, .v-locale--is-rtl .offset-md-6 {
1832
+ margin-right: 50%;
1833
+ }
1834
+ .v-locale--is-ltr.offset-md-7, .v-locale--is-ltr .offset-md-7 {
1835
+ margin-left: 58.3333333333%;
1836
+ }
1837
+ .v-locale--is-rtl.offset-md-7, .v-locale--is-rtl .offset-md-7 {
1838
+ margin-right: 58.3333333333%;
1839
+ }
1840
+ .v-locale--is-ltr.offset-md-8, .v-locale--is-ltr .offset-md-8 {
1841
+ margin-left: 66.6666666667%;
1842
+ }
1843
+ .v-locale--is-rtl.offset-md-8, .v-locale--is-rtl .offset-md-8 {
1844
+ margin-right: 66.6666666667%;
1845
+ }
1846
+ .v-locale--is-ltr.offset-md-9, .v-locale--is-ltr .offset-md-9 {
1847
+ margin-left: 75%;
1848
+ }
1849
+ .v-locale--is-rtl.offset-md-9, .v-locale--is-rtl .offset-md-9 {
1850
+ margin-right: 75%;
1851
+ }
1852
+ .v-locale--is-ltr.offset-md-10, .v-locale--is-ltr .offset-md-10 {
1853
+ margin-left: 83.3333333333%;
1854
+ }
1855
+ .v-locale--is-rtl.offset-md-10, .v-locale--is-rtl .offset-md-10 {
1856
+ margin-right: 83.3333333333%;
1857
+ }
1858
+ .v-locale--is-ltr.offset-md-11, .v-locale--is-ltr .offset-md-11 {
1859
+ margin-left: 91.6666666667%;
1860
+ }
1861
+ .v-locale--is-rtl.offset-md-11, .v-locale--is-rtl .offset-md-11 {
1862
+ margin-right: 91.6666666667%;
1863
+ }
1827
1864
  }
1828
- .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-rtl, .v-locale--is-rtl .v-progress-linear--rounded-bar .v-progress-linear__determinate {
1829
- border-top-right-radius: 0;
1830
- border-bottom-right-radius: 0;
1865
+ @media (min-width: 1280px) {
1866
+ .v-col-lg {
1867
+ flex-basis: 0;
1868
+ flex-grow: 1;
1869
+ max-width: 100%;
1870
+ }
1871
+ .v-col-lg-auto {
1872
+ flex: 0 0 auto;
1873
+ width: auto;
1874
+ max-width: 100%;
1875
+ }
1876
+ .v-col-lg-1 {
1877
+ flex: 0 0 8.3333333333%;
1878
+ max-width: 8.3333333333%;
1879
+ }
1880
+ .v-col-lg-2 {
1881
+ flex: 0 0 16.6666666667%;
1882
+ max-width: 16.6666666667%;
1883
+ }
1884
+ .v-col-lg-3 {
1885
+ flex: 0 0 25%;
1886
+ max-width: 25%;
1887
+ }
1888
+ .v-col-lg-4 {
1889
+ flex: 0 0 33.3333333333%;
1890
+ max-width: 33.3333333333%;
1891
+ }
1892
+ .v-col-lg-5 {
1893
+ flex: 0 0 41.6666666667%;
1894
+ max-width: 41.6666666667%;
1895
+ }
1896
+ .v-col-lg-6 {
1897
+ flex: 0 0 50%;
1898
+ max-width: 50%;
1899
+ }
1900
+ .v-col-lg-7 {
1901
+ flex: 0 0 58.3333333333%;
1902
+ max-width: 58.3333333333%;
1903
+ }
1904
+ .v-col-lg-8 {
1905
+ flex: 0 0 66.6666666667%;
1906
+ max-width: 66.6666666667%;
1907
+ }
1908
+ .v-col-lg-9 {
1909
+ flex: 0 0 75%;
1910
+ max-width: 75%;
1911
+ }
1912
+ .v-col-lg-10 {
1913
+ flex: 0 0 83.3333333333%;
1914
+ max-width: 83.3333333333%;
1915
+ }
1916
+ .v-col-lg-11 {
1917
+ flex: 0 0 91.6666666667%;
1918
+ max-width: 91.6666666667%;
1919
+ }
1920
+ .v-col-lg-12 {
1921
+ flex: 0 0 100%;
1922
+ max-width: 100%;
1923
+ }
1924
+ .v-locale--is-ltr.offset-lg-0, .v-locale--is-ltr .offset-lg-0 {
1925
+ margin-left: 0;
1926
+ }
1927
+ .v-locale--is-rtl.offset-lg-0, .v-locale--is-rtl .offset-lg-0 {
1928
+ margin-right: 0;
1929
+ }
1930
+ .v-locale--is-ltr.offset-lg-1, .v-locale--is-ltr .offset-lg-1 {
1931
+ margin-left: 8.3333333333%;
1932
+ }
1933
+ .v-locale--is-rtl.offset-lg-1, .v-locale--is-rtl .offset-lg-1 {
1934
+ margin-right: 8.3333333333%;
1935
+ }
1936
+ .v-locale--is-ltr.offset-lg-2, .v-locale--is-ltr .offset-lg-2 {
1937
+ margin-left: 16.6666666667%;
1938
+ }
1939
+ .v-locale--is-rtl.offset-lg-2, .v-locale--is-rtl .offset-lg-2 {
1940
+ margin-right: 16.6666666667%;
1941
+ }
1942
+ .v-locale--is-ltr.offset-lg-3, .v-locale--is-ltr .offset-lg-3 {
1943
+ margin-left: 25%;
1944
+ }
1945
+ .v-locale--is-rtl.offset-lg-3, .v-locale--is-rtl .offset-lg-3 {
1946
+ margin-right: 25%;
1947
+ }
1948
+ .v-locale--is-ltr.offset-lg-4, .v-locale--is-ltr .offset-lg-4 {
1949
+ margin-left: 33.3333333333%;
1950
+ }
1951
+ .v-locale--is-rtl.offset-lg-4, .v-locale--is-rtl .offset-lg-4 {
1952
+ margin-right: 33.3333333333%;
1953
+ }
1954
+ .v-locale--is-ltr.offset-lg-5, .v-locale--is-ltr .offset-lg-5 {
1955
+ margin-left: 41.6666666667%;
1956
+ }
1957
+ .v-locale--is-rtl.offset-lg-5, .v-locale--is-rtl .offset-lg-5 {
1958
+ margin-right: 41.6666666667%;
1959
+ }
1960
+ .v-locale--is-ltr.offset-lg-6, .v-locale--is-ltr .offset-lg-6 {
1961
+ margin-left: 50%;
1962
+ }
1963
+ .v-locale--is-rtl.offset-lg-6, .v-locale--is-rtl .offset-lg-6 {
1964
+ margin-right: 50%;
1965
+ }
1966
+ .v-locale--is-ltr.offset-lg-7, .v-locale--is-ltr .offset-lg-7 {
1967
+ margin-left: 58.3333333333%;
1968
+ }
1969
+ .v-locale--is-rtl.offset-lg-7, .v-locale--is-rtl .offset-lg-7 {
1970
+ margin-right: 58.3333333333%;
1971
+ }
1972
+ .v-locale--is-ltr.offset-lg-8, .v-locale--is-ltr .offset-lg-8 {
1973
+ margin-left: 66.6666666667%;
1974
+ }
1975
+ .v-locale--is-rtl.offset-lg-8, .v-locale--is-rtl .offset-lg-8 {
1976
+ margin-right: 66.6666666667%;
1977
+ }
1978
+ .v-locale--is-ltr.offset-lg-9, .v-locale--is-ltr .offset-lg-9 {
1979
+ margin-left: 75%;
1980
+ }
1981
+ .v-locale--is-rtl.offset-lg-9, .v-locale--is-rtl .offset-lg-9 {
1982
+ margin-right: 75%;
1983
+ }
1984
+ .v-locale--is-ltr.offset-lg-10, .v-locale--is-ltr .offset-lg-10 {
1985
+ margin-left: 83.3333333333%;
1986
+ }
1987
+ .v-locale--is-rtl.offset-lg-10, .v-locale--is-rtl .offset-lg-10 {
1988
+ margin-right: 83.3333333333%;
1989
+ }
1990
+ .v-locale--is-ltr.offset-lg-11, .v-locale--is-ltr .offset-lg-11 {
1991
+ margin-left: 91.6666666667%;
1992
+ }
1993
+ .v-locale--is-rtl.offset-lg-11, .v-locale--is-rtl .offset-lg-11 {
1994
+ margin-right: 91.6666666667%;
1995
+ }
1831
1996
  }
1832
-
1833
- @keyframes indeterminate-ltr {
1834
- 0% {
1835
- left: -90%;
1836
- right: 100%;
1997
+ @media (min-width: 1920px) {
1998
+ .v-col-xl {
1999
+ flex-basis: 0;
2000
+ flex-grow: 1;
2001
+ max-width: 100%;
2002
+ }
2003
+ .v-col-xl-auto {
2004
+ flex: 0 0 auto;
2005
+ width: auto;
2006
+ max-width: 100%;
2007
+ }
2008
+ .v-col-xl-1 {
2009
+ flex: 0 0 8.3333333333%;
2010
+ max-width: 8.3333333333%;
2011
+ }
2012
+ .v-col-xl-2 {
2013
+ flex: 0 0 16.6666666667%;
2014
+ max-width: 16.6666666667%;
2015
+ }
2016
+ .v-col-xl-3 {
2017
+ flex: 0 0 25%;
2018
+ max-width: 25%;
2019
+ }
2020
+ .v-col-xl-4 {
2021
+ flex: 0 0 33.3333333333%;
2022
+ max-width: 33.3333333333%;
2023
+ }
2024
+ .v-col-xl-5 {
2025
+ flex: 0 0 41.6666666667%;
2026
+ max-width: 41.6666666667%;
2027
+ }
2028
+ .v-col-xl-6 {
2029
+ flex: 0 0 50%;
2030
+ max-width: 50%;
2031
+ }
2032
+ .v-col-xl-7 {
2033
+ flex: 0 0 58.3333333333%;
2034
+ max-width: 58.3333333333%;
2035
+ }
2036
+ .v-col-xl-8 {
2037
+ flex: 0 0 66.6666666667%;
2038
+ max-width: 66.6666666667%;
2039
+ }
2040
+ .v-col-xl-9 {
2041
+ flex: 0 0 75%;
2042
+ max-width: 75%;
2043
+ }
2044
+ .v-col-xl-10 {
2045
+ flex: 0 0 83.3333333333%;
2046
+ max-width: 83.3333333333%;
2047
+ }
2048
+ .v-col-xl-11 {
2049
+ flex: 0 0 91.6666666667%;
2050
+ max-width: 91.6666666667%;
2051
+ }
2052
+ .v-col-xl-12 {
2053
+ flex: 0 0 100%;
2054
+ max-width: 100%;
2055
+ }
2056
+ .v-locale--is-ltr.offset-xl-0, .v-locale--is-ltr .offset-xl-0 {
2057
+ margin-left: 0;
2058
+ }
2059
+ .v-locale--is-rtl.offset-xl-0, .v-locale--is-rtl .offset-xl-0 {
2060
+ margin-right: 0;
2061
+ }
2062
+ .v-locale--is-ltr.offset-xl-1, .v-locale--is-ltr .offset-xl-1 {
2063
+ margin-left: 8.3333333333%;
2064
+ }
2065
+ .v-locale--is-rtl.offset-xl-1, .v-locale--is-rtl .offset-xl-1 {
2066
+ margin-right: 8.3333333333%;
2067
+ }
2068
+ .v-locale--is-ltr.offset-xl-2, .v-locale--is-ltr .offset-xl-2 {
2069
+ margin-left: 16.6666666667%;
2070
+ }
2071
+ .v-locale--is-rtl.offset-xl-2, .v-locale--is-rtl .offset-xl-2 {
2072
+ margin-right: 16.6666666667%;
2073
+ }
2074
+ .v-locale--is-ltr.offset-xl-3, .v-locale--is-ltr .offset-xl-3 {
2075
+ margin-left: 25%;
2076
+ }
2077
+ .v-locale--is-rtl.offset-xl-3, .v-locale--is-rtl .offset-xl-3 {
2078
+ margin-right: 25%;
2079
+ }
2080
+ .v-locale--is-ltr.offset-xl-4, .v-locale--is-ltr .offset-xl-4 {
2081
+ margin-left: 33.3333333333%;
2082
+ }
2083
+ .v-locale--is-rtl.offset-xl-4, .v-locale--is-rtl .offset-xl-4 {
2084
+ margin-right: 33.3333333333%;
2085
+ }
2086
+ .v-locale--is-ltr.offset-xl-5, .v-locale--is-ltr .offset-xl-5 {
2087
+ margin-left: 41.6666666667%;
2088
+ }
2089
+ .v-locale--is-rtl.offset-xl-5, .v-locale--is-rtl .offset-xl-5 {
2090
+ margin-right: 41.6666666667%;
2091
+ }
2092
+ .v-locale--is-ltr.offset-xl-6, .v-locale--is-ltr .offset-xl-6 {
2093
+ margin-left: 50%;
2094
+ }
2095
+ .v-locale--is-rtl.offset-xl-6, .v-locale--is-rtl .offset-xl-6 {
2096
+ margin-right: 50%;
2097
+ }
2098
+ .v-locale--is-ltr.offset-xl-7, .v-locale--is-ltr .offset-xl-7 {
2099
+ margin-left: 58.3333333333%;
2100
+ }
2101
+ .v-locale--is-rtl.offset-xl-7, .v-locale--is-rtl .offset-xl-7 {
2102
+ margin-right: 58.3333333333%;
2103
+ }
2104
+ .v-locale--is-ltr.offset-xl-8, .v-locale--is-ltr .offset-xl-8 {
2105
+ margin-left: 66.6666666667%;
2106
+ }
2107
+ .v-locale--is-rtl.offset-xl-8, .v-locale--is-rtl .offset-xl-8 {
2108
+ margin-right: 66.6666666667%;
2109
+ }
2110
+ .v-locale--is-ltr.offset-xl-9, .v-locale--is-ltr .offset-xl-9 {
2111
+ margin-left: 75%;
2112
+ }
2113
+ .v-locale--is-rtl.offset-xl-9, .v-locale--is-rtl .offset-xl-9 {
2114
+ margin-right: 75%;
2115
+ }
2116
+ .v-locale--is-ltr.offset-xl-10, .v-locale--is-ltr .offset-xl-10 {
2117
+ margin-left: 83.3333333333%;
2118
+ }
2119
+ .v-locale--is-rtl.offset-xl-10, .v-locale--is-rtl .offset-xl-10 {
2120
+ margin-right: 83.3333333333%;
1837
2121
  }
1838
- 60% {
1839
- left: -90%;
1840
- right: 100%;
2122
+ .v-locale--is-ltr.offset-xl-11, .v-locale--is-ltr .offset-xl-11 {
2123
+ margin-left: 91.6666666667%;
1841
2124
  }
1842
- 100% {
1843
- left: 100%;
1844
- right: -35%;
2125
+ .v-locale--is-rtl.offset-xl-11, .v-locale--is-rtl .offset-xl-11 {
2126
+ margin-right: 91.6666666667%;
1845
2127
  }
1846
2128
  }
1847
- @keyframes indeterminate-rtl {
1848
- 0% {
1849
- left: 100%;
1850
- right: -90%;
2129
+ @media (min-width: 2560px) {
2130
+ .v-col-xxl {
2131
+ flex-basis: 0;
2132
+ flex-grow: 1;
2133
+ max-width: 100%;
1851
2134
  }
1852
- 60% {
1853
- left: 100%;
1854
- right: -90%;
2135
+ .v-col-xxl-auto {
2136
+ flex: 0 0 auto;
2137
+ width: auto;
2138
+ max-width: 100%;
1855
2139
  }
1856
- 100% {
1857
- left: -35%;
1858
- right: 100%;
2140
+ .v-col-xxl-1 {
2141
+ flex: 0 0 8.3333333333%;
2142
+ max-width: 8.3333333333%;
1859
2143
  }
1860
- }
1861
- @keyframes indeterminate-short-ltr {
1862
- 0% {
1863
- left: -200%;
1864
- right: 100%;
2144
+ .v-col-xxl-2 {
2145
+ flex: 0 0 16.6666666667%;
2146
+ max-width: 16.6666666667%;
1865
2147
  }
1866
- 60% {
1867
- left: 107%;
1868
- right: -8%;
2148
+ .v-col-xxl-3 {
2149
+ flex: 0 0 25%;
2150
+ max-width: 25%;
1869
2151
  }
1870
- 100% {
1871
- left: 107%;
1872
- right: -8%;
2152
+ .v-col-xxl-4 {
2153
+ flex: 0 0 33.3333333333%;
2154
+ max-width: 33.3333333333%;
1873
2155
  }
1874
- }
1875
- @keyframes indeterminate-short-rtl {
1876
- 0% {
1877
- left: 100%;
1878
- right: -200%;
2156
+ .v-col-xxl-5 {
2157
+ flex: 0 0 41.6666666667%;
2158
+ max-width: 41.6666666667%;
1879
2159
  }
1880
- 60% {
1881
- left: -8%;
1882
- right: 107%;
2160
+ .v-col-xxl-6 {
2161
+ flex: 0 0 50%;
2162
+ max-width: 50%;
1883
2163
  }
1884
- 100% {
1885
- left: -8%;
1886
- right: 107%;
2164
+ .v-col-xxl-7 {
2165
+ flex: 0 0 58.3333333333%;
2166
+ max-width: 58.3333333333%;
1887
2167
  }
1888
- }
1889
- @keyframes stream {
1890
- to {
1891
- transform: translateX(var(--v-progress-linear-stream-to));
2168
+ .v-col-xxl-8 {
2169
+ flex: 0 0 66.6666666667%;
2170
+ max-width: 66.6666666667%;
1892
2171
  }
1893
- }
1894
- @keyframes progress-linear-stripes {
1895
- 0% {
1896
- background-position-x: var(--v-progress-linear-height);
2172
+ .v-col-xxl-9 {
2173
+ flex: 0 0 75%;
2174
+ max-width: 75%;
2175
+ }
2176
+ .v-col-xxl-10 {
2177
+ flex: 0 0 83.3333333333%;
2178
+ max-width: 83.3333333333%;
2179
+ }
2180
+ .v-col-xxl-11 {
2181
+ flex: 0 0 91.6666666667%;
2182
+ max-width: 91.6666666667%;
2183
+ }
2184
+ .v-col-xxl-12 {
2185
+ flex: 0 0 100%;
2186
+ max-width: 100%;
2187
+ }
2188
+ .v-locale--is-ltr.offset-xxl-0, .v-locale--is-ltr .offset-xxl-0 {
2189
+ margin-left: 0;
2190
+ }
2191
+ .v-locale--is-rtl.offset-xxl-0, .v-locale--is-rtl .offset-xxl-0 {
2192
+ margin-right: 0;
2193
+ }
2194
+ .v-locale--is-ltr.offset-xxl-1, .v-locale--is-ltr .offset-xxl-1 {
2195
+ margin-left: 8.3333333333%;
2196
+ }
2197
+ .v-locale--is-rtl.offset-xxl-1, .v-locale--is-rtl .offset-xxl-1 {
2198
+ margin-right: 8.3333333333%;
2199
+ }
2200
+ .v-locale--is-ltr.offset-xxl-2, .v-locale--is-ltr .offset-xxl-2 {
2201
+ margin-left: 16.6666666667%;
2202
+ }
2203
+ .v-locale--is-rtl.offset-xxl-2, .v-locale--is-rtl .offset-xxl-2 {
2204
+ margin-right: 16.6666666667%;
2205
+ }
2206
+ .v-locale--is-ltr.offset-xxl-3, .v-locale--is-ltr .offset-xxl-3 {
2207
+ margin-left: 25%;
2208
+ }
2209
+ .v-locale--is-rtl.offset-xxl-3, .v-locale--is-rtl .offset-xxl-3 {
2210
+ margin-right: 25%;
2211
+ }
2212
+ .v-locale--is-ltr.offset-xxl-4, .v-locale--is-ltr .offset-xxl-4 {
2213
+ margin-left: 33.3333333333%;
2214
+ }
2215
+ .v-locale--is-rtl.offset-xxl-4, .v-locale--is-rtl .offset-xxl-4 {
2216
+ margin-right: 33.3333333333%;
2217
+ }
2218
+ .v-locale--is-ltr.offset-xxl-5, .v-locale--is-ltr .offset-xxl-5 {
2219
+ margin-left: 41.6666666667%;
2220
+ }
2221
+ .v-locale--is-rtl.offset-xxl-5, .v-locale--is-rtl .offset-xxl-5 {
2222
+ margin-right: 41.6666666667%;
2223
+ }
2224
+ .v-locale--is-ltr.offset-xxl-6, .v-locale--is-ltr .offset-xxl-6 {
2225
+ margin-left: 50%;
2226
+ }
2227
+ .v-locale--is-rtl.offset-xxl-6, .v-locale--is-rtl .offset-xxl-6 {
2228
+ margin-right: 50%;
2229
+ }
2230
+ .v-locale--is-ltr.offset-xxl-7, .v-locale--is-ltr .offset-xxl-7 {
2231
+ margin-left: 58.3333333333%;
2232
+ }
2233
+ .v-locale--is-rtl.offset-xxl-7, .v-locale--is-rtl .offset-xxl-7 {
2234
+ margin-right: 58.3333333333%;
2235
+ }
2236
+ .v-locale--is-ltr.offset-xxl-8, .v-locale--is-ltr .offset-xxl-8 {
2237
+ margin-left: 66.6666666667%;
2238
+ }
2239
+ .v-locale--is-rtl.offset-xxl-8, .v-locale--is-rtl .offset-xxl-8 {
2240
+ margin-right: 66.6666666667%;
2241
+ }
2242
+ .v-locale--is-ltr.offset-xxl-9, .v-locale--is-ltr .offset-xxl-9 {
2243
+ margin-left: 75%;
2244
+ }
2245
+ .v-locale--is-rtl.offset-xxl-9, .v-locale--is-rtl .offset-xxl-9 {
2246
+ margin-right: 75%;
2247
+ }
2248
+ .v-locale--is-ltr.offset-xxl-10, .v-locale--is-ltr .offset-xxl-10 {
2249
+ margin-left: 83.3333333333%;
2250
+ }
2251
+ .v-locale--is-rtl.offset-xxl-10, .v-locale--is-rtl .offset-xxl-10 {
2252
+ margin-right: 83.3333333333%;
2253
+ }
2254
+ .v-locale--is-ltr.offset-xxl-11, .v-locale--is-ltr .offset-xxl-11 {
2255
+ margin-left: 91.6666666667%;
2256
+ }
2257
+ .v-locale--is-rtl.offset-xxl-11, .v-locale--is-rtl .offset-xxl-11 {
2258
+ margin-right: 91.6666666667%;
1897
2259
  }
1898
2260
  }
1899
- .v-ripple__container {
1900
- color: inherit;
1901
- border-radius: inherit;
1902
- position: absolute;
1903
- width: 100%;
1904
- height: 100%;
1905
- left: 0;
1906
- top: 0;
1907
- overflow: hidden;
1908
- z-index: 0;
1909
- pointer-events: none;
1910
- contain: strict;
1911
- }
1912
- .v-ripple__animation {
1913
- color: inherit;
1914
- position: absolute;
1915
- top: 0;
1916
- left: 0;
1917
- border-radius: 50%;
1918
- background: currentColor;
1919
- opacity: 0;
1920
- pointer-events: none;
2261
+ .v-window {
1921
2262
  overflow: hidden;
1922
- will-change: transform, opacity;
1923
- }
1924
- .v-ripple__animation--enter {
1925
- transition: none;
1926
- opacity: 0;
1927
- }
1928
- .v-ripple__animation--in {
1929
- transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
1930
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
1931
- }
1932
- .v-ripple__animation--out {
1933
- transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
1934
- opacity: 0;
1935
2263
  }
1936
- .v-progress-circular {
1937
- align-items: center;
1938
- display: inline-flex;
1939
- justify-content: center;
2264
+ .v-window__container {
2265
+ display: flex;
2266
+ flex-direction: column;
2267
+ height: inherit;
1940
2268
  position: relative;
1941
- vertical-align: middle;
2269
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
1942
2270
  }
1943
- .v-progress-circular > svg {
1944
- width: 100%;
1945
- height: 100%;
1946
- margin: auto;
2271
+ .v-window__controls {
1947
2272
  position: absolute;
1948
- top: 0;
1949
- bottom: 0;
1950
2273
  left: 0;
1951
- right: 0;
1952
- z-index: 0;
1953
- }
1954
-
1955
- .v-progress-circular__content {
1956
- align-items: center;
2274
+ top: 0;
2275
+ width: 100%;
2276
+ height: 100%;
1957
2277
  display: flex;
1958
- justify-content: center;
2278
+ align-items: center;
2279
+ justify-content: space-between;
2280
+ padding: 0 16px;
2281
+ pointer-events: none;
1959
2282
  }
1960
-
1961
- .v-progress-circular__underlay {
1962
- color: rgba(var(--v-border-color), var(--v-border-opacity));
1963
- stroke: currentColor;
1964
- z-index: 1;
2283
+ .v-window__controls * {
2284
+ pointer-events: auto;
1965
2285
  }
1966
-
1967
- .v-progress-circular__overlay {
1968
- stroke: currentColor;
1969
- transition: all 0.2s ease-in-out, stroke-width 0s;
1970
- z-index: 2;
2286
+ .v-window--show-arrows-on-hover {
2287
+ overflow: hidden;
1971
2288
  }
1972
-
1973
- .v-progress-circular--size-x-small {
1974
- height: 16px;
1975
- width: 16px;
2289
+ .v-window--show-arrows-on-hover .v-window__left {
2290
+ transform: translateX(-200%);
1976
2291
  }
1977
- .v-progress-circular--size-small {
1978
- height: 24px;
1979
- width: 24px;
2292
+ .v-window--show-arrows-on-hover .v-window__right {
2293
+ transform: translateX(200%);
1980
2294
  }
1981
- .v-progress-circular--size-default {
1982
- height: 32px;
1983
- width: 32px;
2295
+ .v-window--show-arrows-on-hover:hover .v-window__left,
2296
+ .v-window--show-arrows-on-hover:hover .v-window__right {
2297
+ transform: translateX(0);
1984
2298
  }
1985
- .v-progress-circular--size-large {
1986
- height: 48px;
1987
- width: 48px;
2299
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
2300
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
1988
2301
  }
1989
- .v-progress-circular--size-x-large {
1990
- height: 64px;
1991
- width: 64px;
2302
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
2303
+ position: absolute !important;
2304
+ top: 0;
2305
+ width: 100%;
2306
+ }
2307
+ .v-window-x-transition-enter-from {
2308
+ transform: translateX(100%);
1992
2309
  }
1993
-
1994
- .v-progress-circular--indeterminate > svg {
1995
- animation: progress-circular-rotate 1.4s linear infinite;
1996
- transform-origin: center center;
1997
- transition: all 0.2s ease-in-out;
2310
+ .v-window-x-transition-leave-to {
2311
+ transform: translateX(-100%);
1998
2312
  }
1999
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
2000
- animation: progress-circular-dash 1.4s ease-in-out infinite;
2001
- stroke-dasharray: 25, 200;
2002
- stroke-dashoffset: 0;
2003
- stroke-linecap: round;
2313
+ .v-window-x-reverse-transition-enter-from {
2314
+ transform: translateX(-100%);
2004
2315
  }
2005
-
2006
- .v-progress-circular--disable-shrink > svg {
2007
- animation-duration: 0.7s;
2316
+ .v-window-x-reverse-transition-leave-to {
2317
+ transform: translateX(100%);
2008
2318
  }
2009
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
2010
- animation: none;
2319
+ .v-window-y-transition-enter-from {
2320
+ transform: translateY(100%);
2011
2321
  }
2012
-
2013
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
2014
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
2015
- animation-play-state: paused !important;
2322
+ .v-window-y-transition-leave-to {
2323
+ transform: translateY(-100%);
2016
2324
  }
2017
-
2018
- @keyframes progress-circular-dash {
2019
- 0% {
2020
- stroke-dasharray: 1, 200;
2021
- stroke-dashoffset: 0px;
2022
- }
2023
- 50% {
2024
- stroke-dasharray: 100, 200;
2025
- stroke-dashoffset: -15px;
2026
- }
2027
- 100% {
2028
- stroke-dasharray: 100, 200;
2029
- stroke-dashoffset: -124px;
2030
- }
2325
+ .v-window-y-reverse-transition-enter-from {
2326
+ transform: translateY(-100%);
2031
2327
  }
2032
- @keyframes progress-circular-rotate {
2033
- 100% {
2034
- transform: rotate(270deg);
2035
- }
2328
+ .v-window-y-reverse-transition-leave-to {
2329
+ transform: translateY(100%);
2036
2330
  }
2037
2331
  .v-messages {
2038
2332
  flex: 1 1 auto;
@@ -2092,6 +2386,10 @@
2092
2386
  overflow: hidden;
2093
2387
  position: relative;
2094
2388
  }
2389
+ .v-responsive--inline {
2390
+ display: inline-flex;
2391
+ flex: 0 0 auto;
2392
+ }
2095
2393
 
2096
2394
  .v-responsive__content {
2097
2395
  flex: 1 0 0px;
@@ -2115,6 +2413,7 @@
2115
2413
  }
2116
2414
  .v-label {
2117
2415
  align-items: center;
2416
+ color: inherit;
2118
2417
  display: inline-flex;
2119
2418
  font-size: 1rem;
2120
2419
  letter-spacing: 0.009375em;
@@ -2148,6 +2447,12 @@
2148
2447
  .v-sheet--fixed {
2149
2448
  position: fixed;
2150
2449
  }
2450
+ .v-sheet--relative {
2451
+ position: relative;
2452
+ }
2453
+ .v-sheet--sticky {
2454
+ position: sticky;
2455
+ }
2151
2456
  .v-sheet--rounded {
2152
2457
  border-radius: 4px;
2153
2458
  }
@@ -2205,6 +2510,8 @@
2205
2510
 
2206
2511
  .v-overlay-scroll-blocked {
2207
2512
  padding-inline-end: var(--v-scrollbar-offset);
2513
+ }
2514
+ .v-overlay-scroll-blocked:not(html) {
2208
2515
  overflow-y: hidden !important;
2209
2516
  }
2210
2517
  html.v-overlay-scroll-blocked {
@@ -2262,23 +2569,36 @@ html.v-overlay-scroll-blocked {
2262
2569
  font-size: 1rem;
2263
2570
  font-weight: 400;
2264
2571
  line-height: 1.5;
2572
+ --v-input-chips-margin-top: 2px;
2265
2573
  }
2266
2574
  .v-input--disabled {
2267
2575
  pointer-events: none;
2268
2576
  }
2269
2577
  .v-input--density-default {
2270
2578
  --v-input-control-height: 56px;
2271
- --v-input-padding-top: 16px;
2579
+ --v-input-padding-top: 15px;
2272
2580
  }
2273
2581
 
2274
2582
  .v-input--density-comfortable {
2275
2583
  --v-input-control-height: 48px;
2276
- --v-input-padding-top: 12px;
2584
+ --v-input-padding-top: 11px;
2277
2585
  }
2278
2586
 
2279
2587
  .v-input--density-compact {
2280
2588
  --v-input-control-height: 40px;
2281
- --v-input-padding-top: 8px;
2589
+ --v-input-padding-top: 7px;
2590
+ }
2591
+
2592
+ .v-input--density-default {
2593
+ --v-input-chips-margin-bottom: 0px;
2594
+ }
2595
+
2596
+ .v-input--density-comfortable {
2597
+ --v-input-chips-margin-bottom: 2px;
2598
+ }
2599
+
2600
+ .v-input--density-compact {
2601
+ --v-input-chips-margin-bottom: 4px;
2282
2602
  }
2283
2603
 
2284
2604
  .v-input--vertical {
@@ -2354,8 +2674,14 @@ html.v-overlay-scroll-blocked {
2354
2674
  .v-input__prepend,
2355
2675
  .v-input__append {
2356
2676
  display: flex;
2677
+ align-items: flex-start;
2357
2678
  padding-top: var(--v-input-padding-top);
2358
2679
  }
2680
+ .v-input--center-affix .v-input__prepend,
2681
+ .v-input--center-affix .v-input__append {
2682
+ align-items: center;
2683
+ padding-top: 0;
2684
+ }
2359
2685
 
2360
2686
  .v-input__prepend {
2361
2687
  grid-area: prepend;
@@ -2378,6 +2704,9 @@ html.v-overlay-scroll-blocked {
2378
2704
  .v-table {
2379
2705
  background: rgb(var(--v-theme-surface));
2380
2706
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
2707
+ transition-duration: 0.28s;
2708
+ transition-property: box-shadow, opacity, background, height;
2709
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2381
2710
  }
2382
2711
  .v-table .v-table-divider {
2383
2712
  border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
@@ -2394,7 +2723,7 @@ html.v-overlay-scroll-blocked {
2394
2723
  .v-table .v-table__wrapper > table > tfoot > tr > th {
2395
2724
  border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
2396
2725
  }
2397
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
2726
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover td {
2398
2727
  background: rgba(var(--v-border-color), var(--v-hover-opacity));
2399
2728
  }
2400
2729
  .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
@@ -2413,6 +2742,8 @@ html.v-overlay-scroll-blocked {
2413
2742
  border-radius: inherit;
2414
2743
  line-height: 1.5;
2415
2744
  max-width: 100%;
2745
+ display: flex;
2746
+ flex-direction: column;
2416
2747
  }
2417
2748
  .v-table > .v-table__wrapper > table {
2418
2749
  width: 100%;
@@ -2425,7 +2756,9 @@ html.v-overlay-scroll-blocked {
2425
2756
  .v-table > .v-table__wrapper > table > tfoot > tr > td,
2426
2757
  .v-table > .v-table__wrapper > table > tfoot > tr > th {
2427
2758
  padding: 0 16px;
2428
- transition: height cubic-bezier(0.4, 0, 0.2, 1);
2759
+ transition-duration: 0.28s;
2760
+ transition-property: box-shadow, opacity, background, height;
2761
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2429
2762
  }
2430
2763
  .v-table > .v-table__wrapper > table > tbody > tr > th,
2431
2764
  .v-table > .v-table__wrapper > table > thead > tr > th,
@@ -2470,6 +2803,7 @@ html.v-overlay-scroll-blocked {
2470
2803
  .v-table__wrapper {
2471
2804
  border-radius: inherit;
2472
2805
  overflow: auto;
2806
+ flex: 1 1 auto;
2473
2807
  }
2474
2808
 
2475
2809
  .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
@@ -2490,17 +2824,23 @@ html.v-overlay-scroll-blocked {
2490
2824
  overflow-y: auto;
2491
2825
  }
2492
2826
 
2493
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
2494
- border-bottom: 0px !important;
2827
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
2495
2828
  position: sticky;
2496
2829
  top: 0;
2830
+ z-index: 1;
2831
+ }
2832
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
2833
+ border-bottom: 0px !important;
2497
2834
  }
2498
2835
 
2836
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
2837
+ position: sticky;
2838
+ bottom: 0;
2839
+ z-index: 1;
2840
+ }
2499
2841
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
2500
2842
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
2501
2843
  border-top: 0px !important;
2502
- position: sticky;
2503
- bottom: 0;
2504
2844
  }
2505
2845
  /* region INPUT */
2506
2846
  .v-field {
@@ -2518,12 +2858,17 @@ html.v-overlay-scroll-blocked {
2518
2858
  --v-field-padding-start: 16px;
2519
2859
  --v-field-padding-end: 16px;
2520
2860
  --v-field-padding-top: 10px;
2521
- --v-field-padding-bottom: 6px;
2861
+ --v-field-padding-bottom: 5px;
2862
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
2863
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 5px);
2522
2864
  }
2523
2865
  .v-field--disabled {
2524
2866
  opacity: var(--v-disabled-opacity);
2525
2867
  pointer-events: none;
2526
2868
  }
2869
+ .v-field .v-chip {
2870
+ --v-chip-height: 24px;
2871
+ }
2527
2872
 
2528
2873
  /* endregion */
2529
2874
  /* region MODIFIERS */
@@ -2533,44 +2878,53 @@ html.v-overlay-scroll-blocked {
2533
2878
  .v-field--appended {
2534
2879
  padding-inline-end: 12px;
2535
2880
  }
2536
- .v-field--variant-solo {
2881
+ .v-field--variant-solo, .v-field--variant-solo-filled {
2882
+ background: rgb(var(--v-theme-surface));
2883
+ border-color: transparent;
2884
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
2885
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
2886
+ }
2887
+ .v-field--variant-solo-inverted {
2537
2888
  background: rgb(var(--v-theme-surface));
2538
2889
  border-color: transparent;
2539
2890
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
2540
2891
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
2541
2892
  }
2893
+ .v-field--variant-solo-inverted.v-field--focused {
2894
+ color: rgb(var(--v-theme-on-surface-variant));
2895
+ }
2542
2896
  .v-field--variant-filled {
2543
2897
  border-bottom-left-radius: 0;
2544
2898
  border-bottom-right-radius: 0;
2545
2899
  }
2546
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-filled {
2900
+ .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 {
2547
2901
  --v-input-control-height: 56px;
2548
- --v-field-padding-bottom: 6px;
2902
+ --v-field-padding-bottom: 5px;
2549
2903
  }
2550
2904
 
2551
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-filled {
2905
+ .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 {
2552
2906
  --v-input-control-height: 48px;
2553
- --v-field-padding-bottom: 2px;
2907
+ --v-field-padding-bottom: 1px;
2554
2908
  }
2555
2909
 
2556
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-filled {
2910
+ .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 {
2557
2911
  --v-input-control-height: 40px;
2558
- --v-field-padding-bottom: -2px;
2912
+ --v-field-padding-bottom: 0px;
2559
2913
  }
2560
2914
 
2561
2915
  .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
2562
2916
  --v-field-padding-top: 0px;
2563
2917
  }
2564
2918
  .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
2565
- --v-field-padding-bottom: 16px;
2919
+ --v-field-padding-bottom: 15px;
2566
2920
  }
2567
2921
 
2568
2922
  .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
2569
- --v-field-padding-bottom: 12px;
2923
+ --v-field-padding-bottom: 11px;
2570
2924
  }
2571
2925
 
2572
2926
  .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
2573
- --v-field-padding-bottom: 8px;
2927
+ --v-field-padding-bottom: 7px;
2574
2928
  }
2575
2929
 
2576
2930
  .v-field--variant-plain, .v-field--variant-underlined {
@@ -2580,21 +2934,29 @@ html.v-overlay-scroll-blocked {
2580
2934
  .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
2581
2935
  --v-field-padding-start: 0px;
2582
2936
  --v-field-padding-end: 0px;
2583
- --v-field-padding-top: 6px;
2584
- --v-field-padding-bottom: 2px;
2937
+ --v-field-padding-top: var(--v-field-padding-top--plain-underlined, 6px);
2585
2938
  }
2586
2939
  .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
2587
2940
  --v-input-control-height: 48px;
2941
+ --v-field-padding-bottom: 5px;
2588
2942
  }
2589
2943
 
2590
2944
  .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
2591
2945
  --v-input-control-height: 40px;
2946
+ --v-field-padding-bottom: 1px;
2592
2947
  }
2593
2948
 
2594
2949
  .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
2595
2950
  --v-input-control-height: 32px;
2951
+ --v-field-padding-bottom: 0px;
2596
2952
  }
2597
2953
 
2954
+ .v-field--flat {
2955
+ box-shadow: none;
2956
+ }
2957
+ .v-field--rounded {
2958
+ border-radius: 9999px;
2959
+ }
2598
2960
  .v-field.v-field--prepended {
2599
2961
  --v-field-padding-start: 6px;
2600
2962
  }
@@ -2610,11 +2972,13 @@ html.v-overlay-scroll-blocked {
2610
2972
  flex-wrap: wrap;
2611
2973
  letter-spacing: 0.009375em;
2612
2974
  opacity: var(--v-high-emphasis-opacity);
2613
- min-height: var(--v-input-control-height, 56px);
2975
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px);
2976
+ min-width: 0;
2614
2977
  padding-inline-start: var(--v-field-padding-start);
2615
2978
  padding-inline-end: var(--v-field-padding-end);
2616
- padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
2617
- padding-bottom: var(--v-field-padding-bottom, 6px);
2979
+ padding-top: var(--v-field-input-padding-top);
2980
+ padding-bottom: var(--v-field-input-padding-bottom);
2981
+ position: relative;
2618
2982
  width: 100%;
2619
2983
  }
2620
2984
  .v-field__input input {
@@ -2658,13 +3022,30 @@ textarea.v-field__input::placeholder {
2658
3022
  padding-inline-start: var(--v-field-padding-after);
2659
3023
  }
2660
3024
 
2661
- .v-field__prepend-inner,
2662
3025
  .v-field__append-inner,
2663
- .v-field__clearable {
2664
- align-items: flex-start;
3026
+ .v-field__clearable,
3027
+ .v-field__prepend-inner {
2665
3028
  display: flex;
3029
+ align-items: flex-start;
2666
3030
  padding-top: var(--v-input-padding-top, 10px);
2667
3031
  }
3032
+ .v-field--center-affix .v-field__append-inner,
3033
+ .v-field--center-affix .v-field__clearable,
3034
+ .v-field--center-affix .v-field__prepend-inner {
3035
+ align-items: center;
3036
+ padding-top: 0;
3037
+ }
3038
+
3039
+ .v-field.v-field--variant-underlined .v-field__append-inner,
3040
+ .v-field.v-field--variant-underlined .v-field__clearable,
3041
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
3042
+ .v-field.v-field--variant-plain .v-field__append-inner,
3043
+ .v-field.v-field--variant-plain .v-field__clearable,
3044
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
3045
+ align-items: flex-start;
3046
+ padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
3047
+ padding-bottom: var(--v-field-padding-bottom, 5px);
3048
+ }
2668
3049
 
2669
3050
  .v-field--focused .v-field__prepend-inner,
2670
3051
  .v-field--focused .v-field__append-inner {
@@ -2692,6 +3073,7 @@ textarea.v-field__input::placeholder {
2692
3073
  .v-field__clearable {
2693
3074
  cursor: pointer;
2694
3075
  opacity: 0;
3076
+ overflow: hidden;
2695
3077
  margin-inline-start: 4px;
2696
3078
  margin-inline-end: 4px;
2697
3079
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
@@ -2715,10 +3097,18 @@ textarea.v-field__input::placeholder {
2715
3097
  max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
2716
3098
  pointer-events: none;
2717
3099
  position: absolute;
2718
- top: var(--v-input-padding-top, 10px);
3100
+ top: var(--v-input-padding-top);
2719
3101
  transform-origin: left center;
2720
3102
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
2721
3103
  transition-property: opacity, transform;
3104
+ z-index: 1;
3105
+ }
3106
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
3107
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
3108
+ }
3109
+ .v-field--center-affix .v-label.v-field-label {
3110
+ top: 50%;
3111
+ transform: translateY(-50%);
2722
3112
  }
2723
3113
  .v-field--active .v-label.v-field-label {
2724
3114
  visibility: hidden;
@@ -2735,24 +3125,28 @@ textarea.v-field__input::placeholder {
2735
3125
  visibility: hidden;
2736
3126
  max-width: 100%;
2737
3127
  }
3128
+ .v-field--center-affix .v-label.v-field-label--floating {
3129
+ transform: none;
3130
+ }
2738
3131
  .v-field.v-field--active .v-label.v-field-label--floating {
2739
- visibility: visible;
3132
+ visibility: unset;
2740
3133
  }
2741
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating {
3134
+ .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 {
2742
3135
  top: 7px;
2743
3136
  }
2744
3137
 
2745
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating {
3138
+ .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 {
2746
3139
  top: 5px;
2747
3140
  }
2748
3141
 
2749
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating {
3142
+ .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 {
2750
3143
  top: 3px;
2751
3144
  }
2752
3145
 
2753
3146
  .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
2754
3147
  transform: translateY(-16px);
2755
3148
  margin: 0;
3149
+ top: var(--v-input-padding-top);
2756
3150
  }
2757
3151
  .v-field--variant-outlined .v-label.v-field-label--floating {
2758
3152
  transform: translateY(-50%);
@@ -2791,6 +3185,7 @@ textarea.v-field__input::placeholder {
2791
3185
  --v-field-border-width: 2px;
2792
3186
  }
2793
3187
  .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
3188
+ border-color: currentColor;
2794
3189
  border-style: solid;
2795
3190
  border-width: 0 0 var(--v-field-border-width);
2796
3191
  opacity: var(--v-field-border-opacity);
@@ -2833,16 +3228,29 @@ textarea.v-field__input::placeholder {
2833
3228
  border-bottom-width: var(--v-field-border-width);
2834
3229
  border-inline-start-width: var(--v-field-border-width);
2835
3230
  }
2836
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
2837
- border-radius: 4px 0 0 4px;
3231
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
3232
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
3233
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
3234
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
3235
+ }
3236
+
3237
+ .v-locale--is-ltr.v-field--variant-outlined .v-field__outline__start, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
3238
+ border-top-left-radius: inherit;
3239
+ border-top-right-radius: 0;
3240
+ border-bottom-right-radius: 0;
3241
+ border-bottom-left-radius: inherit;
2838
3242
  }
2839
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
2840
- border-radius: 0 4px 4px 0;
3243
+
3244
+ .v-locale--is-rtl.v-field--variant-outlined .v-field__outline__start, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
3245
+ border-top-left-radius: 0;
3246
+ border-top-right-radius: inherit;
3247
+ border-bottom-right-radius: inherit;
3248
+ border-bottom-left-radius: 0;
2841
3249
  }
3250
+
2842
3251
  .v-field--variant-outlined .v-field__outline__notch {
2843
3252
  flex: none;
2844
3253
  position: relative;
2845
- border-width: 0 0 var(--v-field-border-width);
2846
3254
  }
2847
3255
  .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
2848
3256
  opacity: var(--v-field-border-opacity);
@@ -2871,180 +3279,121 @@ textarea.v-field__input::placeholder {
2871
3279
  border-bottom-width: var(--v-field-border-width);
2872
3280
  border-inline-end-width: var(--v-field-border-width);
2873
3281
  }
2874
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
2875
- border-radius: 0 4px 4px 0;
3282
+ .v-locale--is-ltr.v-field--variant-outlined .v-field__outline__end, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
3283
+ border-top-left-radius: 0;
3284
+ border-top-right-radius: inherit;
3285
+ border-bottom-right-radius: inherit;
3286
+ border-bottom-left-radius: 0;
2876
3287
  }
2877
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
2878
- border-radius: 4px 0 0 4px;
3288
+
3289
+ .v-locale--is-rtl.v-field--variant-outlined .v-field__outline__end, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
3290
+ border-top-left-radius: inherit;
3291
+ border-top-right-radius: 0;
3292
+ border-bottom-right-radius: 0;
3293
+ border-bottom-left-radius: inherit;
2879
3294
  }
2880
3295
 
2881
3296
  /* endregion */
2882
3297
  /* region LOADER */
2883
3298
  .v-field__loader {
2884
- bottom: 0;
2885
- left: 0;
2886
- position: absolute;
2887
- right: 0;
2888
- width: 100%;
2889
- }
2890
-
2891
- /* endregion */
2892
- /* region OVERLAY */
2893
- .v-field--variant-filled .v-field__overlay {
2894
- background-color: currentColor;
2895
- border-radius: inherit;
2896
- opacity: 0.04;
2897
- pointer-events: none;
2898
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
2899
- position: absolute;
2900
- top: 0;
2901
- left: 0;
2902
- width: 100%;
2903
- height: 100%;
2904
- }
2905
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
2906
- opacity: 0;
2907
- }
2908
- @media (hover: hover) {
2909
- .v-field--variant-filled:hover .v-field__overlay {
2910
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
2911
- }
2912
- }
2913
- .v-field--variant-filled.v-field--focused .v-field__overlay {
2914
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
2915
- }
2916
-
2917
- /* endregion */
2918
- /* region MODIFIERS */
2919
- .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
2920
- text-align: right;
2921
- }
2922
- .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
2923
- text-align: left;
2924
- }
2925
-
2926
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
2927
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
2928
- 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;
2929
- }
2930
-
2931
- .v-field--loading .v-field__outline::after,
2932
- .v-field--loading .v-field__outline::before {
2933
- opacity: 0;
2934
- }
2935
-
2936
- /* endregion */
2937
- .v-selection-control {
2938
- align-items: center;
2939
- contain: layout;
2940
- display: flex;
2941
- flex: 1 0;
2942
- grid-area: control;
2943
- position: relative;
2944
- user-select: none;
2945
- }
2946
- .v-selection-control .v-label {
2947
- white-space: normal;
2948
- word-break: break-word;
2949
- height: 100%;
2950
- width: 100%;
2951
- }
2952
- .v-selection-control--disabled {
2953
- opacity: var(--v-disabled-opacity);
2954
- pointer-events: none;
2955
- }
2956
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
2957
- opacity: 1;
2958
- }
2959
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
2960
- color: rgb(var(--v-theme-error));
2961
- }
2962
- .v-selection-control--inline {
2963
- display: inline-flex;
2964
- flex: 0 0 auto;
2965
- min-width: 0;
2966
- max-width: 100%;
2967
- }
2968
- .v-selection-control--inline .v-label {
2969
- width: auto;
2970
- }
2971
- .v-selection-control--density-default {
2972
- --v-selection-control-size: 40px;
2973
- }
2974
-
2975
- .v-selection-control--density-comfortable {
2976
- --v-selection-control-size: 36px;
2977
- }
2978
-
2979
- .v-selection-control--density-compact {
2980
- --v-selection-control-size: 28px;
2981
- }
2982
-
2983
- .v-selection-control__wrapper {
2984
- width: var(--v-selection-control-size);
2985
- height: var(--v-selection-control-size);
2986
- display: inline-flex;
2987
- align-items: center;
2988
- position: relative;
2989
- justify-content: center;
2990
- flex: none;
2991
- }
2992
-
2993
- .v-selection-control__input {
2994
- width: var(--v-selection-control-size);
2995
- height: var(--v-selection-control-size);
2996
- align-items: center;
2997
- display: flex;
2998
- flex: none;
2999
- justify-content: center;
3000
- position: relative;
3001
- border-radius: 50%;
3002
- }
3003
- .v-selection-control__input input {
3004
- cursor: pointer;
3005
- position: absolute;
3299
+ top: calc(100% - 2px);
3006
3300
  left: 0;
3007
- top: 0;
3301
+ position: absolute;
3302
+ right: 0;
3008
3303
  width: 100%;
3009
- height: 100%;
3010
- opacity: 0;
3304
+ border-top-left-radius: 0;
3305
+ border-top-right-radius: 0;
3306
+ border-bottom-left-radius: inherit;
3307
+ border-bottom-right-radius: inherit;
3308
+ overflow: hidden;
3011
3309
  }
3012
- .v-selection-control__input::before {
3013
- content: "";
3310
+ .v-field--variant-outlined .v-field__loader {
3311
+ top: calc(100% - 3px);
3312
+ }
3313
+
3314
+ /* endregion */
3315
+ /* region OVERLAY */
3316
+ .v-field__overlay {
3317
+ border-radius: inherit;
3318
+ pointer-events: none;
3014
3319
  position: absolute;
3015
3320
  top: 0;
3016
3321
  left: 0;
3017
3322
  width: 100%;
3018
3323
  height: 100%;
3019
- border-radius: 100%;
3324
+ }
3325
+
3326
+ .v-field--variant-filled .v-field__overlay {
3020
3327
  background-color: currentColor;
3328
+ opacity: 0.04;
3329
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
3330
+ }
3331
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
3021
3332
  opacity: 0;
3022
- pointer-events: none;
3023
3333
  }
3024
- .v-selection-control__input:hover::before {
3025
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
3334
+ @media (hover: hover) {
3335
+ .v-field--variant-filled:hover .v-field__overlay {
3336
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
3337
+ }
3026
3338
  }
3027
- .v-selection-control__input > .v-icon {
3028
- opacity: var(--v-medium-emphasis-opacity);
3339
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
3340
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
3029
3341
  }
3030
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
3342
+
3343
+ .v-field--variant-solo-filled .v-field__overlay {
3344
+ background-color: currentColor;
3345
+ opacity: 0.04;
3346
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
3347
+ }
3348
+ @media (hover: hover) {
3349
+ .v-field--variant-solo-filled:hover .v-field__overlay {
3350
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
3351
+ }
3352
+ }
3353
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
3354
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
3355
+ }
3356
+
3357
+ .v-field--variant-solo-inverted .v-field__overlay {
3358
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
3359
+ }
3360
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
3361
+ opacity: 0;
3362
+ }
3363
+ @media (hover: hover) {
3364
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
3365
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
3366
+ }
3367
+ }
3368
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
3369
+ background-color: rgb(var(--v-theme-surface-variant));
3031
3370
  opacity: 1;
3032
3371
  }
3033
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
3034
- color: rgb(var(--v-theme-error));
3372
+
3373
+ /* endregion */
3374
+ /* region MODIFIERS */
3375
+ .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
3376
+ flex-direction: row-reverse;
3035
3377
  }
3036
- .v-selection-control--focus-visible .v-selection-control__input::before {
3037
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
3378
+ .v-locale--is-ltr.v-field--reverse .v-field__input, .v-locale--is-ltr.v-field--reverse input, .v-locale--is-ltr .v-field--reverse .v-field__input, .v-locale--is-ltr .v-field--reverse input {
3379
+ text-align: right;
3038
3380
  }
3039
- .v-selection-control-group {
3040
- grid-area: control;
3041
- display: flex;
3042
- flex-direction: column;
3381
+
3382
+ .v-locale--is-rtl.v-field--reverse .v-field__input, .v-locale--is-rtl.v-field--reverse input, .v-locale--is-rtl .v-field--reverse .v-field__input, .v-locale--is-rtl .v-field--reverse input {
3383
+ text-align: left;
3043
3384
  }
3044
- .v-selection-control-group--inline {
3045
- flex-direction: row;
3046
- flex-wrap: wrap;
3385
+
3386
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
3387
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
3388
+ 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;
3389
+ }
3390
+
3391
+ .v-field--loading .v-field__outline::after,
3392
+ .v-field--loading .v-field__outline::before {
3393
+ opacity: 0;
3047
3394
  }
3395
+
3396
+ /* endregion */
3048
3397
  @keyframes v-shake {
3049
3398
  59% {
3050
3399
  margin-left: 0;
@@ -6496,6 +6845,38 @@ html.overflow-y-hidden {
6496
6845
  flex: 1 1 auto !important;
6497
6846
  }
6498
6847
 
6848
+ .flex-1-1 {
6849
+ flex: 1 1 auto !important;
6850
+ }
6851
+
6852
+ .flex-1-0 {
6853
+ flex: 1 0 auto !important;
6854
+ }
6855
+
6856
+ .flex-0-1 {
6857
+ flex: 0 1 auto !important;
6858
+ }
6859
+
6860
+ .flex-0-0 {
6861
+ flex: 0 0 auto !important;
6862
+ }
6863
+
6864
+ .flex-1-1-100 {
6865
+ flex: 1 1 100% !important;
6866
+ }
6867
+
6868
+ .flex-1-0-100 {
6869
+ flex: 1 0 100% !important;
6870
+ }
6871
+
6872
+ .flex-0-1-100 {
6873
+ flex: 0 1 100% !important;
6874
+ }
6875
+
6876
+ .flex-0-0-100 {
6877
+ flex: 0 0 100% !important;
6878
+ }
6879
+
6499
6880
  .flex-row {
6500
6881
  flex-direction: row !important;
6501
6882
  }
@@ -9774,6 +10155,30 @@ html.overflow-y-hidden {
9774
10155
  .flex-sm-fill {
9775
10156
  flex: 1 1 auto !important;
9776
10157
  }
10158
+ .flex-sm-1-1 {
10159
+ flex: 1 1 auto !important;
10160
+ }
10161
+ .flex-sm-1-0 {
10162
+ flex: 1 0 auto !important;
10163
+ }
10164
+ .flex-sm-0-1 {
10165
+ flex: 0 1 auto !important;
10166
+ }
10167
+ .flex-sm-0-0 {
10168
+ flex: 0 0 auto !important;
10169
+ }
10170
+ .flex-sm-1-1-100 {
10171
+ flex: 1 1 100% !important;
10172
+ }
10173
+ .flex-sm-1-0-100 {
10174
+ flex: 1 0 100% !important;
10175
+ }
10176
+ .flex-sm-0-1-100 {
10177
+ flex: 0 1 100% !important;
10178
+ }
10179
+ .flex-sm-0-0-100 {
10180
+ flex: 0 0 100% !important;
10181
+ }
9777
10182
  .flex-sm-row {
9778
10183
  flex-direction: row !important;
9779
10184
  }
@@ -11578,6 +11983,30 @@ html.overflow-y-hidden {
11578
11983
  .flex-md-fill {
11579
11984
  flex: 1 1 auto !important;
11580
11985
  }
11986
+ .flex-md-1-1 {
11987
+ flex: 1 1 auto !important;
11988
+ }
11989
+ .flex-md-1-0 {
11990
+ flex: 1 0 auto !important;
11991
+ }
11992
+ .flex-md-0-1 {
11993
+ flex: 0 1 auto !important;
11994
+ }
11995
+ .flex-md-0-0 {
11996
+ flex: 0 0 auto !important;
11997
+ }
11998
+ .flex-md-1-1-100 {
11999
+ flex: 1 1 100% !important;
12000
+ }
12001
+ .flex-md-1-0-100 {
12002
+ flex: 1 0 100% !important;
12003
+ }
12004
+ .flex-md-0-1-100 {
12005
+ flex: 0 1 100% !important;
12006
+ }
12007
+ .flex-md-0-0-100 {
12008
+ flex: 0 0 100% !important;
12009
+ }
11581
12010
  .flex-md-row {
11582
12011
  flex-direction: row !important;
11583
12012
  }
@@ -13382,6 +13811,30 @@ html.overflow-y-hidden {
13382
13811
  .flex-lg-fill {
13383
13812
  flex: 1 1 auto !important;
13384
13813
  }
13814
+ .flex-lg-1-1 {
13815
+ flex: 1 1 auto !important;
13816
+ }
13817
+ .flex-lg-1-0 {
13818
+ flex: 1 0 auto !important;
13819
+ }
13820
+ .flex-lg-0-1 {
13821
+ flex: 0 1 auto !important;
13822
+ }
13823
+ .flex-lg-0-0 {
13824
+ flex: 0 0 auto !important;
13825
+ }
13826
+ .flex-lg-1-1-100 {
13827
+ flex: 1 1 100% !important;
13828
+ }
13829
+ .flex-lg-1-0-100 {
13830
+ flex: 1 0 100% !important;
13831
+ }
13832
+ .flex-lg-0-1-100 {
13833
+ flex: 0 1 100% !important;
13834
+ }
13835
+ .flex-lg-0-0-100 {
13836
+ flex: 0 0 100% !important;
13837
+ }
13385
13838
  .flex-lg-row {
13386
13839
  flex-direction: row !important;
13387
13840
  }
@@ -15186,6 +15639,30 @@ html.overflow-y-hidden {
15186
15639
  .flex-xl-fill {
15187
15640
  flex: 1 1 auto !important;
15188
15641
  }
15642
+ .flex-xl-1-1 {
15643
+ flex: 1 1 auto !important;
15644
+ }
15645
+ .flex-xl-1-0 {
15646
+ flex: 1 0 auto !important;
15647
+ }
15648
+ .flex-xl-0-1 {
15649
+ flex: 0 1 auto !important;
15650
+ }
15651
+ .flex-xl-0-0 {
15652
+ flex: 0 0 auto !important;
15653
+ }
15654
+ .flex-xl-1-1-100 {
15655
+ flex: 1 1 100% !important;
15656
+ }
15657
+ .flex-xl-1-0-100 {
15658
+ flex: 1 0 100% !important;
15659
+ }
15660
+ .flex-xl-0-1-100 {
15661
+ flex: 0 1 100% !important;
15662
+ }
15663
+ .flex-xl-0-0-100 {
15664
+ flex: 0 0 100% !important;
15665
+ }
15189
15666
  .flex-xl-row {
15190
15667
  flex-direction: row !important;
15191
15668
  }
@@ -16990,6 +17467,30 @@ html.overflow-y-hidden {
16990
17467
  .flex-xxl-fill {
16991
17468
  flex: 1 1 auto !important;
16992
17469
  }
17470
+ .flex-xxl-1-1 {
17471
+ flex: 1 1 auto !important;
17472
+ }
17473
+ .flex-xxl-1-0 {
17474
+ flex: 1 0 auto !important;
17475
+ }
17476
+ .flex-xxl-0-1 {
17477
+ flex: 0 1 auto !important;
17478
+ }
17479
+ .flex-xxl-0-0 {
17480
+ flex: 0 0 auto !important;
17481
+ }
17482
+ .flex-xxl-1-1-100 {
17483
+ flex: 1 1 100% !important;
17484
+ }
17485
+ .flex-xxl-1-0-100 {
17486
+ flex: 1 0 100% !important;
17487
+ }
17488
+ .flex-xxl-0-1-100 {
17489
+ flex: 0 1 100% !important;
17490
+ }
17491
+ .flex-xxl-0-0-100 {
17492
+ flex: 0 0 100% !important;
17493
+ }
16993
17494
  .flex-xxl-row {
16994
17495
  flex-direction: row !important;
16995
17496
  }
@@ -18792,3 +19293,113 @@ html.overflow-y-hidden {
18792
19293
  float: left !important;
18793
19294
  }
18794
19295
  }
19296
+ .v-selection-control {
19297
+ align-items: center;
19298
+ contain: layout;
19299
+ display: flex;
19300
+ flex: 1 0;
19301
+ grid-area: control;
19302
+ position: relative;
19303
+ user-select: none;
19304
+ }
19305
+ .v-selection-control .v-label {
19306
+ white-space: normal;
19307
+ word-break: break-word;
19308
+ height: 100%;
19309
+ }
19310
+ .v-selection-control--disabled {
19311
+ opacity: var(--v-disabled-opacity);
19312
+ pointer-events: none;
19313
+ }
19314
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
19315
+ opacity: 1;
19316
+ }
19317
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
19318
+ color: rgb(var(--v-theme-error));
19319
+ }
19320
+ .v-selection-control--inline {
19321
+ display: inline-flex;
19322
+ flex: 0 0 auto;
19323
+ min-width: 0;
19324
+ max-width: 100%;
19325
+ }
19326
+ .v-selection-control--inline .v-label {
19327
+ width: auto;
19328
+ }
19329
+ .v-selection-control--density-default {
19330
+ --v-selection-control-size: 40px;
19331
+ }
19332
+
19333
+ .v-selection-control--density-comfortable {
19334
+ --v-selection-control-size: 36px;
19335
+ }
19336
+
19337
+ .v-selection-control--density-compact {
19338
+ --v-selection-control-size: 28px;
19339
+ }
19340
+
19341
+ .v-selection-control__wrapper {
19342
+ width: var(--v-selection-control-size);
19343
+ height: var(--v-selection-control-size);
19344
+ display: inline-flex;
19345
+ align-items: center;
19346
+ position: relative;
19347
+ justify-content: center;
19348
+ flex: none;
19349
+ }
19350
+
19351
+ .v-selection-control__input {
19352
+ width: var(--v-selection-control-size);
19353
+ height: var(--v-selection-control-size);
19354
+ align-items: center;
19355
+ display: flex;
19356
+ flex: none;
19357
+ justify-content: center;
19358
+ position: relative;
19359
+ border-radius: 50%;
19360
+ }
19361
+ .v-selection-control__input input {
19362
+ cursor: pointer;
19363
+ position: absolute;
19364
+ left: 0;
19365
+ top: 0;
19366
+ width: 100%;
19367
+ height: 100%;
19368
+ opacity: 0;
19369
+ }
19370
+ .v-selection-control__input::before {
19371
+ content: "";
19372
+ position: absolute;
19373
+ top: 0;
19374
+ left: 0;
19375
+ width: 100%;
19376
+ height: 100%;
19377
+ border-radius: 100%;
19378
+ background-color: currentColor;
19379
+ opacity: 0;
19380
+ pointer-events: none;
19381
+ }
19382
+ .v-selection-control__input:hover::before {
19383
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19384
+ }
19385
+ .v-selection-control__input > .v-icon {
19386
+ opacity: var(--v-medium-emphasis-opacity);
19387
+ }
19388
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
19389
+ opacity: 1;
19390
+ }
19391
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
19392
+ color: rgb(var(--v-theme-error));
19393
+ }
19394
+ .v-selection-control--focus-visible .v-selection-control__input::before {
19395
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19396
+ }
19397
+ .v-selection-control-group {
19398
+ grid-area: control;
19399
+ display: flex;
19400
+ flex-direction: column;
19401
+ }
19402
+ .v-selection-control-group--inline {
19403
+ flex-direction: row;
19404
+ flex-wrap: wrap;
19405
+ }