@omnia/runtime 8.0.18-vnext → 8.0.19-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.libs.prismjs_200989af-08cf-4adc-a0bf-13e3109ca137.css +219 -0
  2. package/dist/bundles/omfx.markdown.editor_744b3f31-e00c-4815-b63e-caf638ad7a7a.css +2072 -0
  3. package/dist/bundles/omfx.monacoeditor_dd2a06c1-85a6-4fd9-a542-1cc9d34ed98e.css +2833 -1989
  4. package/dist/bundles/omnia.fx.ux.autocomplete_5d79340e-c1ce-4006-b88b-ad101d2e031e.css +30 -29
  5. package/dist/bundles/omnia.fx.ux.richtexteditor.component_7474e750-42e3-47b4-821b-bafdb1cb4ee0.css +29 -0
  6. package/dist/bundles/omnia.fx.ux.vuetify.bottomnav_2da93f43-df97-43bb-942c-01fa7bbf2898.css +1 -0
  7. package/dist/bundles/omnia.fx.ux.vuetify.breadcrumbs_e485693c-04ad-4085-a38a-1dd720269ed4.css +4 -0
  8. package/dist/bundles/omnia.fx.ux.vuetify.chip_6c32c2f0-cce6-4c71-b376-9fb68d0d508e.css +9 -0
  9. package/dist/bundles/omnia.fx.ux.vuetify.combobox_0edad567-65c0-433f-a871-a59e460d70f0.css +22 -26
  10. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +86 -26
  11. package/dist/bundles/omnia.fx.ux.vuetify.datatable_188aee53-149a-4bc0-9039-59ffd918df2c.css +17 -141
  12. package/dist/bundles/omnia.fx.ux.vuetify.datepicker_0ab2c44b-d945-40f8-8042-0800a52d7c86.css +319 -0
  13. package/dist/bundles/omnia.fx.ux.vuetify.dialog_0bf6198c-32c6-4cec-90bd-7988a979c9b0.css +25 -16
  14. package/dist/bundles/omnia.fx.ux.vuetify.rating_98f2c51f-7725-4a0e-91f5-f2631149737c.css +0 -4
  15. package/dist/bundles/omnia.fx.ux.vuetify.select_6d5f3edc-0fc0-4765-804b-b6583381f25d.css +15 -25
  16. package/dist/bundles/omnia.fx.ux.vuetify.selection_df97a94b-b41b-45e0-883c-6e577a1634a1.css +6 -1
  17. package/dist/bundles/omnia.fx.ux.vuetify.shared_8769dc42-712d-4ce2-8d32-4b8604b92ae6.css +2525 -1787
  18. package/dist/bundles/omnia.fx.ux.vuetify.slider_969bbd01-9190-41fe-8af8-60cf35045f84.css +37 -20
  19. package/dist/bundles/omnia.fx.ux.vuetify.stepper_3104db5f-e983-4e06-925e-9b5375276512.css +110 -0
  20. package/dist/bundles/omnia.fx.ux.vuetify.switch_81d8f551-1b9f-4f75-90c3-2fe5f25e4015.css +32 -16
  21. package/dist/bundles/omnia.fx.ux.vuetify.textarea_19c78eb2-a849-4859-a12a-e6f84649d816.css +4 -7
  22. package/dist/bundles/omnia.fx.ux.vuetify.textinput_181ff5d3-896f-4471-b516-3a347fe9e35d.css +23 -1
  23. package/dist/bundles/omnia.fx.ux.vuetify.timeline_b474da31-7ff2-4f5b-a309-19cb2d300b64.css +31 -25
  24. package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css +0 -1
  25. package/dist/bundles/omnia.vendor.prod_aaf89b2d-5ea8-4b79-946a-8c1e89f713a3.css +37771 -0
  26. package/dist/bundles/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.css +27388 -15890
  27. package/dist/bundles/omnia.vuetify.colorpicker_4f861c0d-75fb-49ce-913e-17cbafad5ed2.css +186 -0
  28. package/dist/fonts/fa-brands-400_0601cf57e567a5aa17eb20224da792b4.ttf +0 -0
  29. package/dist/fonts/fa-brands-400_e24fcc1b7ece401606b1ce88f377554a.woff2 +0 -0
  30. package/dist/fonts/fa-duotone-900_ca0b8a6f1b508d2ecca815c8bda5c209.woff2 +0 -0
  31. package/dist/fonts/fa-duotone-900_da904eb8d1a121a111b78f542bd1f652.ttf +0 -0
  32. package/dist/fonts/fa-light-300_2006c9ff100617e95eb87e3c3fb223f6.ttf +0 -0
  33. package/dist/fonts/fa-light-300_441b578192c1b1e771cfce263d87bcb1.woff2 +0 -0
  34. package/dist/fonts/fa-regular-400_ba0c0a7588d6b4fc8fb79da558071726.ttf +0 -0
  35. package/dist/fonts/fa-regular-400_e4bb547bebf70ca2cb4948560f59302a.woff2 +0 -0
  36. package/dist/fonts/fa-solid-900_2f8c37423114769918ded8b5ec9ef160.woff2 +0 -0
  37. package/dist/fonts/fa-solid-900_6fa0a8232f0352e4c0f8207a83d5378b.ttf +0 -0
  38. package/dist/fonts/fa-thin-100_4bda47dd5caf66e70f60620e66ec926c.woff2 +0 -0
  39. package/dist/fonts/fa-thin-100_881316d6d7081aee5419e49909fef37f.ttf +0 -0
  40. package/dist/fonts/fa-v4compatibility_166bb44555a94706e528636bcfb85bea.ttf +0 -0
  41. package/dist/fonts/fa-v4compatibility_2575bf69211b13c08444913854491fc6.woff2 +0 -0
  42. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.editor.en-us.json +1 -0
  43. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.public.en-us.json +1 -0
  44. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_admin_manifests.json +1 -0
  45. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_docs_manifests.json +1 -0
  46. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_editor_manifests.json +1 -0
  47. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -0
  48. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_servicemanifest.json +1 -1
  49. package/package.json +5 -5
  50. package/task.ts +0 -4
  51. package/dist/fonts/fa-brands-400_2563b3e3a6a903e85f8a5fa88dbf538b.eot +0 -0
  52. package/dist/fonts/fa-brands-400_3533db5f6d4bb62ec2d507557e99320f.woff2 +0 -0
  53. package/dist/fonts/fa-brands-400_59167fb59d703ba519a06201490351bb.woff +0 -0
  54. package/dist/fonts/fa-brands-400_74cebd55f90c6cbc840d5c533fae4255.svg +0 -1
  55. package/dist/fonts/fa-brands-400_f891686c02d561760ea0c668c0197bf9.ttf +0 -0
  56. package/dist/fonts/fa-duotone-900_3079c0e01076f6301fa74d1f35c71fa4.svg +0 -1
  57. package/dist/fonts/fa-duotone-900_4bd9f123e62d823eba06a3a89b138958.eot +0 -0
  58. package/dist/fonts/fa-duotone-900_56c28157e969556945ee6f50d232527d.woff +0 -0
  59. package/dist/fonts/fa-duotone-900_a4a71b0d384ff8966c7aaf50c56f22c3.woff2 +0 -0
  60. package/dist/fonts/fa-duotone-900_cb751065ae9ac2915ca3667253ad20e0.ttf +0 -0
  61. package/dist/fonts/fa-light-300_102dcd2113828918d901554f9cad7f46.ttf +0 -0
  62. package/dist/fonts/fa-light-300_44931d2b26ba16405d9daac56131b844.woff +0 -0
  63. package/dist/fonts/fa-light-300_6265ad13b6a2275b7efcbae945d9d99c.woff2 +0 -0
  64. package/dist/fonts/fa-light-300_ab0ae8fbd9e02df6bb867eb623d0418a.svg +0 -1
  65. package/dist/fonts/fa-light-300_af237b233f468bc688b9a1a8359d204d.eot +0 -0
  66. package/dist/fonts/fa-regular-400_2261bb07dd3e9987ff015e83da5204dd.svg +0 -1
  67. package/dist/fonts/fa-regular-400_31e6727562147589b4d79522204fc9e5.woff2 +0 -0
  68. package/dist/fonts/fa-regular-400_6de71e8b1f2e7cc46eaf43fb9464a27f.eot +0 -0
  69. package/dist/fonts/fa-regular-400_a15a569f9274c3c067e021664a6cb504.woff +0 -0
  70. package/dist/fonts/fa-regular-400_abc4686311fc6242c96f827c7eb0282a.ttf +0 -0
  71. package/dist/fonts/fa-solid-900_302ff55483aa3a0051e38d36d84521bd.ttf +0 -0
  72. package/dist/fonts/fa-solid-900_33484065de46cbd7642f1ccfa7fb0b1c.woff +0 -0
  73. package/dist/fonts/fa-solid-900_648f6c54acb5522e1db288f64ae243e0.woff2 +0 -0
  74. package/dist/fonts/fa-solid-900_7e66c7847849e3d32d856af7bbb5ae92.svg +0 -1
  75. package/dist/fonts/fa-solid-900_abe688eccd9d8a59af1e9739bae69bbe.eot +0 -0
  76. package/dist/images/fa-brands-400.svg +0 -3496
  77. package/dist/images/fa-duotone-900.svg +0 -13908
  78. package/dist/images/fa-light-300.svg +0 -11174
  79. package/dist/images/fa-regular-400.svg +0 -10229
  80. package/dist/images/fa-solid-900.svg +0 -8736
  81. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.en-us.json +0 -1
  82. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_manifests.json +0 -1
@@ -120,1923 +120,2213 @@
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
- position: relative;
136
+ overflow-y: auto;
137
137
  }
138
- .v-main {
139
- flex: 1 0 auto;
140
- max-width: 100%;
141
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
142
- padding-left: var(--v-layout-left);
143
- padding-right: var(--v-layout-right);
144
- padding-top: var(--v-layout-top);
145
- padding-bottom: var(--v-layout-bottom);
138
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
139
+ height: 1px;
140
+ width: 100%;
146
141
  }
147
- .v-main__scroller {
148
- 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;
149
153
  position: relative;
154
+ vertical-align: middle;
150
155
  }
151
- .v-main--scrollable {
152
- display: flex;
156
+ .v-progress-circular > svg {
157
+ width: 100%;
158
+ height: 100%;
159
+ margin: auto;
153
160
  position: absolute;
154
161
  top: 0;
162
+ bottom: 0;
155
163
  left: 0;
156
- width: 100%;
157
- height: 100%;
164
+ right: 0;
165
+ z-index: 0;
158
166
  }
159
- .v-main--scrollable > .v-main__scroller {
160
- flex: 1 1 auto;
161
- overflow-y: auto;
162
- --v-layout-left: 0px;
163
- --v-layout-right: 0px;
164
- --v-layout-top: 0px;
165
- --v-layout-bottom: 0px;
167
+
168
+ .v-progress-circular__content {
169
+ align-items: center;
170
+ display: flex;
171
+ justify-content: center;
166
172
  }
167
- .v-divider {
168
- display: block;
169
- flex: 1 1 100%;
170
- height: 0px;
171
- max-height: 0px;
172
- opacity: var(--v-border-opacity);
173
- transition: inherit;
174
- border-style: solid;
175
- 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;
176
178
  }
177
- .v-divider--vertical {
178
- align-self: stretch;
179
- border-width: 0 thin 0 0;
180
- display: inline-flex;
181
- height: inherit;
182
- margin-left: -1px;
183
- max-height: 100%;
184
- max-width: 0px;
185
- vertical-align: text-bottom;
186
- 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;
187
184
  }
188
- .v-divider--inset:not(.v-divider--vertical) {
189
- max-width: calc(100% - 72px);
190
- margin-inline-start: 72px;
185
+
186
+ .v-progress-circular--size-x-small {
187
+ height: 16px;
188
+ width: 16px;
191
189
  }
192
- .v-divider--inset.v-divider--vertical {
193
- margin-bottom: 8px;
194
- margin-top: 8px;
195
- max-height: calc(100% - 16px);
190
+ .v-progress-circular--size-small {
191
+ height: 24px;
192
+ width: 24px;
196
193
  }
197
- .v-layout {
198
- --v-scrollbar-offset: 0px;
199
- display: flex;
200
- flex: 1 1 auto;
194
+ .v-progress-circular--size-default {
195
+ height: 32px;
196
+ width: 32px;
201
197
  }
202
- .v-layout--full-height {
203
- --v-scrollbar-offset: inherit;
204
- height: 100%;
198
+ .v-progress-circular--size-large {
199
+ height: 48px;
200
+ width: 48px;
205
201
  }
206
- .v-layout-item {
207
- position: absolute;
208
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
202
+ .v-progress-circular--size-x-large {
203
+ height: 64px;
204
+ width: 64px;
209
205
  }
210
206
 
211
- .v-layout-item--absolute {
212
- 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;
213
211
  }
214
- .v-theme-provider {
215
- background: rgb(var(--v-theme-background));
216
- 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);
217
219
  }
218
- .v-container {
219
- width: 100%;
220
- padding: 16px;
221
- margin-right: auto;
222
- margin-left: auto;
220
+
221
+ .v-progress-circular--disable-shrink > svg {
222
+ animation-duration: 0.7s;
223
223
  }
224
- @media (min-width: 960px) {
225
- .v-container {
226
- max-width: 900px;
227
- }
224
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
225
+ animation: none;
228
226
  }
229
- @media (min-width: 1280px) {
230
- .v-container {
231
- max-width: 1200px;
232
- }
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;
233
231
  }
234
- @media (min-width: 1920px) {
235
- .v-container {
236
- 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;
237
245
  }
238
246
  }
239
- @media (min-width: 2560px) {
240
- .v-container {
241
- max-width: 2400px;
247
+ @keyframes progress-circular-rotate {
248
+ 100% {
249
+ transform: rotate(270deg);
242
250
  }
243
251
  }
244
- .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;
245
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;
246
278
  }
247
- .v-container.fill-height {
248
- align-items: center;
249
- display: flex;
250
- 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;
251
285
  }
252
286
 
253
- .v-row {
254
- display: flex;
255
- flex-wrap: wrap;
256
- flex: 1 1 auto;
257
- margin: -12px;
258
- }
259
- .v-row + .v-row {
260
- 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;
261
293
  }
262
- .v-row + .v-row--dense {
263
- 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;
264
301
  }
265
- .v-row--dense {
266
- 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;
267
309
  }
268
- .v-row--dense > .v-col,
269
- .v-row--dense > [class*=v-col-] {
270
- 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;
271
317
  }
272
- .v-row.v-row--no-gutters {
273
- margin: 0;
274
- }
275
- .v-row.v-row--no-gutters > .v-col,
276
- .v-row.v-row--no-gutters > [class*=v-col-] {
277
- padding: 0;
318
+
319
+ .v-btn.v-btn--density-default {
320
+ height: calc(var(--v-btn-height) + 0px);
278
321
  }
279
322
 
280
- .v-col-xxl,
281
- .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,
282
- .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,
283
- .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,
284
- .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,
285
- .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,
286
- .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 {
287
- width: 100%;
288
- padding: 12px;
323
+ .v-btn.v-btn--density-comfortable {
324
+ height: calc(var(--v-btn-height) + -8px);
289
325
  }
290
326
 
291
- .v-col {
292
- flex-basis: 0;
293
- flex-grow: 1;
294
- max-width: 100%;
327
+ .v-btn.v-btn--density-compact {
328
+ height: calc(var(--v-btn-height) + -12px);
295
329
  }
296
330
 
297
- .v-col-auto {
298
- flex: 0 0 auto;
299
- width: auto;
300
- max-width: 100%;
331
+ .v-btn--border {
332
+ border-width: thin;
333
+ box-shadow: none;
301
334
  }
302
-
303
- .v-col-1 {
304
- flex: 0 0 8.3333333333%;
305
- max-width: 8.3333333333%;
335
+ .v-btn--absolute {
336
+ position: absolute;
306
337
  }
307
-
308
- .v-col-2 {
309
- flex: 0 0 16.6666666667%;
310
- max-width: 16.6666666667%;
338
+ .v-btn--fixed {
339
+ position: fixed;
311
340
  }
312
-
313
- .v-col-3 {
314
- flex: 0 0 25%;
315
- max-width: 25%;
341
+ .v-btn:hover > .v-btn__overlay {
342
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
316
343
  }
317
-
318
- .v-col-4 {
319
- flex: 0 0 33.3333333333%;
320
- max-width: 33.3333333333%;
344
+ .v-btn:focus-visible > .v-btn__overlay {
345
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
321
346
  }
322
-
323
- .v-col-5 {
324
- flex: 0 0 41.6666666667%;
325
- 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
+ }
326
351
  }
327
-
328
- .v-col-6 {
329
- flex: 0 0 50%;
330
- 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));
331
354
  }
332
-
333
- .v-col-7 {
334
- flex: 0 0 58.3333333333%;
335
- 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));
336
357
  }
337
-
338
- .v-col-8 {
339
- flex: 0 0 66.6666666667%;
340
- 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));
341
360
  }
342
-
343
- .v-col-9 {
344
- flex: 0 0 75%;
345
- 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
+ }
346
365
  }
347
-
348
- .v-col-10 {
349
- flex: 0 0 83.3333333333%;
350
- 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;
351
369
  }
352
-
353
- .v-col-11 {
354
- flex: 0 0 91.6666666667%;
355
- max-width: 91.6666666667%;
370
+ .v-btn--variant-plain {
371
+ opacity: 0.62;
356
372
  }
357
-
358
- .v-col-12 {
359
- flex: 0 0 100%;
360
- max-width: 100%;
373
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
374
+ opacity: 1;
361
375
  }
362
-
363
- .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
364
- margin-left: 8.3333333333%;
376
+ .v-btn--variant-plain .v-btn__overlay {
377
+ display: none;
365
378
  }
366
- .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
367
- 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));
368
382
  }
369
-
370
- .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
371
- 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));
372
385
  }
373
- .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
374
- 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));
375
388
  }
376
-
377
- .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
378
- margin-left: 25%;
389
+ .v-btn--variant-outlined {
390
+ border: thin solid currentColor;
379
391
  }
380
- .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
381
- margin-right: 25%;
392
+ .v-btn--variant-text .v-btn__overlay {
393
+ background: currentColor;
382
394
  }
383
-
384
- .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
385
- 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;
386
405
  }
387
- .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
388
- 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
+ }
389
423
  }
390
-
391
- .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
392
- margin-left: 41.6666666667%;
424
+ .v-btn--icon {
425
+ border-radius: 50%;
426
+ min-width: 0;
427
+ padding: 0;
393
428
  }
394
- .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
395
- margin-right: 41.6666666667%;
429
+ .v-btn--icon.v-btn--size-default {
430
+ --v-btn-size: 1rem;
396
431
  }
397
-
398
- .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
399
- 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);
400
435
  }
401
- .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
402
- 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);
403
443
  }
404
444
 
405
- .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
406
- 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));
407
447
  }
408
- .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
409
- 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));
410
450
  }
411
-
412
- .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
413
- margin-left: 66.6666666667%;
451
+ .v-btn--flat {
452
+ box-shadow: none;
414
453
  }
415
- .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
416
- margin-right: 66.6666666667%;
454
+ .v-btn--block {
455
+ display: flex;
456
+ flex: 1 0 auto;
457
+ min-width: 100%;
417
458
  }
418
-
419
- .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
420
- margin-left: 75%;
459
+ .v-btn--disabled {
460
+ pointer-events: none;
461
+ opacity: 0.26;
421
462
  }
422
- .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
423
- margin-right: 75%;
463
+ .v-btn--disabled:hover {
464
+ opacity: 0.26;
424
465
  }
425
-
426
- .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
427
- 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));
428
471
  }
429
- .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
430
- 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;
431
474
  }
432
-
433
- .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
434
- margin-left: 91.6666666667%;
475
+ .v-btn--loading {
476
+ pointer-events: none;
435
477
  }
436
- .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
437
- 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;
438
515
  }
439
516
 
440
- @media (min-width: 600px) {
441
- .v-col-sm {
442
- flex-basis: 0;
443
- flex-grow: 1;
444
- max-width: 100%;
445
- }
446
- .v-col-sm-auto {
447
- flex: 0 0 auto;
448
- width: auto;
449
- max-width: 100%;
450
- }
451
- .v-col-sm-1 {
452
- flex: 0 0 8.3333333333%;
453
- max-width: 8.3333333333%;
454
- }
455
- .v-col-sm-2 {
456
- flex: 0 0 16.6666666667%;
457
- max-width: 16.6666666667%;
458
- }
459
- .v-col-sm-3 {
460
- flex: 0 0 25%;
461
- max-width: 25%;
462
- }
463
- .v-col-sm-4 {
464
- flex: 0 0 33.3333333333%;
465
- max-width: 33.3333333333%;
466
- }
467
- .v-col-sm-5 {
468
- flex: 0 0 41.6666666667%;
469
- max-width: 41.6666666667%;
470
- }
471
- .v-col-sm-6 {
472
- flex: 0 0 50%;
473
- max-width: 50%;
474
- }
475
- .v-col-sm-7 {
476
- flex: 0 0 58.3333333333%;
477
- max-width: 58.3333333333%;
478
- }
479
- .v-col-sm-8 {
480
- flex: 0 0 66.6666666667%;
481
- max-width: 66.6666666667%;
482
- }
483
- .v-col-sm-9 {
484
- flex: 0 0 75%;
485
- max-width: 75%;
486
- }
487
- .v-col-sm-10 {
488
- flex: 0 0 83.3333333333%;
489
- max-width: 83.3333333333%;
490
- }
491
- .v-col-sm-11 {
492
- flex: 0 0 91.6666666667%;
493
- max-width: 91.6666666667%;
494
- }
495
- .v-col-sm-12 {
496
- flex: 0 0 100%;
497
- max-width: 100%;
498
- }
499
- .offset-sm-0.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-0 {
500
- margin-left: 0;
501
- }
502
- .offset-sm-0.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-0 {
503
- margin-right: 0;
504
- }
505
- .offset-sm-1.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-1 {
506
- margin-left: 8.3333333333%;
507
- }
508
- .offset-sm-1.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-1 {
509
- margin-right: 8.3333333333%;
510
- }
511
- .offset-sm-2.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-2 {
512
- margin-left: 16.6666666667%;
513
- }
514
- .offset-sm-2.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-2 {
515
- margin-right: 16.6666666667%;
516
- }
517
- .offset-sm-3.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-3 {
518
- margin-left: 25%;
519
- }
520
- .offset-sm-3.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-3 {
521
- margin-right: 25%;
522
- }
523
- .offset-sm-4.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-4 {
524
- margin-left: 33.3333333333%;
525
- }
526
- .offset-sm-4.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-4 {
527
- margin-right: 33.3333333333%;
528
- }
529
- .offset-sm-5.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-5 {
530
- margin-left: 41.6666666667%;
531
- }
532
- .offset-sm-5.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-5 {
533
- margin-right: 41.6666666667%;
534
- }
535
- .offset-sm-6.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-6 {
536
- margin-left: 50%;
537
- }
538
- .offset-sm-6.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-6 {
539
- margin-right: 50%;
540
- }
541
- .offset-sm-7.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-7 {
542
- margin-left: 58.3333333333%;
543
- }
544
- .offset-sm-7.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-7 {
545
- margin-right: 58.3333333333%;
546
- }
547
- .offset-sm-8.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-8 {
548
- margin-left: 66.6666666667%;
549
- }
550
- .offset-sm-8.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-8 {
551
- margin-right: 66.6666666667%;
552
- }
553
- .offset-sm-9.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-9 {
554
- margin-left: 75%;
555
- }
556
- .offset-sm-9.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-9 {
557
- margin-right: 75%;
558
- }
559
- .offset-sm-10.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-10 {
560
- margin-left: 83.3333333333%;
561
- }
562
- .offset-sm-10.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-10 {
563
- margin-right: 83.3333333333%;
564
- }
565
- .offset-sm-11.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-11 {
566
- margin-left: 91.6666666667%;
567
- }
568
- .offset-sm-11.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-11 {
569
- margin-right: 91.6666666667%;
570
- }
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;
571
523
  }
572
- @media (min-width: 960px) {
573
- .v-col-md {
574
- flex-basis: 0;
575
- flex-grow: 1;
576
- max-width: 100%;
577
- }
578
- .v-col-md-auto {
579
- flex: 0 0 auto;
580
- width: auto;
581
- max-width: 100%;
582
- }
583
- .v-col-md-1 {
584
- flex: 0 0 8.3333333333%;
585
- max-width: 8.3333333333%;
586
- }
587
- .v-col-md-2 {
588
- flex: 0 0 16.6666666667%;
589
- max-width: 16.6666666667%;
590
- }
591
- .v-col-md-3 {
592
- flex: 0 0 25%;
593
- max-width: 25%;
594
- }
595
- .v-col-md-4 {
596
- flex: 0 0 33.3333333333%;
597
- max-width: 33.3333333333%;
598
- }
599
- .v-col-md-5 {
600
- flex: 0 0 41.6666666667%;
601
- max-width: 41.6666666667%;
602
- }
603
- .v-col-md-6 {
604
- flex: 0 0 50%;
605
- max-width: 50%;
606
- }
607
- .v-col-md-7 {
608
- flex: 0 0 58.3333333333%;
609
- max-width: 58.3333333333%;
610
- }
611
- .v-col-md-8 {
612
- flex: 0 0 66.6666666667%;
613
- max-width: 66.6666666667%;
614
- }
615
- .v-col-md-9 {
616
- flex: 0 0 75%;
617
- max-width: 75%;
618
- }
619
- .v-col-md-10 {
620
- flex: 0 0 83.3333333333%;
621
- max-width: 83.3333333333%;
622
- }
623
- .v-col-md-11 {
624
- flex: 0 0 91.6666666667%;
625
- max-width: 91.6666666667%;
626
- }
627
- .v-col-md-12 {
628
- flex: 0 0 100%;
629
- max-width: 100%;
630
- }
631
- .offset-md-0.v-locale--is-ltr, .v-locale--is-ltr .offset-md-0 {
632
- margin-left: 0;
633
- }
634
- .offset-md-0.v-locale--is-rtl, .v-locale--is-rtl .offset-md-0 {
635
- margin-right: 0;
636
- }
637
- .offset-md-1.v-locale--is-ltr, .v-locale--is-ltr .offset-md-1 {
638
- margin-left: 8.3333333333%;
639
- }
640
- .offset-md-1.v-locale--is-rtl, .v-locale--is-rtl .offset-md-1 {
641
- margin-right: 8.3333333333%;
642
- }
643
- .offset-md-2.v-locale--is-ltr, .v-locale--is-ltr .offset-md-2 {
644
- margin-left: 16.6666666667%;
645
- }
646
- .offset-md-2.v-locale--is-rtl, .v-locale--is-rtl .offset-md-2 {
647
- margin-right: 16.6666666667%;
648
- }
649
- .offset-md-3.v-locale--is-ltr, .v-locale--is-ltr .offset-md-3 {
650
- margin-left: 25%;
651
- }
652
- .offset-md-3.v-locale--is-rtl, .v-locale--is-rtl .offset-md-3 {
653
- margin-right: 25%;
654
- }
655
- .offset-md-4.v-locale--is-ltr, .v-locale--is-ltr .offset-md-4 {
656
- margin-left: 33.3333333333%;
657
- }
658
- .offset-md-4.v-locale--is-rtl, .v-locale--is-rtl .offset-md-4 {
659
- margin-right: 33.3333333333%;
660
- }
661
- .offset-md-5.v-locale--is-ltr, .v-locale--is-ltr .offset-md-5 {
662
- margin-left: 41.6666666667%;
663
- }
664
- .offset-md-5.v-locale--is-rtl, .v-locale--is-rtl .offset-md-5 {
665
- margin-right: 41.6666666667%;
666
- }
667
- .offset-md-6.v-locale--is-ltr, .v-locale--is-ltr .offset-md-6 {
668
- margin-left: 50%;
669
- }
670
- .offset-md-6.v-locale--is-rtl, .v-locale--is-rtl .offset-md-6 {
671
- margin-right: 50%;
672
- }
673
- .offset-md-7.v-locale--is-ltr, .v-locale--is-ltr .offset-md-7 {
674
- margin-left: 58.3333333333%;
675
- }
676
- .offset-md-7.v-locale--is-rtl, .v-locale--is-rtl .offset-md-7 {
677
- margin-right: 58.3333333333%;
678
- }
679
- .offset-md-8.v-locale--is-ltr, .v-locale--is-ltr .offset-md-8 {
680
- margin-left: 66.6666666667%;
681
- }
682
- .offset-md-8.v-locale--is-rtl, .v-locale--is-rtl .offset-md-8 {
683
- margin-right: 66.6666666667%;
684
- }
685
- .offset-md-9.v-locale--is-ltr, .v-locale--is-ltr .offset-md-9 {
686
- margin-left: 75%;
687
- }
688
- .offset-md-9.v-locale--is-rtl, .v-locale--is-rtl .offset-md-9 {
689
- margin-right: 75%;
690
- }
691
- .offset-md-10.v-locale--is-ltr, .v-locale--is-ltr .offset-md-10 {
692
- margin-left: 83.3333333333%;
693
- }
694
- .offset-md-10.v-locale--is-rtl, .v-locale--is-rtl .offset-md-10 {
695
- margin-right: 83.3333333333%;
696
- }
697
- .offset-md-11.v-locale--is-ltr, .v-locale--is-ltr .offset-md-11 {
698
- margin-left: 91.6666666667%;
699
- }
700
- .offset-md-11.v-locale--is-rtl, .v-locale--is-rtl .offset-md-11 {
701
- margin-right: 91.6666666667%;
702
- }
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;
703
531
  }
704
- @media (min-width: 1280px) {
705
- .v-col-lg {
706
- flex-basis: 0;
707
- flex-grow: 1;
708
- max-width: 100%;
709
- }
710
- .v-col-lg-auto {
711
- flex: 0 0 auto;
712
- width: auto;
713
- max-width: 100%;
714
- }
715
- .v-col-lg-1 {
716
- flex: 0 0 8.3333333333%;
717
- max-width: 8.3333333333%;
718
- }
719
- .v-col-lg-2 {
720
- flex: 0 0 16.6666666667%;
721
- max-width: 16.6666666667%;
722
- }
723
- .v-col-lg-3 {
724
- flex: 0 0 25%;
725
- max-width: 25%;
726
- }
727
- .v-col-lg-4 {
728
- flex: 0 0 33.3333333333%;
729
- max-width: 33.3333333333%;
730
- }
731
- .v-col-lg-5 {
732
- flex: 0 0 41.6666666667%;
733
- max-width: 41.6666666667%;
734
- }
735
- .v-col-lg-6 {
736
- flex: 0 0 50%;
737
- max-width: 50%;
738
- }
739
- .v-col-lg-7 {
740
- flex: 0 0 58.3333333333%;
741
- max-width: 58.3333333333%;
742
- }
743
- .v-col-lg-8 {
744
- flex: 0 0 66.6666666667%;
745
- max-width: 66.6666666667%;
746
- }
747
- .v-col-lg-9 {
748
- flex: 0 0 75%;
749
- max-width: 75%;
750
- }
751
- .v-col-lg-10 {
752
- flex: 0 0 83.3333333333%;
753
- max-width: 83.3333333333%;
754
- }
755
- .v-col-lg-11 {
756
- flex: 0 0 91.6666666667%;
757
- max-width: 91.6666666667%;
758
- }
759
- .v-col-lg-12 {
760
- flex: 0 0 100%;
761
- max-width: 100%;
762
- }
763
- .offset-lg-0.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-0 {
764
- margin-left: 0;
765
- }
766
- .offset-lg-0.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-0 {
767
- margin-right: 0;
768
- }
769
- .offset-lg-1.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-1 {
770
- margin-left: 8.3333333333%;
771
- }
772
- .offset-lg-1.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-1 {
773
- margin-right: 8.3333333333%;
774
- }
775
- .offset-lg-2.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-2 {
776
- margin-left: 16.6666666667%;
777
- }
778
- .offset-lg-2.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-2 {
779
- margin-right: 16.6666666667%;
780
- }
781
- .offset-lg-3.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-3 {
782
- margin-left: 25%;
783
- }
784
- .offset-lg-3.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-3 {
785
- margin-right: 25%;
786
- }
787
- .offset-lg-4.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-4 {
788
- margin-left: 33.3333333333%;
789
- }
790
- .offset-lg-4.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-4 {
791
- margin-right: 33.3333333333%;
792
- }
793
- .offset-lg-5.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-5 {
794
- margin-left: 41.6666666667%;
795
- }
796
- .offset-lg-5.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-5 {
797
- margin-right: 41.6666666667%;
798
- }
799
- .offset-lg-6.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-6 {
800
- margin-left: 50%;
801
- }
802
- .offset-lg-6.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-6 {
803
- margin-right: 50%;
804
- }
805
- .offset-lg-7.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-7 {
806
- margin-left: 58.3333333333%;
807
- }
808
- .offset-lg-7.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-7 {
809
- margin-right: 58.3333333333%;
810
- }
811
- .offset-lg-8.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-8 {
812
- margin-left: 66.6666666667%;
813
- }
814
- .offset-lg-8.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-8 {
815
- margin-right: 66.6666666667%;
816
- }
817
- .offset-lg-9.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-9 {
818
- margin-left: 75%;
819
- }
820
- .offset-lg-9.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-9 {
821
- margin-right: 75%;
822
- }
823
- .offset-lg-10.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-10 {
824
- margin-left: 83.3333333333%;
825
- }
826
- .offset-lg-10.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-10 {
827
- margin-right: 83.3333333333%;
828
- }
829
- .offset-lg-11.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-11 {
830
- margin-left: 91.6666666667%;
831
- }
832
- .offset-lg-11.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-11 {
833
- margin-right: 91.6666666667%;
834
- }
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;
835
539
  }
836
- @media (min-width: 1920px) {
837
- .v-col-xl {
838
- flex-basis: 0;
839
- flex-grow: 1;
840
- max-width: 100%;
841
- }
842
- .v-col-xl-auto {
843
- flex: 0 0 auto;
844
- width: auto;
845
- max-width: 100%;
846
- }
847
- .v-col-xl-1 {
848
- flex: 0 0 8.3333333333%;
849
- max-width: 8.3333333333%;
850
- }
851
- .v-col-xl-2 {
852
- flex: 0 0 16.6666666667%;
853
- max-width: 16.6666666667%;
854
- }
855
- .v-col-xl-3 {
856
- flex: 0 0 25%;
857
- max-width: 25%;
858
- }
859
- .v-col-xl-4 {
860
- flex: 0 0 33.3333333333%;
861
- max-width: 33.3333333333%;
862
- }
863
- .v-col-xl-5 {
864
- flex: 0 0 41.6666666667%;
865
- max-width: 41.6666666667%;
866
- }
867
- .v-col-xl-6 {
868
- flex: 0 0 50%;
869
- max-width: 50%;
870
- }
871
- .v-col-xl-7 {
872
- flex: 0 0 58.3333333333%;
873
- max-width: 58.3333333333%;
874
- }
875
- .v-col-xl-8 {
876
- flex: 0 0 66.6666666667%;
877
- max-width: 66.6666666667%;
878
- }
879
- .v-col-xl-9 {
880
- flex: 0 0 75%;
881
- max-width: 75%;
882
- }
883
- .v-col-xl-10 {
884
- flex: 0 0 83.3333333333%;
885
- max-width: 83.3333333333%;
886
- }
887
- .v-col-xl-11 {
888
- flex: 0 0 91.6666666667%;
889
- max-width: 91.6666666667%;
890
- }
891
- .v-col-xl-12 {
892
- flex: 0 0 100%;
893
- max-width: 100%;
894
- }
895
- .offset-xl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-0 {
896
- margin-left: 0;
897
- }
898
- .offset-xl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-0 {
899
- margin-right: 0;
900
- }
901
- .offset-xl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-1 {
902
- margin-left: 8.3333333333%;
903
- }
904
- .offset-xl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-1 {
905
- margin-right: 8.3333333333%;
906
- }
907
- .offset-xl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-2 {
908
- margin-left: 16.6666666667%;
909
- }
910
- .offset-xl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-2 {
911
- margin-right: 16.6666666667%;
912
- }
913
- .offset-xl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-3 {
914
- margin-left: 25%;
915
- }
916
- .offset-xl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-3 {
917
- margin-right: 25%;
918
- }
919
- .offset-xl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-4 {
920
- margin-left: 33.3333333333%;
921
- }
922
- .offset-xl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-4 {
923
- margin-right: 33.3333333333%;
924
- }
925
- .offset-xl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-5 {
926
- margin-left: 41.6666666667%;
927
- }
928
- .offset-xl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-5 {
929
- margin-right: 41.6666666667%;
930
- }
931
- .offset-xl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-6 {
932
- margin-left: 50%;
933
- }
934
- .offset-xl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-6 {
935
- margin-right: 50%;
936
- }
937
- .offset-xl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-7 {
938
- margin-left: 58.3333333333%;
939
- }
940
- .offset-xl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-7 {
941
- margin-right: 58.3333333333%;
942
- }
943
- .offset-xl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-8 {
944
- margin-left: 66.6666666667%;
945
- }
946
- .offset-xl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-8 {
947
- margin-right: 66.6666666667%;
948
- }
949
- .offset-xl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-9 {
950
- margin-left: 75%;
951
- }
952
- .offset-xl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-9 {
953
- margin-right: 75%;
954
- }
955
- .offset-xl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-10 {
956
- margin-left: 83.3333333333%;
957
- }
958
- .offset-xl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-10 {
959
- margin-right: 83.3333333333%;
960
- }
961
- .offset-xl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-11 {
962
- margin-left: 91.6666666667%;
963
- }
964
- .offset-xl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-11 {
965
- margin-right: 91.6666666667%;
966
- }
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);
967
594
  }
968
- @media (min-width: 2560px) {
969
- .v-col-xxl {
970
- flex-basis: 0;
971
- flex-grow: 1;
972
- max-width: 100%;
973
- }
974
- .v-col-xxl-auto {
975
- flex: 0 0 auto;
976
- width: auto;
977
- max-width: 100%;
978
- }
979
- .v-col-xxl-1 {
980
- flex: 0 0 8.3333333333%;
981
- max-width: 8.3333333333%;
982
- }
983
- .v-col-xxl-2 {
984
- flex: 0 0 16.6666666667%;
985
- max-width: 16.6666666667%;
986
- }
987
- .v-col-xxl-3 {
988
- flex: 0 0 25%;
989
- max-width: 25%;
990
- }
991
- .v-col-xxl-4 {
992
- flex: 0 0 33.3333333333%;
993
- max-width: 33.3333333333%;
994
- }
995
- .v-col-xxl-5 {
996
- flex: 0 0 41.6666666667%;
997
- max-width: 41.6666666667%;
998
- }
999
- .v-col-xxl-6 {
1000
- flex: 0 0 50%;
1001
- max-width: 50%;
1002
- }
1003
- .v-col-xxl-7 {
1004
- flex: 0 0 58.3333333333%;
1005
- max-width: 58.3333333333%;
1006
- }
1007
- .v-col-xxl-8 {
1008
- flex: 0 0 66.6666666667%;
1009
- max-width: 66.6666666667%;
1010
- }
1011
- .v-col-xxl-9 {
1012
- flex: 0 0 75%;
1013
- max-width: 75%;
1014
- }
1015
- .v-col-xxl-10 {
1016
- flex: 0 0 83.3333333333%;
1017
- max-width: 83.3333333333%;
1018
- }
1019
- .v-col-xxl-11 {
1020
- flex: 0 0 91.6666666667%;
1021
- max-width: 91.6666666667%;
1022
- }
1023
- .v-col-xxl-12 {
1024
- flex: 0 0 100%;
1025
- max-width: 100%;
1026
- }
1027
- .offset-xxl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-0 {
1028
- margin-left: 0;
1029
- }
1030
- .offset-xxl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-0 {
1031
- margin-right: 0;
1032
- }
1033
- .offset-xxl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-1 {
1034
- margin-left: 8.3333333333%;
1035
- }
1036
- .offset-xxl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-1 {
1037
- margin-right: 8.3333333333%;
1038
- }
1039
- .offset-xxl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-2 {
1040
- margin-left: 16.6666666667%;
1041
- }
1042
- .offset-xxl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-2 {
1043
- margin-right: 16.6666666667%;
1044
- }
1045
- .offset-xxl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-3 {
1046
- margin-left: 25%;
1047
- }
1048
- .offset-xxl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-3 {
1049
- margin-right: 25%;
1050
- }
1051
- .offset-xxl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-4 {
1052
- margin-left: 33.3333333333%;
1053
- }
1054
- .offset-xxl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-4 {
1055
- margin-right: 33.3333333333%;
1056
- }
1057
- .offset-xxl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-5 {
1058
- margin-left: 41.6666666667%;
1059
- }
1060
- .offset-xxl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-5 {
1061
- margin-right: 41.6666666667%;
1062
- }
1063
- .offset-xxl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-6 {
1064
- margin-left: 50%;
1065
- }
1066
- .offset-xxl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-6 {
1067
- margin-right: 50%;
1068
- }
1069
- .offset-xxl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-7 {
1070
- margin-left: 58.3333333333%;
1071
- }
1072
- .offset-xxl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-7 {
1073
- margin-right: 58.3333333333%;
1074
- }
1075
- .offset-xxl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-8 {
1076
- margin-left: 66.6666666667%;
1077
- }
1078
- .offset-xxl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-8 {
1079
- margin-right: 66.6666666667%;
1080
- }
1081
- .offset-xxl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-9 {
1082
- margin-left: 75%;
1083
- }
1084
- .offset-xxl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-9 {
1085
- margin-right: 75%;
1086
- }
1087
- .offset-xxl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-10 {
1088
- margin-left: 83.3333333333%;
1089
- }
1090
- .offset-xxl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-10 {
1091
- margin-right: 83.3333333333%;
1092
- }
1093
- .offset-xxl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-11 {
1094
- margin-left: 91.6666666667%;
1095
- }
1096
- .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
1097
- margin-right: 91.6666666667%;
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));
1098
678
  }
1099
679
  }
1100
- .v-icon {
1101
- --v-icon-size-multiplier: 1;
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 {
1102
761
  align-items: center;
1103
- display: inline-flex;
1104
- font-feature-settings: "liga";
1105
- height: 1em;
762
+ display: flex;
763
+ height: 100%;
1106
764
  justify-content: center;
1107
- letter-spacing: normal;
1108
- line-height: 1;
1109
- position: relative;
1110
- text-indent: 0;
1111
- user-select: none;
1112
- vertical-align: middle;
1113
- width: 1em;
765
+ left: 0;
766
+ pointer-events: none;
767
+ position: absolute;
768
+ top: 0;
769
+ width: 100%;
1114
770
  }
1115
- .v-icon--clickable {
1116
- cursor: pointer;
771
+
772
+ .v-progress-linear__determinate,
773
+ .v-progress-linear__indeterminate {
774
+ background: currentColor;
1117
775
  }
1118
- .v-icon--size-x-small {
1119
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
776
+
777
+ .v-progress-linear__determinate {
778
+ height: inherit;
779
+ left: 0;
780
+ position: absolute;
781
+ transition: inherit;
782
+ transition-property: width, left, right;
1120
783
  }
1121
- .v-icon--size-small {
1122
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
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;
1123
797
  }
1124
- .v-icon--size-default {
1125
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
798
+ .v-progress-linear__indeterminate .long {
799
+ animation-name: indeterminate-ltr;
1126
800
  }
1127
- .v-icon--size-large {
1128
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
801
+ .v-progress-linear__indeterminate .short {
802
+ animation-name: indeterminate-short-ltr;
1129
803
  }
1130
- .v-icon--size-x-large {
1131
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
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;
1132
815
  }
1133
816
 
1134
- .v-icon__svg {
1135
- fill: currentColor;
1136
- width: 100%;
1137
- height: 100%;
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;
826
+ }
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;
1138
835
  }
1139
836
 
1140
- .v-icon--start {
1141
- margin-inline-end: 8px;
837
+ .v-progress-linear--absolute,
838
+ .v-progress-linear--fixed {
839
+ left: 0;
840
+ z-index: 1;
1142
841
  }
1143
842
 
1144
- .v-icon--end {
1145
- margin-inline-start: 8px;
843
+ .v-progress-linear--absolute {
844
+ position: absolute;
1146
845
  }
1147
- .v-window {
1148
- overflow: hidden;
846
+
847
+ .v-progress-linear--fixed {
848
+ position: fixed;
1149
849
  }
1150
- .v-window__container {
1151
- display: flex;
1152
- flex-direction: column;
1153
- height: inherit;
1154
- position: relative;
1155
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
850
+
851
+ .v-progress-linear--rounded {
852
+ border-radius: 9999px;
1156
853
  }
1157
- .v-window__controls {
1158
- position: absolute;
1159
- left: 0;
1160
- top: 0;
1161
- width: 100%;
1162
- height: 100%;
1163
- display: flex;
1164
- align-items: center;
1165
- justify-content: space-between;
1166
- padding: 0 16px;
1167
- pointer-events: none;
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;
1168
857
  }
1169
- .v-window__controls * {
1170
- pointer-events: auto;
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);
1171
864
  }
1172
- .v-window--show-arrows-on-hover {
1173
- overflow: hidden;
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;
1174
868
  }
1175
- .v-window--show-arrows-on-hover .v-window__left {
1176
- transform: translateX(-200%);
869
+ .v-progress-linear--active .v-progress-linear__stream {
870
+ animation-play-state: running;
1177
871
  }
1178
- .v-window--show-arrows-on-hover .v-window__right {
1179
- transform: translateX(200%);
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;
1180
877
  }
1181
- .v-window--show-arrows-on-hover:hover .v-window__left,
1182
- .v-window--show-arrows-on-hover:hover .v-window__right {
1183
- transform: translateX(0);
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;
1184
881
  }
1185
- .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 {
1186
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
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;
1187
886
  }
1188
- .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 {
1189
- position: absolute !important;
1190
- top: 0;
1191
- width: 100%;
887
+
888
+ @keyframes indeterminate-ltr {
889
+ 0% {
890
+ left: -90%;
891
+ right: 100%;
892
+ }
893
+ 60% {
894
+ left: -90%;
895
+ right: 100%;
896
+ }
897
+ 100% {
898
+ left: 100%;
899
+ right: -35%;
900
+ }
1192
901
  }
1193
- .v-window-x-transition-enter-from {
1194
- transform: translateX(100%);
902
+ @keyframes indeterminate-rtl {
903
+ 0% {
904
+ left: 100%;
905
+ right: -90%;
906
+ }
907
+ 60% {
908
+ left: 100%;
909
+ right: -90%;
910
+ }
911
+ 100% {
912
+ left: -35%;
913
+ right: 100%;
914
+ }
1195
915
  }
1196
- .v-window-x-transition-leave-to {
1197
- transform: translateX(-100%);
916
+ @keyframes indeterminate-short-ltr {
917
+ 0% {
918
+ left: -200%;
919
+ right: 100%;
920
+ }
921
+ 60% {
922
+ left: 107%;
923
+ right: -8%;
924
+ }
925
+ 100% {
926
+ left: 107%;
927
+ right: -8%;
928
+ }
1198
929
  }
1199
- .v-window-x-reverse-transition-enter-from {
1200
- transform: translateX(-100%);
930
+ @keyframes indeterminate-short-rtl {
931
+ 0% {
932
+ left: 100%;
933
+ right: -200%;
934
+ }
935
+ 60% {
936
+ left: -8%;
937
+ right: 107%;
938
+ }
939
+ 100% {
940
+ left: -8%;
941
+ right: 107%;
942
+ }
1201
943
  }
1202
- .v-window-x-reverse-transition-leave-to {
1203
- transform: translateX(100%);
944
+ @keyframes stream {
945
+ to {
946
+ transform: translateX(var(--v-progress-linear-stream-to));
947
+ }
948
+ }
949
+ @keyframes progress-linear-stripes {
950
+ 0% {
951
+ background-position-x: var(--v-progress-linear-height);
952
+ }
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;
1204
966
  }
1205
- .v-window-y-transition-enter-from {
1206
- transform: translateY(100%);
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;
1207
978
  }
1208
- .v-window-y-transition-leave-to {
1209
- transform: translateY(-100%);
979
+ .v-ripple__animation--enter {
980
+ transition: none;
981
+ opacity: 0;
1210
982
  }
1211
- .v-window-y-reverse-transition-enter-from {
1212
- transform: translateY(-100%);
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));
1213
986
  }
1214
- .v-window-y-reverse-transition-leave-to {
1215
- transform: translateY(100%);
987
+ .v-ripple__animation--out {
988
+ transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
989
+ opacity: 0;
1216
990
  }
1217
- /** if false, disabled buttons will be greyed out */
1218
- .v-btn {
991
+ .v-icon {
992
+ --v-icon-size-multiplier: 1;
1219
993
  align-items: center;
1220
- border-radius: 4px;
1221
- display: inline-grid;
1222
- grid-template-areas: "prepend content append";
1223
- grid-template-columns: max-content auto max-content;
1224
- font-weight: 500;
994
+ display: inline-flex;
995
+ font-feature-settings: "liga";
996
+ height: 1em;
1225
997
  justify-content: center;
1226
- letter-spacing: 0.0892857143em;
1227
- line-height: normal;
1228
- max-width: 100%;
1229
- outline: none;
998
+ letter-spacing: normal;
999
+ line-height: 1;
1230
1000
  position: relative;
1231
- text-decoration: none;
1232
- text-indent: 0.0892857143em;
1233
- text-transform: uppercase;
1234
- transition-property: box-shadow, transform, opacity, background;
1235
- transition-duration: 0.28s;
1236
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1001
+ text-indent: 0;
1002
+ text-align: center;
1237
1003
  user-select: none;
1238
1004
  vertical-align: middle;
1239
- flex-shrink: 0;
1240
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
1241
- border-style: solid;
1242
- border-width: 0;
1005
+ width: 1em;
1006
+ min-width: 1em;
1243
1007
  }
1244
- .v-btn--size-x-small {
1245
- --v-btn-size: 0.625rem;
1246
- --v-btn-height: 20px;
1247
- font-size: 0.625rem;
1248
- min-width: 36px;
1249
- padding: 0 8px;
1008
+ .v-icon--clickable {
1009
+ cursor: pointer;
1250
1010
  }
1251
-
1252
- .v-btn--size-small {
1253
- --v-btn-size: 0.75rem;
1254
- --v-btn-height: 28px;
1255
- font-size: 0.75rem;
1256
- min-width: 50px;
1257
- padding: 0 12px;
1011
+ .v-icon--size-x-small {
1012
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
1258
1013
  }
1259
-
1260
- .v-btn--size-default {
1261
- --v-btn-size: 0.875rem;
1262
- --v-btn-height: 36px;
1263
- font-size: 0.875rem;
1264
- min-width: 64px;
1265
- padding: 0 16px;
1014
+ .v-icon--size-small {
1015
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
1266
1016
  }
1267
-
1268
- .v-btn--size-large {
1269
- --v-btn-size: 1rem;
1270
- --v-btn-height: 44px;
1271
- font-size: 1rem;
1272
- min-width: 78px;
1273
- padding: 0 20px;
1017
+ .v-icon--size-default {
1018
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
1274
1019
  }
1275
-
1276
- .v-btn--size-x-large {
1277
- --v-btn-size: 1.125rem;
1278
- --v-btn-height: 52px;
1279
- font-size: 1.125rem;
1280
- min-width: 92px;
1281
- padding: 0 24px;
1020
+ .v-icon--size-large {
1021
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
1282
1022
  }
1283
-
1284
- .v-btn.v-btn--density-default {
1285
- height: calc(var(--v-btn-height) + 0px);
1023
+ .v-icon--size-x-large {
1024
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
1286
1025
  }
1287
1026
 
1288
- .v-btn.v-btn--density-comfortable {
1289
- height: calc(var(--v-btn-height) + -8px);
1027
+ .v-icon__svg {
1028
+ fill: currentColor;
1029
+ width: 100%;
1030
+ height: 100%;
1290
1031
  }
1291
1032
 
1292
- .v-btn.v-btn--density-compact {
1293
- height: calc(var(--v-btn-height) + -12px);
1033
+ .v-icon--start {
1034
+ margin-inline-end: 8px;
1294
1035
  }
1295
1036
 
1296
- .v-btn--border {
1297
- border-width: thin;
1298
- box-shadow: none;
1037
+ .v-icon--end {
1038
+ margin-inline-start: 8px;
1299
1039
  }
1300
- .v-btn--absolute {
1301
- position: absolute;
1040
+ .v-skeleton-loader {
1041
+ align-items: center;
1042
+ background: rgb(var(--v-theme-surface));
1043
+ border-radius: 4px;
1044
+ display: flex;
1045
+ flex-wrap: wrap;
1046
+ position: relative;
1047
+ vertical-align: top;
1302
1048
  }
1303
- .v-btn--fixed {
1304
- position: fixed;
1049
+ .v-skeleton-loader__actions {
1050
+ justify-content: end;
1305
1051
  }
1306
- .v-btn:hover > .v-btn__overlay {
1307
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
1052
+ .v-skeleton-loader .v-skeleton-loader__ossein {
1053
+ height: 100%;
1308
1054
  }
1309
- .v-btn:focus-visible > .v-btn__overlay {
1310
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
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;
1311
1073
  }
1312
- @supports not selector(:focus-visible) {
1313
- .v-btn:focus > .v-btn__overlay {
1314
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
1315
- }
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;
1080
+ overflow: hidden;
1081
+ position: relative;
1316
1082
  }
1317
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
1318
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
1083
+ .v-skeleton-loader__bone::after {
1084
+ content: "";
1085
+ position: absolute;
1086
+ top: 0;
1087
+ left: 0;
1088
+ width: 100%;
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));
1092
+ transform: translateX(-100%);
1093
+ z-index: 1;
1319
1094
  }
1320
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
1321
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
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;
1322
1105
  }
1323
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
1324
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1106
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
1107
+ flex: 1 1 auto;
1108
+ margin-inline-start: 0;
1325
1109
  }
1326
- @supports not selector(:focus-visible) {
1327
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
1328
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1329
- }
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;
1330
1113
  }
1331
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
1332
- background: transparent;
1333
- color: inherit;
1114
+ .v-skeleton-loader__button {
1115
+ border-radius: 4px;
1116
+ height: 36px;
1117
+ margin: 16px;
1118
+ max-width: 64px;
1334
1119
  }
1335
- .v-btn--variant-plain {
1336
- opacity: 0.62;
1120
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
1121
+ flex: 1 1 auto;
1122
+ margin-inline-start: 0;
1337
1123
  }
1338
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
1339
- opacity: 1;
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;
1340
1127
  }
1341
- .v-btn--variant-plain .v-btn__overlay {
1342
- display: none;
1128
+ .v-skeleton-loader__chip {
1129
+ border-radius: 16px;
1130
+ margin: 16px;
1131
+ height: 32px;
1132
+ max-width: 96px;
1343
1133
  }
1344
- .v-btn--variant-elevated, .v-btn--variant-flat {
1345
- background: rgb(var(--v-theme-surface));
1346
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1134
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
1135
+ flex: 1 1 auto;
1136
+ margin-inline-start: 0;
1347
1137
  }
1348
- .v-btn--variant-elevated {
1349
- 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));
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;
1350
1141
  }
1351
- .v-btn--variant-flat {
1352
- 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));
1142
+ .v-skeleton-loader__date-picker {
1143
+ border-radius: inherit;
1353
1144
  }
1354
- .v-btn--variant-outlined {
1355
- border: thin solid currentColor;
1145
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
1146
+ max-width: 88px;
1147
+ width: 20%;
1356
1148
  }
1357
- .v-btn--variant-text .v-btn__overlay {
1358
- background: currentColor;
1149
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
1150
+ max-width: 256px;
1151
+ width: 40%;
1359
1152
  }
1360
- .v-btn--variant-tonal .v-btn__underlay {
1361
- background: currentColor;
1362
- opacity: var(--v-activated-opacity);
1363
- border-radius: inherit;
1364
- position: absolute;
1365
- top: 0;
1366
- right: 0;
1367
- bottom: 0;
1368
- left: 0;
1369
- pointer-events: none;
1153
+ .v-skeleton-loader__date-picker-days {
1154
+ flex-wrap: wrap;
1155
+ margin: 16px;
1370
1156
  }
1371
- @supports selector(:focus-visible) {
1372
- .v-btn::after {
1373
- content: "";
1374
- position: absolute;
1375
- top: 0;
1376
- left: 0;
1377
- width: 100%;
1378
- height: 100%;
1379
- pointer-events: none;
1380
- border: 2px solid currentColor;
1381
- border-radius: inherit;
1382
- opacity: 0;
1383
- transition: opacity 0.2s ease-in-out;
1384
- }
1385
- .v-btn:focus-visible::after {
1386
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
1387
- }
1157
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
1158
+ border-radius: 4px;
1159
+ margin: 4px;
1160
+ max-width: 100%;
1388
1161
  }
1389
- .v-btn--icon {
1390
- border-radius: 50%;
1391
- min-width: 0;
1392
- padding: 0;
1162
+ .v-skeleton-loader__date-picker-options {
1163
+ flex-wrap: nowrap;
1393
1164
  }
1394
- .v-btn--icon.v-btn--size-default {
1395
- font-size: 1rem;
1165
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
1166
+ flex: 1 1 auto;
1396
1167
  }
1397
- .v-btn--icon.v-btn--density-default {
1398
- width: calc(var(--v-btn-height) + 12px);
1399
- height: calc(var(--v-btn-height) + 12px);
1168
+ .v-skeleton-loader__divider {
1169
+ border-radius: 1px;
1170
+ height: 2px;
1400
1171
  }
1401
- .v-btn--icon.v-btn--density-comfortable {
1402
- width: calc(var(--v-btn-height) + 0px);
1403
- height: calc(var(--v-btn-height) + 0px);
1172
+ .v-skeleton-loader__heading {
1173
+ border-radius: 12px;
1174
+ margin: 16px;
1175
+ height: 24px;
1404
1176
  }
1405
- .v-btn--icon.v-btn--density-compact {
1406
- width: calc(var(--v-btn-height) + -8px);
1407
- height: calc(var(--v-btn-height) + -8px);
1177
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
1178
+ margin-top: -16px;
1179
+ }
1180
+ .v-skeleton-loader__image {
1181
+ height: 150px;
1182
+ border-radius: 0;
1183
+ }
1184
+ .v-skeleton-loader__card .v-skeleton-loader__image {
1185
+ border-radius: 0;
1186
+ }
1187
+ .v-skeleton-loader__list-item {
1188
+ margin: 16px;
1408
1189
  }
1409
-
1410
- .v-btn--elevated:hover, .v-btn--elevated:focus {
1411
- 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));
1190
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
1191
+ margin: 0;
1412
1192
  }
1413
- .v-btn--elevated:active {
1414
- 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));
1193
+ .v-skeleton-loader__table-thead {
1194
+ justify-content: space-between;
1415
1195
  }
1416
- .v-btn--flat {
1417
- box-shadow: none;
1196
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
1197
+ margin-top: 16px;
1198
+ max-width: 16px;
1418
1199
  }
1419
- .v-btn--block {
1420
- display: flex;
1421
- flex: 1 0 auto;
1422
- min-width: 100%;
1200
+ .v-skeleton-loader__table-tfoot {
1201
+ flex-wrap: nowrap;
1423
1202
  }
1424
- .v-btn--disabled {
1425
- pointer-events: none;
1426
- opacity: 0.26;
1203
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
1204
+ margin-top: 16px;
1427
1205
  }
1428
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
1429
- box-shadow: none;
1430
- opacity: 1;
1431
- color: rgba(var(--v-theme-on-surface), 0.26);
1432
- background: rgb(var(--v-theme-surface));
1206
+ .v-skeleton-loader__table-row {
1207
+ align-items: baseline;
1208
+ margin: 0 8px;
1209
+ justify-content: space-evenly;
1210
+ flex-wrap: nowrap;
1433
1211
  }
1434
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
1435
- opacity: 0.4615384615;
1212
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
1213
+ margin-inline-start: 8px;
1214
+ margin-inline-end: 8px;
1436
1215
  }
1437
- .v-btn--loading {
1438
- pointer-events: none;
1216
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
1217
+ margin: 0 16px;
1439
1218
  }
1440
- .v-btn--loading .v-btn__content,
1441
- .v-btn--loading .v-btn__prepend,
1442
- .v-btn--loading .v-btn__append {
1443
- opacity: 0;
1219
+ .v-skeleton-loader__table-cell {
1220
+ align-items: center;
1221
+ display: flex;
1222
+ height: 48px;
1223
+ width: 88px;
1444
1224
  }
1445
- .v-btn--stacked {
1446
- grid-template-areas: "prepend" "content" "append";
1447
- grid-template-columns: auto;
1448
- grid-template-rows: max-content max-content max-content;
1449
- justify-items: center;
1450
- align-content: center;
1225
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
1226
+ margin-bottom: 0;
1451
1227
  }
1452
- .v-btn--stacked .v-btn__content {
1453
- flex-direction: column;
1454
- line-height: 1.25;
1228
+ .v-skeleton-loader__subtitle {
1229
+ max-width: 70%;
1455
1230
  }
1456
- .v-btn--stacked .v-btn__prepend,
1457
- .v-btn--stacked .v-btn__append,
1458
- .v-btn--stacked .v-btn__content > .v-icon--start,
1459
- .v-btn--stacked .v-btn__content > .v-icon--end {
1460
- margin-inline-start: 0;
1461
- margin-inline-end: 0;
1231
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
1232
+ height: 16px;
1233
+ border-radius: 8px;
1462
1234
  }
1463
- .v-btn--stacked .v-btn__prepend,
1464
- .v-btn--stacked .v-btn__content > .v-icon--start {
1465
- margin-bottom: 4px;
1235
+ .v-skeleton-loader__text {
1236
+ border-radius: 6px;
1237
+ margin: 16px;
1238
+ height: 12px;
1466
1239
  }
1467
- .v-btn--stacked .v-btn__append,
1468
- .v-btn--stacked .v-btn__content > .v-icon--end {
1469
- margin-top: 4px;
1240
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
1241
+ margin-top: -8px;
1242
+ max-width: 50%;
1470
1243
  }
1471
- .v-btn--stacked.v-btn--size-x-small {
1472
- --v-btn-size: 0.625rem;
1473
- --v-btn-height: 56px;
1474
- font-size: 0.625rem;
1475
- min-width: 56px;
1476
- padding: 0 12px;
1244
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
1245
+ max-width: 70%;
1477
1246
  }
1478
-
1479
- .v-btn--stacked.v-btn--size-small {
1480
- --v-btn-size: 0.75rem;
1481
- --v-btn-height: 64px;
1482
- font-size: 0.75rem;
1483
- min-width: 64px;
1484
- padding: 0 14px;
1247
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
1248
+ display: none;
1485
1249
  }
1486
-
1487
- .v-btn--stacked.v-btn--size-default {
1488
- --v-btn-size: 0.875rem;
1489
- --v-btn-height: 72px;
1490
- font-size: 0.875rem;
1491
- min-width: 72px;
1492
- padding: 0 16px;
1250
+ .v-skeleton-loader--is-loading {
1251
+ overflow: hidden;
1493
1252
  }
1494
-
1495
- .v-btn--stacked.v-btn--size-large {
1496
- --v-btn-size: 1rem;
1497
- --v-btn-height: 80px;
1498
- font-size: 1rem;
1499
- min-width: 80px;
1500
- padding: 0 18px;
1253
+ .v-skeleton-loader--tile {
1254
+ border-radius: 0;
1501
1255
  }
1502
-
1503
- .v-btn--stacked.v-btn--size-x-large {
1504
- --v-btn-size: 1.125rem;
1505
- --v-btn-height: 88px;
1506
- font-size: 1.125rem;
1507
- min-width: 88px;
1508
- padding: 0 20px;
1256
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
1257
+ border-radius: 0;
1509
1258
  }
1510
1259
 
1511
- .v-btn--stacked.v-btn--density-default {
1512
- height: calc(var(--v-btn-height) + 0px);
1260
+ @keyframes loading {
1261
+ 100% {
1262
+ transform: translateX(100%);
1263
+ }
1513
1264
  }
1514
-
1515
- .v-btn--stacked.v-btn--density-comfortable {
1516
- height: calc(var(--v-btn-height) + -16px);
1265
+ .v-locale-provider {
1266
+ display: contents;
1517
1267
  }
1518
-
1519
- .v-btn--stacked.v-btn--density-compact {
1520
- height: calc(var(--v-btn-height) + -24px);
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));
1521
1272
  }
1522
1273
 
1523
- .v-btn--rounded {
1524
- border-radius: 24px;
1525
- }
1526
- .v-btn .v-icon {
1527
- --v-icon-size-multiplier: 0.8571428571;
1274
+ .v-application__wrap {
1275
+ backface-visibility: hidden;
1276
+ display: flex;
1277
+ flex-direction: column;
1278
+ flex: 1 1 auto;
1279
+ max-width: 100%;
1280
+ min-height: 100vh;
1281
+ min-height: 100dvh;
1282
+ position: relative;
1528
1283
  }
1529
- .v-btn--icon .v-icon {
1530
- --v-icon-size-multiplier: 1;
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);
1531
1292
  }
1532
- .v-btn--stacked .v-icon {
1533
- --v-icon-size-multiplier: 1.1428571429;
1293
+ .v-main__scroller {
1294
+ max-width: 100%;
1295
+ position: relative;
1534
1296
  }
1535
-
1536
- .v-btn__loader {
1537
- align-items: center;
1297
+ .v-main--scrollable {
1538
1298
  display: flex;
1539
- height: 100%;
1540
- justify-content: center;
1541
- left: 0;
1542
1299
  position: absolute;
1543
1300
  top: 0;
1301
+ left: 0;
1544
1302
  width: 100%;
1303
+ height: 100%;
1545
1304
  }
1546
-
1547
- .v-btn__content,
1548
- .v-btn__prepend,
1549
- .v-btn__append {
1550
- align-items: center;
1551
- display: flex;
1552
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
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;
1553
1312
  }
1554
-
1555
- .v-btn__prepend {
1556
- grid-area: prepend;
1557
- margin-inline-start: calc(var(--v-btn-height) / -9);
1558
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
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;
1559
1322
  }
1560
-
1561
- .v-btn__append {
1562
- grid-area: append;
1563
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
1564
- margin-inline-end: calc(var(--v-btn-height) / -9);
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;
1565
1333
  }
1566
-
1567
- .v-btn__content {
1568
- grid-area: content;
1569
- justify-content: center;
1570
- white-space: nowrap;
1334
+ .v-divider--inset:not(.v-divider--vertical) {
1335
+ max-width: calc(100% - 72px);
1336
+ margin-inline-start: 72px;
1571
1337
  }
1572
- .v-btn__content > .v-icon--start {
1573
- margin-inline-start: calc(var(--v-btn-height) / -9);
1574
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
1338
+ .v-divider--inset.v-divider--vertical {
1339
+ margin-bottom: 8px;
1340
+ margin-top: 8px;
1341
+ max-height: calc(100% - 16px);
1575
1342
  }
1576
- .v-btn__content > .v-icon--end {
1577
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
1578
- margin-inline-end: calc(var(--v-btn-height) / -9);
1343
+ .v-layout {
1344
+ --v-scrollbar-offset: 0px;
1345
+ display: flex;
1346
+ flex: 1 1 auto;
1579
1347
  }
1580
- .v-btn--stacked .v-btn__content {
1581
- white-space: normal;
1348
+ .v-layout--full-height {
1349
+ --v-scrollbar-offset: inherit;
1350
+ height: 100%;
1582
1351
  }
1583
-
1584
- .v-btn__overlay {
1585
- background-color: currentColor;
1586
- border-radius: inherit;
1587
- opacity: 0;
1588
- transition: opacity 0.2s ease-in-out;
1352
+ .v-layout-item {
1353
+ position: absolute;
1354
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1589
1355
  }
1590
1356
 
1591
- .v-btn__overlay,
1592
- .v-btn__underlay {
1357
+ .v-layout-item--absolute {
1593
1358
  position: absolute;
1594
- top: 0;
1595
- left: 0;
1359
+ }
1360
+ .v-theme-provider {
1361
+ background: rgb(var(--v-theme-background));
1362
+ color: rgb(var(--v-theme-on-background));
1363
+ }
1364
+ .v-container {
1596
1365
  width: 100%;
1597
- height: 100%;
1598
- pointer-events: none;
1366
+ padding: 16px;
1367
+ margin-right: auto;
1368
+ margin-left: auto;
1599
1369
  }
1600
-
1601
- .v-app-bar .v-btn {
1602
- 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));
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
+ }
1603
1384
  }
1604
-
1605
- .v-card-actions .v-btn {
1606
- padding: 0 8px;
1607
- 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));
1385
+ @media (min-width: 2560px) {
1386
+ .v-container {
1387
+ max-width: 2400px;
1388
+ }
1608
1389
  }
1609
- .v-card-actions .v-btn ~ .v-btn {
1610
- margin-inline-start: 0.5rem;
1390
+ .v-container--fluid {
1391
+ max-width: 100%;
1611
1392
  }
1612
-
1613
- .v-banner-actions .v-btn {
1614
- padding: 0 8px;
1393
+ .v-container.fill-height {
1394
+ align-items: center;
1395
+ display: flex;
1396
+ flex-wrap: wrap;
1615
1397
  }
1616
1398
 
1617
- .v-pagination .v-btn {
1618
- border-radius: 4px;
1619
- }
1620
- .v-btn__overlay {
1621
- transition: none;
1399
+ .v-row {
1400
+ display: flex;
1401
+ flex-wrap: wrap;
1402
+ flex: 1 1 auto;
1403
+ margin: -12px;
1622
1404
  }
1623
- .v-pagination__item--is-active .v-btn__overlay {
1624
- opacity: var(--v-border-opacity);
1405
+ .v-row + .v-row {
1406
+ margin-top: 12px;
1625
1407
  }
1626
-
1627
- .v-snackbar-actions .v-btn {
1628
- padding: 0 8px;
1408
+ .v-row + .v-row--dense {
1409
+ margin-top: 4px;
1629
1410
  }
1630
- .v-ripple__container {
1631
- color: inherit;
1632
- border-radius: inherit;
1633
- position: absolute;
1634
- width: 100%;
1635
- height: 100%;
1636
- left: 0;
1637
- top: 0;
1638
- overflow: hidden;
1639
- z-index: 0;
1640
- pointer-events: none;
1641
- contain: strict;
1411
+ .v-row--dense {
1412
+ margin: -4px;
1642
1413
  }
1643
- .v-ripple__animation {
1644
- color: inherit;
1645
- position: absolute;
1646
- top: 0;
1647
- left: 0;
1648
- border-radius: 50%;
1649
- background: currentColor;
1650
- opacity: 0;
1651
- pointer-events: none;
1652
- overflow: hidden;
1653
- will-change: transform, opacity;
1414
+ .v-row--dense > .v-col,
1415
+ .v-row--dense > [class*=v-col-] {
1416
+ padding: 4px;
1654
1417
  }
1655
- .v-ripple__animation--enter {
1656
- transition: none;
1657
- opacity: 0;
1418
+ .v-row.v-row--no-gutters {
1419
+ margin: 0;
1658
1420
  }
1659
- .v-ripple__animation--in {
1660
- transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
1661
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
1421
+ .v-row.v-row--no-gutters > .v-col,
1422
+ .v-row.v-row--no-gutters > [class*=v-col-] {
1423
+ padding: 0;
1662
1424
  }
1663
- .v-ripple__animation--out {
1664
- transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
1665
- opacity: 0;
1425
+
1426
+ .v-spacer {
1427
+ flex-grow: 1;
1666
1428
  }
1667
- .v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
1668
- opacity: var(--v-activated-opacity);
1429
+
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 {
1437
+ width: 100%;
1438
+ padding: 12px;
1669
1439
  }
1670
- /** if false, disabled buttons will be greyed out */
1671
- .v-btn-group {
1672
- display: inline-flex;
1673
- flex-wrap: nowrap;
1440
+
1441
+ .v-col {
1442
+ flex-basis: 0;
1443
+ flex-grow: 1;
1674
1444
  max-width: 100%;
1675
- min-width: 0;
1676
- overflow: hidden;
1677
- vertical-align: middle;
1678
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
1679
- border-style: solid;
1680
- border-width: 0;
1681
- 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));
1682
- border-radius: 4px;
1683
- background: transparent;
1684
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1685
- }
1686
- .v-btn-group--border {
1687
- border-width: thin;
1688
- box-shadow: none;
1689
1445
  }
1690
- .v-btn-group--density-default.v-btn-group {
1691
- height: 48px;
1446
+
1447
+ .v-col-auto {
1448
+ flex: 0 0 auto;
1449
+ width: auto;
1450
+ max-width: 100%;
1692
1451
  }
1693
1452
 
1694
- .v-btn-group--density-comfortable.v-btn-group {
1695
- height: 40px;
1453
+ .v-col-1 {
1454
+ flex: 0 0 8.3333333333%;
1455
+ max-width: 8.3333333333%;
1696
1456
  }
1697
1457
 
1698
- .v-btn-group--density-compact.v-btn-group {
1699
- height: 36px;
1458
+ .v-col-2 {
1459
+ flex: 0 0 16.6666666667%;
1460
+ max-width: 16.6666666667%;
1700
1461
  }
1701
1462
 
1702
- .v-btn-group .v-btn {
1703
- border-radius: 0;
1704
- border-color: inherit;
1463
+ .v-col-3 {
1464
+ flex: 0 0 25%;
1465
+ max-width: 25%;
1705
1466
  }
1706
- .v-btn-group .v-btn:not(:last-child) {
1707
- border-inline-end: none;
1467
+
1468
+ .v-col-4 {
1469
+ flex: 0 0 33.3333333333%;
1470
+ max-width: 33.3333333333%;
1708
1471
  }
1709
- .v-btn-group .v-btn:not(:first-child) {
1710
- border-inline-start: none;
1472
+
1473
+ .v-col-5 {
1474
+ flex: 0 0 41.6666666667%;
1475
+ max-width: 41.6666666667%;
1711
1476
  }
1712
- .v-btn-group .v-btn:first-child {
1713
- border-start-start-radius: inherit;
1714
- border-end-start-radius: inherit;
1477
+
1478
+ .v-col-6 {
1479
+ flex: 0 0 50%;
1480
+ max-width: 50%;
1715
1481
  }
1716
- .v-btn-group .v-btn:last-child {
1717
- border-start-end-radius: inherit;
1718
- border-end-end-radius: inherit;
1482
+
1483
+ .v-col-7 {
1484
+ flex: 0 0 58.3333333333%;
1485
+ max-width: 58.3333333333%;
1719
1486
  }
1720
- .v-btn-group--divided .v-btn:not(:last-child) {
1721
- border-inline-end-width: thin;
1722
- border-inline-end-style: solid;
1723
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
1487
+
1488
+ .v-col-8 {
1489
+ flex: 0 0 66.6666666667%;
1490
+ max-width: 66.6666666667%;
1724
1491
  }
1725
- .v-btn-group--tile {
1726
- border-radius: 0;
1492
+
1493
+ .v-col-9 {
1494
+ flex: 0 0 75%;
1495
+ max-width: 75%;
1727
1496
  }
1728
- .v-progress-linear {
1729
- background: transparent;
1730
- overflow: hidden;
1731
- position: relative;
1732
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1733
- width: 100%;
1497
+
1498
+ .v-col-10 {
1499
+ flex: 0 0 83.3333333333%;
1500
+ max-width: 83.3333333333%;
1734
1501
  }
1735
1502
 
1736
- .v-progress-linear__background {
1737
- background: currentColor;
1738
- bottom: 0;
1739
- left: 0;
1740
- opacity: var(--v-border-opacity);
1741
- position: absolute;
1742
- top: 0;
1743
- transition-property: width, left, right;
1744
- transition: inherit;
1503
+ .v-col-11 {
1504
+ flex: 0 0 91.6666666667%;
1505
+ max-width: 91.6666666667%;
1745
1506
  }
1746
1507
 
1747
- .v-progress-linear__content {
1748
- align-items: center;
1749
- display: flex;
1750
- height: 100%;
1751
- justify-content: center;
1752
- left: 0;
1753
- pointer-events: none;
1754
- position: absolute;
1755
- top: 0;
1756
- width: 100%;
1508
+ .v-col-12 {
1509
+ flex: 0 0 100%;
1510
+ max-width: 100%;
1757
1511
  }
1758
1512
 
1759
- .v-progress-linear__determinate,
1760
- .v-progress-linear__indeterminate {
1761
- background: currentColor;
1513
+ .v-locale--is-ltr.offset-1, .v-locale--is-ltr .offset-1 {
1514
+ margin-left: 8.3333333333%;
1762
1515
  }
1763
1516
 
1764
- .v-progress-linear__determinate {
1765
- height: inherit;
1766
- left: 0;
1767
- position: absolute;
1768
- transition: inherit;
1769
- transition-property: width, left, right;
1517
+ .v-locale--is-rtl.offset-1, .v-locale--is-rtl .offset-1 {
1518
+ margin-right: 8.3333333333%;
1770
1519
  }
1771
1520
 
1772
- .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
1773
- animation-play-state: paused;
1774
- animation-duration: 2.2s;
1775
- animation-iteration-count: infinite;
1776
- bottom: 0;
1777
- height: inherit;
1778
- left: 0;
1779
- position: absolute;
1780
- right: auto;
1781
- top: 0;
1782
- width: auto;
1783
- will-change: left, right;
1521
+ .v-locale--is-ltr.offset-2, .v-locale--is-ltr .offset-2 {
1522
+ margin-left: 16.6666666667%;
1784
1523
  }
1785
- .v-progress-linear__indeterminate .long {
1786
- animation-name: indeterminate-ltr;
1524
+
1525
+ .v-locale--is-rtl.offset-2, .v-locale--is-rtl .offset-2 {
1526
+ margin-right: 16.6666666667%;
1787
1527
  }
1788
- .v-progress-linear__indeterminate .short {
1789
- animation-name: indeterminate-short-ltr;
1528
+
1529
+ .v-locale--is-ltr.offset-3, .v-locale--is-ltr .offset-3 {
1530
+ margin-left: 25%;
1790
1531
  }
1791
1532
 
1792
- .v-progress-linear__stream {
1793
- animation: stream 0.25s infinite linear;
1794
- animation-play-state: paused;
1795
- bottom: 0;
1796
- left: auto;
1797
- opacity: 0.3;
1798
- pointer-events: none;
1799
- position: absolute;
1800
- transition: inherit;
1801
- transition-property: width, left, right;
1533
+ .v-locale--is-rtl.offset-3, .v-locale--is-rtl .offset-3 {
1534
+ margin-right: 25%;
1802
1535
  }
1803
1536
 
1804
- .v-progress-linear--reverse .v-progress-linear__background,
1805
- .v-progress-linear--reverse .v-progress-linear__determinate,
1806
- .v-progress-linear--reverse .v-progress-linear__content {
1807
- left: auto;
1808
- right: 0;
1537
+ .v-locale--is-ltr.offset-4, .v-locale--is-ltr .offset-4 {
1538
+ margin-left: 33.3333333333%;
1809
1539
  }
1810
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
1811
- left: auto;
1812
- right: 0;
1540
+
1541
+ .v-locale--is-rtl.offset-4, .v-locale--is-rtl .offset-4 {
1542
+ margin-right: 33.3333333333%;
1813
1543
  }
1814
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
1815
- animation-name: indeterminate-rtl;
1544
+
1545
+ .v-locale--is-ltr.offset-5, .v-locale--is-ltr .offset-5 {
1546
+ margin-left: 41.6666666667%;
1816
1547
  }
1817
- .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
1818
- animation-name: indeterminate-short-rtl;
1548
+
1549
+ .v-locale--is-rtl.offset-5, .v-locale--is-rtl .offset-5 {
1550
+ margin-right: 41.6666666667%;
1819
1551
  }
1820
- .v-progress-linear--reverse .v-progress-linear__stream {
1821
- right: auto;
1552
+
1553
+ .v-locale--is-ltr.offset-6, .v-locale--is-ltr .offset-6 {
1554
+ margin-left: 50%;
1822
1555
  }
1823
1556
 
1824
- .v-progress-linear--absolute,
1825
- .v-progress-linear--fixed {
1826
- left: 0;
1827
- z-index: 1;
1557
+ .v-locale--is-rtl.offset-6, .v-locale--is-rtl .offset-6 {
1558
+ margin-right: 50%;
1828
1559
  }
1829
1560
 
1830
- .v-progress-linear--absolute {
1831
- position: absolute;
1561
+ .v-locale--is-ltr.offset-7, .v-locale--is-ltr .offset-7 {
1562
+ margin-left: 58.3333333333%;
1832
1563
  }
1833
1564
 
1834
- .v-progress-linear--fixed {
1835
- position: fixed;
1565
+ .v-locale--is-rtl.offset-7, .v-locale--is-rtl .offset-7 {
1566
+ margin-right: 58.3333333333%;
1836
1567
  }
1837
1568
 
1838
- .v-progress-linear--rounded {
1839
- border-radius: 4px;
1569
+ .v-locale--is-ltr.offset-8, .v-locale--is-ltr .offset-8 {
1570
+ margin-left: 66.6666666667%;
1840
1571
  }
1841
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
1842
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
1843
- border-radius: inherit;
1572
+
1573
+ .v-locale--is-rtl.offset-8, .v-locale--is-rtl .offset-8 {
1574
+ margin-right: 66.6666666667%;
1844
1575
  }
1845
1576
 
1846
- .v-progress-linear--striped .v-progress-linear__determinate {
1847
- animation: progress-linear-stripes 1s infinite linear;
1848
- 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);
1849
- background-repeat: repeat;
1850
- background-size: var(--v-progress-linear-height);
1577
+ .v-locale--is-ltr.offset-9, .v-locale--is-ltr .offset-9 {
1578
+ margin-left: 75%;
1851
1579
  }
1852
1580
 
1853
- .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
1854
- animation-play-state: running;
1581
+ .v-locale--is-rtl.offset-9, .v-locale--is-rtl .offset-9 {
1582
+ margin-right: 75%;
1855
1583
  }
1856
- .v-progress-linear--active .v-progress-linear__stream {
1857
- animation-play-state: running;
1584
+
1585
+ .v-locale--is-ltr.offset-10, .v-locale--is-ltr .offset-10 {
1586
+ margin-left: 83.3333333333%;
1858
1587
  }
1859
1588
 
1860
- .v-progress-linear--rounded-bar .v-progress-linear__determinate,
1861
- .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
1862
- .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
1863
- border-radius: 4px;
1589
+ .v-locale--is-rtl.offset-10, .v-locale--is-rtl .offset-10 {
1590
+ margin-right: 83.3333333333%;
1591
+ }
1592
+
1593
+ .v-locale--is-ltr.offset-11, .v-locale--is-ltr .offset-11 {
1594
+ margin-left: 91.6666666667%;
1595
+ }
1596
+
1597
+ .v-locale--is-rtl.offset-11, .v-locale--is-rtl .offset-11 {
1598
+ margin-right: 91.6666666667%;
1599
+ }
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
+ }
1864
1864
  }
1865
- .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 {
1866
- border-top-left-radius: 0;
1867
- border-bottom-left-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
+ }
1868
1996
  }
1869
- .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 {
1870
- border-top-right-radius: 0;
1871
- border-bottom-right-radius: 0;
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%;
2121
+ }
2122
+ .v-locale--is-ltr.offset-xl-11, .v-locale--is-ltr .offset-xl-11 {
2123
+ margin-left: 91.6666666667%;
2124
+ }
2125
+ .v-locale--is-rtl.offset-xl-11, .v-locale--is-rtl .offset-xl-11 {
2126
+ margin-right: 91.6666666667%;
2127
+ }
1872
2128
  }
1873
-
1874
- @keyframes indeterminate-ltr {
1875
- 0% {
1876
- left: -90%;
1877
- right: 100%;
2129
+ @media (min-width: 2560px) {
2130
+ .v-col-xxl {
2131
+ flex-basis: 0;
2132
+ flex-grow: 1;
2133
+ max-width: 100%;
2134
+ }
2135
+ .v-col-xxl-auto {
2136
+ flex: 0 0 auto;
2137
+ width: auto;
2138
+ max-width: 100%;
1878
2139
  }
1879
- 60% {
1880
- left: -90%;
1881
- right: 100%;
2140
+ .v-col-xxl-1 {
2141
+ flex: 0 0 8.3333333333%;
2142
+ max-width: 8.3333333333%;
1882
2143
  }
1883
- 100% {
1884
- left: 100%;
1885
- right: -35%;
2144
+ .v-col-xxl-2 {
2145
+ flex: 0 0 16.6666666667%;
2146
+ max-width: 16.6666666667%;
1886
2147
  }
1887
- }
1888
- @keyframes indeterminate-rtl {
1889
- 0% {
1890
- left: 100%;
1891
- right: -90%;
2148
+ .v-col-xxl-3 {
2149
+ flex: 0 0 25%;
2150
+ max-width: 25%;
1892
2151
  }
1893
- 60% {
1894
- left: 100%;
1895
- right: -90%;
2152
+ .v-col-xxl-4 {
2153
+ flex: 0 0 33.3333333333%;
2154
+ max-width: 33.3333333333%;
1896
2155
  }
1897
- 100% {
1898
- left: -35%;
1899
- right: 100%;
2156
+ .v-col-xxl-5 {
2157
+ flex: 0 0 41.6666666667%;
2158
+ max-width: 41.6666666667%;
1900
2159
  }
1901
- }
1902
- @keyframes indeterminate-short-ltr {
1903
- 0% {
1904
- left: -200%;
1905
- right: 100%;
2160
+ .v-col-xxl-6 {
2161
+ flex: 0 0 50%;
2162
+ max-width: 50%;
1906
2163
  }
1907
- 60% {
1908
- left: 107%;
1909
- right: -8%;
2164
+ .v-col-xxl-7 {
2165
+ flex: 0 0 58.3333333333%;
2166
+ max-width: 58.3333333333%;
1910
2167
  }
1911
- 100% {
1912
- left: 107%;
1913
- right: -8%;
2168
+ .v-col-xxl-8 {
2169
+ flex: 0 0 66.6666666667%;
2170
+ max-width: 66.6666666667%;
1914
2171
  }
1915
- }
1916
- @keyframes indeterminate-short-rtl {
1917
- 0% {
1918
- left: 100%;
1919
- right: -200%;
2172
+ .v-col-xxl-9 {
2173
+ flex: 0 0 75%;
2174
+ max-width: 75%;
1920
2175
  }
1921
- 60% {
1922
- left: -8%;
1923
- right: 107%;
2176
+ .v-col-xxl-10 {
2177
+ flex: 0 0 83.3333333333%;
2178
+ max-width: 83.3333333333%;
1924
2179
  }
1925
- 100% {
1926
- left: -8%;
1927
- right: 107%;
2180
+ .v-col-xxl-11 {
2181
+ flex: 0 0 91.6666666667%;
2182
+ max-width: 91.6666666667%;
1928
2183
  }
1929
- }
1930
- @keyframes stream {
1931
- to {
1932
- transform: translateX(var(--v-progress-linear-stream-to));
2184
+ .v-col-xxl-12 {
2185
+ flex: 0 0 100%;
2186
+ max-width: 100%;
1933
2187
  }
1934
- }
1935
- @keyframes progress-linear-stripes {
1936
- 0% {
1937
- background-position-x: var(--v-progress-linear-height);
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%;
1938
2259
  }
1939
2260
  }
1940
- .v-progress-circular {
1941
- align-items: center;
1942
- display: inline-flex;
1943
- justify-content: center;
2261
+ .v-window {
2262
+ overflow: hidden;
2263
+ }
2264
+ .v-window__container {
2265
+ display: flex;
2266
+ flex-direction: column;
2267
+ height: inherit;
1944
2268
  position: relative;
1945
- vertical-align: middle;
2269
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
1946
2270
  }
1947
- .v-progress-circular > svg {
1948
- width: 100%;
1949
- height: 100%;
1950
- margin: auto;
2271
+ .v-window__controls {
1951
2272
  position: absolute;
1952
- top: 0;
1953
- bottom: 0;
1954
2273
  left: 0;
1955
- right: 0;
1956
- z-index: 0;
1957
- }
1958
-
1959
- .v-progress-circular__content {
1960
- align-items: center;
2274
+ top: 0;
2275
+ width: 100%;
2276
+ height: 100%;
1961
2277
  display: flex;
1962
- justify-content: center;
2278
+ align-items: center;
2279
+ justify-content: space-between;
2280
+ padding: 0 16px;
2281
+ pointer-events: none;
1963
2282
  }
1964
-
1965
- .v-progress-circular__underlay {
1966
- color: rgba(var(--v-border-color), var(--v-border-opacity));
1967
- stroke: currentColor;
1968
- z-index: 1;
2283
+ .v-window__controls * {
2284
+ pointer-events: auto;
1969
2285
  }
1970
-
1971
- .v-progress-circular__overlay {
1972
- stroke: currentColor;
1973
- transition: all 0.2s ease-in-out, stroke-width 0s;
1974
- z-index: 2;
2286
+ .v-window--show-arrows-on-hover {
2287
+ overflow: hidden;
1975
2288
  }
1976
-
1977
- .v-progress-circular--size-x-small {
1978
- height: 16px;
1979
- width: 16px;
2289
+ .v-window--show-arrows-on-hover .v-window__left {
2290
+ transform: translateX(-200%);
1980
2291
  }
1981
- .v-progress-circular--size-small {
1982
- height: 24px;
1983
- width: 24px;
2292
+ .v-window--show-arrows-on-hover .v-window__right {
2293
+ transform: translateX(200%);
1984
2294
  }
1985
- .v-progress-circular--size-default {
1986
- height: 32px;
1987
- 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);
1988
2298
  }
1989
- .v-progress-circular--size-large {
1990
- height: 48px;
1991
- 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);
1992
2301
  }
1993
- .v-progress-circular--size-x-large {
1994
- height: 64px;
1995
- 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%;
1996
2306
  }
1997
-
1998
- .v-progress-circular--indeterminate > svg {
1999
- animation: progress-circular-rotate 1.4s linear infinite;
2000
- transform-origin: center center;
2001
- transition: all 0.2s ease-in-out;
2307
+ .v-window-x-transition-enter-from {
2308
+ transform: translateX(100%);
2002
2309
  }
2003
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
2004
- animation: progress-circular-dash 1.4s ease-in-out infinite;
2005
- stroke-dasharray: 25, 200;
2006
- stroke-dashoffset: 0;
2007
- stroke-linecap: round;
2310
+ .v-window-x-transition-leave-to {
2311
+ transform: translateX(-100%);
2008
2312
  }
2009
-
2010
- .v-progress-circular--disable-shrink > svg {
2011
- animation-duration: 0.7s;
2313
+ .v-window-x-reverse-transition-enter-from {
2314
+ transform: translateX(-100%);
2012
2315
  }
2013
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
2014
- animation: none;
2316
+ .v-window-x-reverse-transition-leave-to {
2317
+ transform: translateX(100%);
2015
2318
  }
2016
-
2017
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
2018
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
2019
- animation-play-state: paused !important;
2319
+ .v-window-y-transition-enter-from {
2320
+ transform: translateY(100%);
2020
2321
  }
2021
-
2022
- @keyframes progress-circular-dash {
2023
- 0% {
2024
- stroke-dasharray: 1, 200;
2025
- stroke-dashoffset: 0px;
2026
- }
2027
- 50% {
2028
- stroke-dasharray: 100, 200;
2029
- stroke-dashoffset: -15px;
2030
- }
2031
- 100% {
2032
- stroke-dasharray: 100, 200;
2033
- stroke-dashoffset: -124px;
2034
- }
2322
+ .v-window-y-transition-leave-to {
2323
+ transform: translateY(-100%);
2324
+ }
2325
+ .v-window-y-reverse-transition-enter-from {
2326
+ transform: translateY(-100%);
2035
2327
  }
2036
- @keyframes progress-circular-rotate {
2037
- 100% {
2038
- transform: rotate(270deg);
2039
- }
2328
+ .v-window-y-reverse-transition-leave-to {
2329
+ transform: translateY(100%);
2040
2330
  }
2041
2331
  .v-messages {
2042
2332
  flex: 1 1 auto;
@@ -2096,6 +2386,10 @@
2096
2386
  overflow: hidden;
2097
2387
  position: relative;
2098
2388
  }
2389
+ .v-responsive--inline {
2390
+ display: inline-flex;
2391
+ flex: 0 0 auto;
2392
+ }
2099
2393
 
2100
2394
  .v-responsive__content {
2101
2395
  flex: 1 0 0px;
@@ -2119,6 +2413,7 @@
2119
2413
  }
2120
2414
  .v-label {
2121
2415
  align-items: center;
2416
+ color: inherit;
2122
2417
  display: inline-flex;
2123
2418
  font-size: 1rem;
2124
2419
  letter-spacing: 0.009375em;
@@ -2152,6 +2447,12 @@
2152
2447
  .v-sheet--fixed {
2153
2448
  position: fixed;
2154
2449
  }
2450
+ .v-sheet--relative {
2451
+ position: relative;
2452
+ }
2453
+ .v-sheet--sticky {
2454
+ position: sticky;
2455
+ }
2155
2456
  .v-sheet--rounded {
2156
2457
  border-radius: 4px;
2157
2458
  }
@@ -2209,6 +2510,8 @@
2209
2510
 
2210
2511
  .v-overlay-scroll-blocked {
2211
2512
  padding-inline-end: var(--v-scrollbar-offset);
2513
+ }
2514
+ .v-overlay-scroll-blocked:not(html) {
2212
2515
  overflow-y: hidden !important;
2213
2516
  }
2214
2517
  html.v-overlay-scroll-blocked {
@@ -2243,7 +2546,7 @@ html.v-overlay-scroll-blocked {
2243
2546
  border-radius: inherit;
2244
2547
  bottom: 0;
2245
2548
  left: 0;
2246
- opacity: 32%;
2549
+ opacity: 0.32;
2247
2550
  position: fixed;
2248
2551
  right: 0;
2249
2552
  top: 0;
@@ -2266,23 +2569,36 @@ html.v-overlay-scroll-blocked {
2266
2569
  font-size: 1rem;
2267
2570
  font-weight: 400;
2268
2571
  line-height: 1.5;
2572
+ --v-input-chips-margin-top: 2px;
2269
2573
  }
2270
2574
  .v-input--disabled {
2271
2575
  pointer-events: none;
2272
2576
  }
2273
2577
  .v-input--density-default {
2274
2578
  --v-input-control-height: 56px;
2275
- --v-input-padding-top: 16px;
2579
+ --v-input-padding-top: 15px;
2276
2580
  }
2277
2581
 
2278
2582
  .v-input--density-comfortable {
2279
2583
  --v-input-control-height: 48px;
2280
- --v-input-padding-top: 12px;
2584
+ --v-input-padding-top: 11px;
2281
2585
  }
2282
2586
 
2283
2587
  .v-input--density-compact {
2284
2588
  --v-input-control-height: 40px;
2285
- --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;
2286
2602
  }
2287
2603
 
2288
2604
  .v-input--vertical {
@@ -2358,8 +2674,14 @@ html.v-overlay-scroll-blocked {
2358
2674
  .v-input__prepend,
2359
2675
  .v-input__append {
2360
2676
  display: flex;
2677
+ align-items: flex-start;
2361
2678
  padding-top: var(--v-input-padding-top);
2362
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
+ }
2363
2685
 
2364
2686
  .v-input__prepend {
2365
2687
  grid-area: prepend;
@@ -2379,6 +2701,147 @@ html.v-overlay-scroll-blocked {
2379
2701
  font-size: 12px;
2380
2702
  transition-duration: 150ms;
2381
2703
  }
2704
+ .v-table {
2705
+ background: rgb(var(--v-theme-surface));
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);
2710
+ }
2711
+ .v-table .v-table-divider {
2712
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
2713
+ }
2714
+ .v-table .v-table__wrapper > table > thead > tr > th {
2715
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
2716
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
2717
+ }
2718
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
2719
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
2720
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
2721
+ }
2722
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
2723
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
2724
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
2725
+ }
2726
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover td {
2727
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
2728
+ }
2729
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
2730
+ background: rgb(var(--v-theme-surface));
2731
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
2732
+ z-index: 1;
2733
+ }
2734
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
2735
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
2736
+ background: rgb(var(--v-theme-surface));
2737
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
2738
+ }
2739
+
2740
+ .v-table {
2741
+ --v-table-header-height: 56px;
2742
+ border-radius: inherit;
2743
+ line-height: 1.5;
2744
+ max-width: 100%;
2745
+ display: flex;
2746
+ flex-direction: column;
2747
+ }
2748
+ .v-table > .v-table__wrapper > table {
2749
+ width: 100%;
2750
+ border-spacing: 0;
2751
+ }
2752
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
2753
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
2754
+ .v-table > .v-table__wrapper > table > thead > tr > td,
2755
+ .v-table > .v-table__wrapper > table > thead > tr > th,
2756
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
2757
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
2758
+ padding: 0 16px;
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);
2762
+ }
2763
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
2764
+ .v-table > .v-table__wrapper > table > thead > tr > th,
2765
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
2766
+ font-weight: 500;
2767
+ user-select: none;
2768
+ text-align: start;
2769
+ }
2770
+ .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
2771
+ .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
2772
+ .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
2773
+ height: calc(var(--v-table-header-height) + 0px);
2774
+ }
2775
+ .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
2776
+ .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
2777
+ .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
2778
+ height: calc(var(--v-table-row-height, 52px) + 0px);
2779
+ }
2780
+
2781
+ .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
2782
+ .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
2783
+ .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
2784
+ height: calc(var(--v-table-header-height) - 8px);
2785
+ }
2786
+ .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
2787
+ .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
2788
+ .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
2789
+ height: calc(var(--v-table-row-height, 52px) - 8px);
2790
+ }
2791
+
2792
+ .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
2793
+ .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
2794
+ .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
2795
+ height: calc(var(--v-table-header-height) - 16px);
2796
+ }
2797
+ .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
2798
+ .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
2799
+ .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
2800
+ height: calc(var(--v-table-row-height, 52px) - 16px);
2801
+ }
2802
+
2803
+ .v-table__wrapper {
2804
+ border-radius: inherit;
2805
+ overflow: auto;
2806
+ flex: 1 1 auto;
2807
+ }
2808
+
2809
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
2810
+ border-top-left-radius: 0;
2811
+ }
2812
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
2813
+ border-top-right-radius: 0;
2814
+ }
2815
+
2816
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
2817
+ border-bottom-left-radius: 0;
2818
+ }
2819
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
2820
+ border-bottom-right-radius: 0;
2821
+ }
2822
+
2823
+ .v-table--fixed-height > .v-table__wrapper {
2824
+ overflow-y: auto;
2825
+ }
2826
+
2827
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
2828
+ position: sticky;
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;
2834
+ }
2835
+
2836
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
2837
+ position: sticky;
2838
+ bottom: 0;
2839
+ z-index: 1;
2840
+ }
2841
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
2842
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
2843
+ border-top: 0px !important;
2844
+ }
2382
2845
  /* region INPUT */
2383
2846
  .v-field {
2384
2847
  display: grid;
@@ -2395,12 +2858,17 @@ html.v-overlay-scroll-blocked {
2395
2858
  --v-field-padding-start: 16px;
2396
2859
  --v-field-padding-end: 16px;
2397
2860
  --v-field-padding-top: 10px;
2398
- --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);
2399
2864
  }
2400
2865
  .v-field--disabled {
2401
2866
  opacity: var(--v-disabled-opacity);
2402
2867
  pointer-events: none;
2403
2868
  }
2869
+ .v-field .v-chip {
2870
+ --v-chip-height: 24px;
2871
+ }
2404
2872
 
2405
2873
  /* endregion */
2406
2874
  /* region MODIFIERS */
@@ -2410,44 +2878,53 @@ html.v-overlay-scroll-blocked {
2410
2878
  .v-field--appended {
2411
2879
  padding-inline-end: 12px;
2412
2880
  }
2413
- .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 {
2414
2888
  background: rgb(var(--v-theme-surface));
2415
2889
  border-color: transparent;
2416
2890
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
2417
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));
2418
2892
  }
2893
+ .v-field--variant-solo-inverted.v-field--focused {
2894
+ color: rgb(var(--v-theme-on-surface-variant));
2895
+ }
2419
2896
  .v-field--variant-filled {
2420
2897
  border-bottom-left-radius: 0;
2421
2898
  border-bottom-right-radius: 0;
2422
2899
  }
2423
- .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 {
2424
2901
  --v-input-control-height: 56px;
2425
- --v-field-padding-bottom: 6px;
2902
+ --v-field-padding-bottom: 5px;
2426
2903
  }
2427
2904
 
2428
- .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 {
2429
2906
  --v-input-control-height: 48px;
2430
- --v-field-padding-bottom: 2px;
2907
+ --v-field-padding-bottom: 1px;
2431
2908
  }
2432
2909
 
2433
- .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 {
2434
2911
  --v-input-control-height: 40px;
2435
- --v-field-padding-bottom: -2px;
2912
+ --v-field-padding-bottom: 0px;
2436
2913
  }
2437
2914
 
2438
2915
  .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
2439
2916
  --v-field-padding-top: 0px;
2440
2917
  }
2441
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 {
2442
- --v-field-padding-bottom: 16px;
2919
+ --v-field-padding-bottom: 15px;
2443
2920
  }
2444
2921
 
2445
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 {
2446
- --v-field-padding-bottom: 12px;
2923
+ --v-field-padding-bottom: 11px;
2447
2924
  }
2448
2925
 
2449
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 {
2450
- --v-field-padding-bottom: 8px;
2927
+ --v-field-padding-bottom: 7px;
2451
2928
  }
2452
2929
 
2453
2930
  .v-field--variant-plain, .v-field--variant-underlined {
@@ -2457,21 +2934,29 @@ html.v-overlay-scroll-blocked {
2457
2934
  .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
2458
2935
  --v-field-padding-start: 0px;
2459
2936
  --v-field-padding-end: 0px;
2460
- --v-field-padding-top: 6px;
2461
- --v-field-padding-bottom: 2px;
2937
+ --v-field-padding-top: var(--v-field-padding-top--plain-underlined, 6px);
2462
2938
  }
2463
2939
  .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
2464
2940
  --v-input-control-height: 48px;
2941
+ --v-field-padding-bottom: 5px;
2465
2942
  }
2466
2943
 
2467
2944
  .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
2468
2945
  --v-input-control-height: 40px;
2946
+ --v-field-padding-bottom: 1px;
2469
2947
  }
2470
2948
 
2471
2949
  .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
2472
2950
  --v-input-control-height: 32px;
2951
+ --v-field-padding-bottom: 0px;
2473
2952
  }
2474
2953
 
2954
+ .v-field--flat {
2955
+ box-shadow: none;
2956
+ }
2957
+ .v-field--rounded {
2958
+ border-radius: 9999px;
2959
+ }
2475
2960
  .v-field.v-field--prepended {
2476
2961
  --v-field-padding-start: 6px;
2477
2962
  }
@@ -2487,11 +2972,13 @@ html.v-overlay-scroll-blocked {
2487
2972
  flex-wrap: wrap;
2488
2973
  letter-spacing: 0.009375em;
2489
2974
  opacity: var(--v-high-emphasis-opacity);
2490
- 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;
2491
2977
  padding-inline-start: var(--v-field-padding-start);
2492
2978
  padding-inline-end: var(--v-field-padding-end);
2493
- padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
2494
- 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;
2495
2982
  width: 100%;
2496
2983
  }
2497
2984
  .v-field__input input {
@@ -2535,13 +3022,30 @@ textarea.v-field__input::placeholder {
2535
3022
  padding-inline-start: var(--v-field-padding-after);
2536
3023
  }
2537
3024
 
2538
- .v-field__prepend-inner,
2539
3025
  .v-field__append-inner,
2540
- .v-field__clearable {
2541
- align-items: flex-start;
3026
+ .v-field__clearable,
3027
+ .v-field__prepend-inner {
2542
3028
  display: flex;
3029
+ align-items: flex-start;
2543
3030
  padding-top: var(--v-input-padding-top, 10px);
2544
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
+ }
2545
3049
 
2546
3050
  .v-field--focused .v-field__prepend-inner,
2547
3051
  .v-field--focused .v-field__append-inner {
@@ -2569,6 +3073,7 @@ textarea.v-field__input::placeholder {
2569
3073
  .v-field__clearable {
2570
3074
  cursor: pointer;
2571
3075
  opacity: 0;
3076
+ overflow: hidden;
2572
3077
  margin-inline-start: 4px;
2573
3078
  margin-inline-end: 4px;
2574
3079
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
@@ -2592,10 +3097,18 @@ textarea.v-field__input::placeholder {
2592
3097
  max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
2593
3098
  pointer-events: none;
2594
3099
  position: absolute;
2595
- top: var(--v-input-padding-top, 10px);
3100
+ top: var(--v-input-padding-top);
2596
3101
  transform-origin: left center;
2597
3102
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
2598
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%);
2599
3112
  }
2600
3113
  .v-field--active .v-label.v-field-label {
2601
3114
  visibility: hidden;
@@ -2612,24 +3125,28 @@ textarea.v-field__input::placeholder {
2612
3125
  visibility: hidden;
2613
3126
  max-width: 100%;
2614
3127
  }
3128
+ .v-field--center-affix .v-label.v-field-label--floating {
3129
+ transform: none;
3130
+ }
2615
3131
  .v-field.v-field--active .v-label.v-field-label--floating {
2616
- visibility: visible;
3132
+ visibility: unset;
2617
3133
  }
2618
- .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 {
2619
3135
  top: 7px;
2620
3136
  }
2621
3137
 
2622
- .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 {
2623
3139
  top: 5px;
2624
3140
  }
2625
3141
 
2626
- .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 {
2627
3143
  top: 3px;
2628
3144
  }
2629
3145
 
2630
3146
  .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
2631
3147
  transform: translateY(-16px);
2632
3148
  margin: 0;
3149
+ top: var(--v-input-padding-top);
2633
3150
  }
2634
3151
  .v-field--variant-outlined .v-label.v-field-label--floating {
2635
3152
  transform: translateY(-50%);
@@ -2668,6 +3185,7 @@ textarea.v-field__input::placeholder {
2668
3185
  --v-field-border-width: 2px;
2669
3186
  }
2670
3187
  .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
3188
+ border-color: currentColor;
2671
3189
  border-style: solid;
2672
3190
  border-width: 0 0 var(--v-field-border-width);
2673
3191
  opacity: var(--v-field-border-opacity);
@@ -2710,16 +3228,29 @@ textarea.v-field__input::placeholder {
2710
3228
  border-bottom-width: var(--v-field-border-width);
2711
3229
  border-inline-start-width: var(--v-field-border-width);
2712
3230
  }
2713
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
2714
- 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;
2715
3242
  }
2716
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
2717
- 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;
2718
3249
  }
3250
+
2719
3251
  .v-field--variant-outlined .v-field__outline__notch {
2720
3252
  flex: none;
2721
3253
  position: relative;
2722
- border-width: 0 0 var(--v-field-border-width);
2723
3254
  }
2724
3255
  .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
2725
3256
  opacity: var(--v-field-border-opacity);
@@ -2748,180 +3279,121 @@ textarea.v-field__input::placeholder {
2748
3279
  border-bottom-width: var(--v-field-border-width);
2749
3280
  border-inline-end-width: var(--v-field-border-width);
2750
3281
  }
2751
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
2752
- 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;
2753
3287
  }
2754
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
2755
- 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;
2756
3294
  }
2757
3295
 
2758
3296
  /* endregion */
2759
3297
  /* region LOADER */
2760
3298
  .v-field__loader {
2761
- bottom: 0;
3299
+ top: calc(100% - 2px);
2762
3300
  left: 0;
2763
3301
  position: absolute;
2764
3302
  right: 0;
2765
3303
  width: 100%;
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;
2766
3309
  }
2767
-
2768
- /* endregion */
2769
- /* region OVERLAY */
2770
- .v-field--variant-filled .v-field__overlay {
2771
- background-color: currentColor;
2772
- border-radius: inherit;
2773
- opacity: 0.04;
2774
- pointer-events: none;
2775
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
2776
- position: absolute;
2777
- top: 0;
2778
- left: 0;
2779
- width: 100%;
2780
- height: 100%;
2781
- }
2782
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
2783
- opacity: 0;
2784
- }
2785
- @media (hover: hover) {
2786
- .v-field--variant-filled:hover .v-field__overlay {
2787
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
2788
- }
2789
- }
2790
- .v-field--variant-filled.v-field--focused .v-field__overlay {
2791
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
2792
- }
2793
-
2794
- /* endregion */
2795
- /* region MODIFIERS */
2796
- .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
2797
- text-align: right;
2798
- }
2799
- .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
2800
- text-align: left;
2801
- }
2802
-
2803
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
2804
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
2805
- 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;
2806
- }
2807
-
2808
- .v-field--loading .v-field__outline::after,
2809
- .v-field--loading .v-field__outline::before {
2810
- opacity: 0;
2811
- }
2812
-
2813
- /* endregion */
2814
- .v-selection-control {
2815
- align-items: center;
2816
- contain: layout;
2817
- display: flex;
2818
- flex: 1 0;
2819
- grid-area: control;
2820
- position: relative;
2821
- user-select: none;
2822
- }
2823
- .v-selection-control .v-label {
2824
- white-space: normal;
2825
- word-break: break-word;
2826
- height: 100%;
2827
- width: 100%;
2828
- }
2829
- .v-selection-control--disabled {
2830
- opacity: var(--v-disabled-opacity);
2831
- pointer-events: none;
2832
- }
2833
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
2834
- opacity: 1;
2835
- }
2836
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
2837
- color: rgb(var(--v-theme-error));
2838
- }
2839
- .v-selection-control--inline {
2840
- display: inline-flex;
2841
- flex: 0 0 auto;
2842
- min-width: 0;
2843
- max-width: 100%;
2844
- }
2845
- .v-selection-control--inline .v-label {
2846
- width: auto;
2847
- }
2848
- .v-selection-control--density-default {
2849
- --v-selection-control-size: 40px;
2850
- }
2851
-
2852
- .v-selection-control--density-comfortable {
2853
- --v-selection-control-size: 36px;
2854
- }
2855
-
2856
- .v-selection-control--density-compact {
2857
- --v-selection-control-size: 28px;
2858
- }
2859
-
2860
- .v-selection-control__wrapper {
2861
- width: var(--v-selection-control-size);
2862
- height: var(--v-selection-control-size);
2863
- display: inline-flex;
2864
- align-items: center;
2865
- position: relative;
2866
- justify-content: center;
2867
- flex: none;
2868
- }
2869
-
2870
- .v-selection-control__input {
2871
- width: var(--v-selection-control-size);
2872
- height: var(--v-selection-control-size);
2873
- align-items: center;
2874
- display: flex;
2875
- flex: none;
2876
- justify-content: center;
2877
- position: relative;
2878
- border-radius: 50%;
2879
- }
2880
- .v-selection-control__input input {
2881
- cursor: pointer;
2882
- position: absolute;
2883
- left: 0;
2884
- top: 0;
2885
- width: 100%;
2886
- height: 100%;
2887
- opacity: 0;
2888
- }
2889
- .v-selection-control__input::before {
2890
- 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;
2891
3319
  position: absolute;
2892
3320
  top: 0;
2893
3321
  left: 0;
2894
3322
  width: 100%;
2895
3323
  height: 100%;
2896
- border-radius: 100%;
3324
+ }
3325
+
3326
+ .v-field--variant-filled .v-field__overlay {
2897
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 {
2898
3332
  opacity: 0;
2899
- pointer-events: none;
2900
3333
  }
2901
- .v-selection-control__input:hover::before {
2902
- 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
+ }
2903
3338
  }
2904
- .v-selection-control__input > .v-icon {
2905
- 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));
2906
3341
  }
2907
- .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));
2908
3370
  opacity: 1;
2909
3371
  }
2910
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
2911
- 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;
2912
3377
  }
2913
- .v-selection-control--focus-visible .v-selection-control__input::before {
2914
- 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;
2915
3380
  }
2916
- .v-selection-control-group {
2917
- grid-area: control;
2918
- display: flex;
2919
- 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;
2920
3384
  }
2921
- .v-selection-control-group--inline {
2922
- flex-direction: row;
2923
- 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;
2924
3394
  }
3395
+
3396
+ /* endregion */
2925
3397
  @keyframes v-shake {
2926
3398
  59% {
2927
3399
  margin-left: 0;
@@ -6373,6 +6845,38 @@ html.overflow-y-hidden {
6373
6845
  flex: 1 1 auto !important;
6374
6846
  }
6375
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
+
6376
6880
  .flex-row {
6377
6881
  flex-direction: row !important;
6378
6882
  }
@@ -9563,6 +10067,10 @@ html.overflow-y-hidden {
9563
10067
  height: 100% !important;
9564
10068
  }
9565
10069
 
10070
+ .h-screen {
10071
+ height: 100dvh !important;
10072
+ }
10073
+
9566
10074
  .w-auto {
9567
10075
  width: auto !important;
9568
10076
  }
@@ -9647,6 +10155,30 @@ html.overflow-y-hidden {
9647
10155
  .flex-sm-fill {
9648
10156
  flex: 1 1 auto !important;
9649
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
+ }
9650
10182
  .flex-sm-row {
9651
10183
  flex-direction: row !important;
9652
10184
  }
@@ -11451,6 +11983,30 @@ html.overflow-y-hidden {
11451
11983
  .flex-md-fill {
11452
11984
  flex: 1 1 auto !important;
11453
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
+ }
11454
12010
  .flex-md-row {
11455
12011
  flex-direction: row !important;
11456
12012
  }
@@ -13255,6 +13811,30 @@ html.overflow-y-hidden {
13255
13811
  .flex-lg-fill {
13256
13812
  flex: 1 1 auto !important;
13257
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
+ }
13258
13838
  .flex-lg-row {
13259
13839
  flex-direction: row !important;
13260
13840
  }
@@ -15059,6 +15639,30 @@ html.overflow-y-hidden {
15059
15639
  .flex-xl-fill {
15060
15640
  flex: 1 1 auto !important;
15061
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
+ }
15062
15666
  .flex-xl-row {
15063
15667
  flex-direction: row !important;
15064
15668
  }
@@ -16863,6 +17467,30 @@ html.overflow-y-hidden {
16863
17467
  .flex-xxl-fill {
16864
17468
  flex: 1 1 auto !important;
16865
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
+ }
16866
17494
  .flex-xxl-row {
16867
17495
  flex-direction: row !important;
16868
17496
  }
@@ -18665,3 +19293,113 @@ html.overflow-y-hidden {
18665
19293
  float: left !important;
18666
19294
  }
18667
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
+ }