@vuetify/nightly 3.1.3 → 3.1.4-dev-20230205.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +10 -2
  2. package/dist/json/importMap.json +84 -84
  3. package/dist/vuetify-labs.css +1763 -1763
  4. package/dist/vuetify-labs.d.ts +121 -2
  5. package/dist/vuetify-labs.esm.js +28 -18
  6. package/dist/vuetify-labs.esm.js.map +1 -1
  7. package/dist/vuetify-labs.js +28 -18
  8. package/dist/vuetify-labs.min.css +2 -2
  9. package/dist/vuetify.css +70 -70
  10. package/dist/vuetify.d.ts +146 -27
  11. package/dist/vuetify.esm.js +26 -16
  12. package/dist/vuetify.esm.js.map +1 -1
  13. package/dist/vuetify.js +26 -16
  14. package/dist/vuetify.js.map +1 -1
  15. package/dist/vuetify.min.css +2 -2
  16. package/dist/vuetify.min.js +442 -440
  17. package/dist/vuetify.min.js.map +1 -1
  18. package/lib/components/VBtn/VBtn.css +7 -7
  19. package/lib/components/VBtnGroup/VBtnGroup.mjs +15 -11
  20. package/lib/components/VBtnGroup/VBtnGroup.mjs.map +1 -1
  21. package/lib/components/VBtnGroup/index.d.ts +2 -1
  22. package/lib/components/VBtnToggle/VBtnToggle.mjs +9 -5
  23. package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
  24. package/lib/components/VBtnToggle/index.d.ts +122 -1
  25. package/lib/components/VCard/VCard.css +7 -7
  26. package/lib/components/VChip/VChip.css +7 -7
  27. package/lib/components/VExpansionPanel/VExpansionPanel.css +7 -7
  28. package/lib/components/VField/VField.css +2 -2
  29. package/lib/components/VField/VField.sass +2 -2
  30. package/lib/components/VList/VListItem.css +7 -7
  31. package/lib/components/VSelectionControl/VSelectionControl.css +2 -2
  32. package/lib/components/index.d.ts +121 -2
  33. package/lib/entry-bundler.mjs +1 -1
  34. package/lib/entry-bundler.mjs.map +1 -1
  35. package/lib/framework.mjs +1 -1
  36. package/lib/framework.mjs.map +1 -1
  37. package/lib/index.d.ts +25 -25
  38. package/lib/labs/VDataTable/VDataTableFooter.mjs +1 -1
  39. package/lib/labs/VDataTable/VDataTableFooter.mjs.map +1 -1
  40. package/lib/labs/VDataTable/composables/paginate.mjs +1 -1
  41. package/lib/labs/VDataTable/composables/paginate.mjs.map +1 -1
  42. package/lib/locale/sv.mjs +7 -7
  43. package/lib/locale/sv.mjs.map +1 -1
  44. package/lib/styles/settings/_variables.scss +6 -6
  45. package/lib/styles/tools/_states.sass +3 -3
  46. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.3
2
+ * Vuetify v3.1.4-dev-20230205.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18568,6 +18568,18 @@ html.overflow-y-hidden {
18568
18568
  max-width: 100%;
18569
18569
  min-height: 100vh;
18570
18570
  position: relative;
18571
+ }.v-app-bar {
18572
+ display: flex;
18573
+ }
18574
+ .v-app-bar.v-toolbar {
18575
+ background: rgb(var(--v-theme-surface));
18576
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18577
+ }
18578
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18579
+ 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));
18580
+ }
18581
+ .v-app-bar:not(.v-toolbar--absolute) {
18582
+ padding-inline-end: var(--v-scrollbar-offset);
18571
18583
  }.v-alert {
18572
18584
  display: grid;
18573
18585
  flex: 1 1;
@@ -18778,18 +18790,6 @@ html.overflow-y-hidden {
18778
18790
  text-transform: none;
18779
18791
  word-break: normal;
18780
18792
  word-wrap: break-word;
18781
- }.v-app-bar {
18782
- display: flex;
18783
- }
18784
- .v-app-bar.v-toolbar {
18785
- background: rgb(var(--v-theme-surface));
18786
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18787
- }
18788
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18789
- 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));
18790
- }
18791
- .v-app-bar:not(.v-toolbar--absolute) {
18792
- padding-inline-end: var(--v-scrollbar-offset);
18793
18793
  }.v-input--density-default {
18794
18794
  --autocomplete-chips-margin-bottom: 0px;
18795
18795
  }
@@ -19186,6 +19186,59 @@ html.overflow-y-hidden {
19186
19186
  }
19187
19187
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
19188
19188
  align-self: flex-start;
19189
+ }.v-bottom-navigation {
19190
+ display: flex;
19191
+ max-width: 100%;
19192
+ overflow: hidden;
19193
+ position: absolute;
19194
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19195
+ border-style: solid;
19196
+ border-width: 0;
19197
+ border-radius: 0;
19198
+ background: rgb(var(--v-theme-surface));
19199
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19200
+ }
19201
+ .v-bottom-navigation--border {
19202
+ border-width: thin;
19203
+ box-shadow: none;
19204
+ }
19205
+ .v-bottom-navigation--active {
19206
+ 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));
19207
+ }
19208
+
19209
+ .v-bottom-navigation__content {
19210
+ display: flex;
19211
+ flex: none;
19212
+ font-size: 0.75rem;
19213
+ justify-content: center;
19214
+ transition: transform, color 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19215
+ width: 100%;
19216
+ }
19217
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19218
+ font-size: inherit;
19219
+ height: 100%;
19220
+ max-width: 168px;
19221
+ min-width: 80px;
19222
+ text-transform: none;
19223
+ transition: inherit;
19224
+ width: auto;
19225
+ border-radius: 0;
19226
+ }
19227
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19228
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19229
+ transition: inherit;
19230
+ }
19231
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19232
+ font-size: 1.5rem;
19233
+ }
19234
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19235
+ flex-grow: 1;
19236
+ }
19237
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19238
+ opacity: 0;
19239
+ }
19240
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19241
+ transform: translateY(0.5rem);
19189
19242
  }.v-breadcrumbs {
19190
19243
  display: flex;
19191
19244
  align-items: center;
@@ -19241,198 +19294,150 @@ html.overflow-y-hidden {
19241
19294
  padding: 0 8px;
19242
19295
  vertical-align: middle;
19243
19296
  }/** if false, disabled buttons will be greyed out */
19244
- .v-btn-group {
19245
- display: inline-flex;
19246
- flex-wrap: nowrap;
19297
+ .v-btn {
19298
+ align-items: center;
19299
+ border-radius: 4px;
19300
+ display: inline-grid;
19301
+ grid-template-areas: "prepend content append";
19302
+ grid-template-columns: max-content auto max-content;
19303
+ font-weight: 500;
19304
+ justify-content: center;
19305
+ letter-spacing: 0.0892857143em;
19306
+ line-height: normal;
19247
19307
  max-width: 100%;
19248
- min-width: 0;
19249
- overflow: hidden;
19308
+ outline: none;
19309
+ position: relative;
19310
+ text-decoration: none;
19311
+ text-indent: 0.0892857143em;
19312
+ text-transform: uppercase;
19313
+ transition-property: box-shadow, transform, opacity, background;
19314
+ transition-duration: 0.28s;
19315
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19316
+ -webkit-user-select: none;
19317
+ user-select: none;
19250
19318
  vertical-align: middle;
19319
+ flex-shrink: 0;
19251
19320
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19252
19321
  border-style: solid;
19253
19322
  border-width: 0;
19254
- 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));
19255
- border-radius: 4px;
19256
- background: transparent;
19257
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19258
- }
19259
- .v-btn-group--border {
19260
- border-width: thin;
19261
- box-shadow: none;
19262
19323
  }
19263
- .v-btn-group--density-default.v-btn-group {
19264
- height: 48px;
19324
+ .v-btn--size-x-small {
19325
+ --v-btn-size: 0.625rem;
19326
+ --v-btn-height: 20px;
19327
+ font-size: 0.625rem;
19328
+ min-width: 36px;
19329
+ padding: 0 8px;
19265
19330
  }
19266
19331
 
19267
- .v-btn-group--density-comfortable.v-btn-group {
19268
- height: 40px;
19332
+ .v-btn--size-small {
19333
+ --v-btn-size: 0.75rem;
19334
+ --v-btn-height: 28px;
19335
+ font-size: 0.75rem;
19336
+ min-width: 50px;
19337
+ padding: 0 12px;
19269
19338
  }
19270
19339
 
19271
- .v-btn-group--density-compact.v-btn-group {
19272
- height: 36px;
19340
+ .v-btn--size-default {
19341
+ --v-btn-size: 0.875rem;
19342
+ --v-btn-height: 36px;
19343
+ font-size: 0.875rem;
19344
+ min-width: 64px;
19345
+ padding: 0 16px;
19273
19346
  }
19274
19347
 
19275
- .v-btn-group .v-btn {
19276
- border-radius: 0;
19277
- border-color: inherit;
19278
- }
19279
- .v-btn-group .v-btn:not(:last-child) {
19280
- border-inline-end: none;
19281
- }
19282
- .v-btn-group .v-btn:not(:first-child) {
19283
- border-inline-start: none;
19348
+ .v-btn--size-large {
19349
+ --v-btn-size: 1rem;
19350
+ --v-btn-height: 44px;
19351
+ font-size: 1rem;
19352
+ min-width: 78px;
19353
+ padding: 0 20px;
19284
19354
  }
19285
- .v-btn-group .v-btn:first-child {
19286
- border-start-start-radius: inherit;
19287
- border-end-start-radius: inherit;
19355
+
19356
+ .v-btn--size-x-large {
19357
+ --v-btn-size: 1.125rem;
19358
+ --v-btn-height: 52px;
19359
+ font-size: 1.125rem;
19360
+ min-width: 92px;
19361
+ padding: 0 24px;
19288
19362
  }
19289
- .v-btn-group .v-btn:last-child {
19290
- border-start-end-radius: inherit;
19291
- border-end-end-radius: inherit;
19363
+
19364
+ .v-btn.v-btn--density-default {
19365
+ height: calc(var(--v-btn-height) + 0px);
19292
19366
  }
19293
- .v-btn-group--divided .v-btn:not(:last-child) {
19294
- border-inline-end-width: thin;
19295
- border-inline-end-style: solid;
19296
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19367
+
19368
+ .v-btn.v-btn--density-comfortable {
19369
+ height: calc(var(--v-btn-height) + -8px);
19297
19370
  }
19298
- .v-btn-group--tile {
19299
- border-radius: 0;
19300
- }.v-bottom-navigation {
19301
- display: flex;
19302
- max-width: 100%;
19303
- overflow: hidden;
19304
- position: absolute;
19305
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19306
- border-style: solid;
19307
- border-width: 0;
19308
- border-radius: 0;
19309
- background: rgb(var(--v-theme-surface));
19310
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19371
+
19372
+ .v-btn.v-btn--density-compact {
19373
+ height: calc(var(--v-btn-height) + -12px);
19311
19374
  }
19312
- .v-bottom-navigation--border {
19375
+
19376
+ .v-btn--border {
19313
19377
  border-width: thin;
19314
19378
  box-shadow: none;
19315
19379
  }
19316
- .v-bottom-navigation--active {
19317
- 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));
19318
- }
19319
-
19320
- .v-bottom-navigation__content {
19321
- display: flex;
19322
- flex: none;
19323
- font-size: 0.75rem;
19324
- justify-content: center;
19325
- transition: transform, color 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19326
- width: 100%;
19380
+ .v-btn--absolute {
19381
+ position: absolute;
19327
19382
  }
19328
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19329
- font-size: inherit;
19330
- height: 100%;
19331
- max-width: 168px;
19332
- min-width: 80px;
19333
- text-transform: none;
19334
- transition: inherit;
19335
- width: auto;
19336
- border-radius: 0;
19383
+ .v-btn--fixed {
19384
+ position: fixed;
19337
19385
  }
19338
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19339
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19340
- transition: inherit;
19386
+ .v-btn:hover > .v-btn__overlay {
19387
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19341
19388
  }
19342
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19343
- font-size: 1.5rem;
19389
+ .v-btn:focus-visible > .v-btn__overlay {
19390
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19344
19391
  }
19345
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19346
- flex-grow: 1;
19392
+ @supports not selector(:focus-visible) {
19393
+ .v-btn:focus > .v-btn__overlay {
19394
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19395
+ }
19347
19396
  }
19348
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19349
- opacity: 0;
19397
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19398
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19350
19399
  }
19351
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19352
- transform: translateY(0.5rem);
19353
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
19354
- opacity: var(--v-activated-opacity);
19355
- }.v-card {
19356
- display: block;
19357
- overflow: hidden;
19358
- overflow-wrap: break-word;
19359
- position: relative;
19360
- padding: 0;
19361
- text-decoration: none;
19362
- transition-duration: 0.28s;
19363
- transition-property: box-shadow, opacity, background;
19364
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19365
- z-index: 0;
19366
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19367
- border-style: solid;
19368
- border-width: 0;
19369
- border-radius: 4px;
19400
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19401
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19370
19402
  }
19371
- .v-card--border {
19372
- border-width: thin;
19373
- box-shadow: none;
19374
- }
19375
- .v-card--absolute {
19376
- position: absolute;
19377
- }
19378
- .v-card--fixed {
19379
- position: fixed;
19380
- }
19381
- .v-card:hover > .v-card__overlay {
19382
- opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
19383
- }
19384
- .v-card:focus-visible > .v-card__overlay {
19385
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
19386
- }
19387
- @supports not selector(:focus-visible) {
19388
- .v-card:focus > .v-card__overlay {
19389
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
19390
- }
19391
- }
19392
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19393
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
19394
- }
19395
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19396
- opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
19397
- }
19398
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19399
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
19403
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19404
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19400
19405
  }
19401
19406
  @supports not selector(:focus-visible) {
19402
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19403
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
19407
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
19408
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19404
19409
  }
19405
19410
  }
19406
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19411
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19407
19412
  background: transparent;
19408
19413
  color: inherit;
19409
19414
  }
19410
- .v-card--variant-plain {
19415
+ .v-btn--variant-plain {
19411
19416
  opacity: 0.62;
19412
19417
  }
19413
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19418
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19414
19419
  opacity: 1;
19415
19420
  }
19416
- .v-card--variant-plain .v-card__overlay {
19421
+ .v-btn--variant-plain .v-btn__overlay {
19417
19422
  display: none;
19418
19423
  }
19419
- .v-card--variant-elevated, .v-card--variant-flat {
19424
+ .v-btn--variant-elevated, .v-btn--variant-flat {
19420
19425
  background: rgb(var(--v-theme-surface));
19421
19426
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19422
19427
  }
19423
- .v-card--variant-elevated {
19424
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19428
+ .v-btn--variant-elevated {
19429
+ 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));
19425
19430
  }
19426
- .v-card--variant-flat {
19431
+ .v-btn--variant-flat {
19427
19432
  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));
19428
19433
  }
19429
- .v-card--variant-outlined {
19434
+ .v-btn--variant-outlined {
19430
19435
  border: thin solid currentColor;
19431
19436
  }
19432
- .v-card--variant-text .v-card__overlay {
19437
+ .v-btn--variant-text .v-btn__overlay {
19433
19438
  background: currentColor;
19434
19439
  }
19435
- .v-card--variant-tonal .v-card__underlay {
19440
+ .v-btn--variant-tonal .v-btn__underlay {
19436
19441
  background: currentColor;
19437
19442
  opacity: var(--v-activated-opacity);
19438
19443
  border-radius: inherit;
@@ -19443,577 +19448,404 @@ html.overflow-y-hidden {
19443
19448
  left: 0;
19444
19449
  pointer-events: none;
19445
19450
  }
19446
- .v-card--disabled {
19447
- pointer-events: none;
19448
- -webkit-user-select: none;
19449
- user-select: none;
19451
+ @supports selector(:focus-visible) {
19452
+ .v-btn::after {
19453
+ content: "";
19454
+ position: absolute;
19455
+ top: 0;
19456
+ left: 0;
19457
+ width: 100%;
19458
+ height: 100%;
19459
+ pointer-events: none;
19460
+ border: 2px solid currentColor;
19461
+ border-radius: inherit;
19462
+ opacity: 0;
19463
+ transition: opacity 0.2s ease-in-out;
19464
+ }
19465
+ .v-btn:focus-visible::after {
19466
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
19467
+ }
19450
19468
  }
19451
- .v-card--disabled > :not(.v-card__loader) {
19452
- opacity: 0.6;
19469
+ .v-btn--icon {
19470
+ border-radius: 50%;
19471
+ min-width: 0;
19472
+ padding: 0;
19453
19473
  }
19454
- .v-card--flat {
19474
+ .v-btn--icon.v-btn--size-default {
19475
+ font-size: 1rem;
19476
+ }
19477
+ .v-btn--icon.v-btn--density-default {
19478
+ width: calc(var(--v-btn-height) + 12px);
19479
+ height: calc(var(--v-btn-height) + 12px);
19480
+ }
19481
+ .v-btn--icon.v-btn--density-comfortable {
19482
+ width: calc(var(--v-btn-height) + 0px);
19483
+ height: calc(var(--v-btn-height) + 0px);
19484
+ }
19485
+ .v-btn--icon.v-btn--density-compact {
19486
+ width: calc(var(--v-btn-height) + -8px);
19487
+ height: calc(var(--v-btn-height) + -8px);
19488
+ }
19489
+
19490
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
19491
+ 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));
19492
+ }
19493
+ .v-btn--elevated:active {
19494
+ 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));
19495
+ }
19496
+ .v-btn--flat {
19455
19497
  box-shadow: none;
19456
19498
  }
19457
- .v-card--hover {
19458
- cursor: pointer;
19459
- 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));
19499
+ .v-btn--block {
19500
+ display: flex;
19501
+ flex: 1 0 auto;
19502
+ min-width: 100%;
19460
19503
  }
19461
- .v-card--hover::before, .v-card--hover::after {
19462
- border-radius: inherit;
19463
- bottom: 0;
19464
- content: "";
19465
- display: block;
19466
- left: 0;
19504
+ .v-btn--disabled {
19467
19505
  pointer-events: none;
19468
- position: absolute;
19469
- right: 0;
19470
- top: 0;
19471
- transition: inherit;
19506
+ opacity: 0.26;
19472
19507
  }
19473
- .v-card--hover::before {
19508
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19509
+ box-shadow: none;
19474
19510
  opacity: 1;
19475
- z-index: -1;
19476
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19511
+ color: rgba(var(--v-theme-on-surface), 0.26);
19512
+ background: rgb(var(--v-theme-surface));
19477
19513
  }
19478
- .v-card--hover::after {
19479
- z-index: 1;
19480
- opacity: 0;
19481
- 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));
19514
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19515
+ opacity: 0.4615384615;
19482
19516
  }
19483
- .v-card--hover:hover::after {
19484
- opacity: 1;
19517
+ .v-btn--loading {
19518
+ pointer-events: none;
19485
19519
  }
19486
- .v-card--hover:hover::before {
19520
+ .v-btn--loading .v-btn__content,
19521
+ .v-btn--loading .v-btn__prepend,
19522
+ .v-btn--loading .v-btn__append {
19487
19523
  opacity: 0;
19488
19524
  }
19489
- .v-card--link {
19490
- cursor: pointer;
19525
+ .v-btn--stacked {
19526
+ grid-template-areas: "prepend" "content" "append";
19527
+ grid-template-columns: auto;
19528
+ grid-template-rows: max-content max-content max-content;
19529
+ justify-items: center;
19530
+ align-content: center;
19491
19531
  }
19492
-
19493
- .v-card-actions {
19494
- align-items: center;
19495
- display: flex;
19496
- flex: none;
19497
- min-height: 52px;
19498
- padding: 0.5rem;
19532
+ .v-btn--stacked .v-btn__content {
19533
+ flex-direction: column;
19534
+ line-height: 1.25;
19499
19535
  }
19500
-
19501
- .v-card-item {
19502
- align-items: center;
19503
- display: grid;
19504
- flex: none;
19505
- grid-template-areas: "prepend content append";
19506
- grid-template-columns: max-content auto max-content;
19507
- padding: 0.625rem 1rem;
19536
+ .v-btn--stacked .v-btn__prepend,
19537
+ .v-btn--stacked .v-btn__append,
19538
+ .v-btn--stacked .v-btn__content > .v-icon--start,
19539
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19540
+ margin-inline-start: 0;
19541
+ margin-inline-end: 0;
19508
19542
  }
19509
- .v-card-item + .v-card-text {
19510
- padding-top: 0;
19543
+ .v-btn--stacked .v-btn__prepend,
19544
+ .v-btn--stacked .v-btn__content > .v-icon--start {
19545
+ margin-bottom: 4px;
19511
19546
  }
19512
- .v-card-item__prepend {
19513
- grid-area: prepend;
19514
- padding-inline-end: 1rem;
19547
+ .v-btn--stacked .v-btn__append,
19548
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19549
+ margin-top: 4px;
19515
19550
  }
19516
- .v-card-item__append {
19517
- grid-area: append;
19518
- padding-inline-start: 1rem;
19551
+ .v-btn--stacked.v-btn--size-x-small {
19552
+ --v-btn-size: 0.625rem;
19553
+ --v-btn-height: 56px;
19554
+ font-size: 0.625rem;
19555
+ min-width: 56px;
19556
+ padding: 0 12px;
19519
19557
  }
19520
19558
 
19521
- .v-card-item__content {
19522
- align-self: center;
19523
- grid-area: content;
19524
- overflow: hidden;
19559
+ .v-btn--stacked.v-btn--size-small {
19560
+ --v-btn-size: 0.75rem;
19561
+ --v-btn-height: 64px;
19562
+ font-size: 0.75rem;
19563
+ min-width: 64px;
19564
+ padding: 0 14px;
19525
19565
  }
19526
19566
 
19527
- .v-card-title {
19528
- display: block;
19529
- flex: none;
19530
- font-size: 1.25rem;
19531
- font-weight: 500;
19532
- -webkit-hyphens: auto;
19533
- hyphens: auto;
19534
- letter-spacing: 0.0125em;
19535
- min-width: 0;
19536
- overflow-wrap: normal;
19537
- overflow: hidden;
19538
- padding: 0.5rem 1rem;
19539
- text-overflow: ellipsis;
19540
- text-transform: none;
19541
- white-space: nowrap;
19542
- word-break: normal;
19543
- word-wrap: break-word;
19567
+ .v-btn--stacked.v-btn--size-default {
19568
+ --v-btn-size: 0.875rem;
19569
+ --v-btn-height: 72px;
19570
+ font-size: 0.875rem;
19571
+ min-width: 72px;
19572
+ padding: 0 16px;
19544
19573
  }
19545
- .v-card .v-card-title {
19546
- line-height: 2rem;
19574
+
19575
+ .v-btn--stacked.v-btn--size-large {
19576
+ --v-btn-size: 1rem;
19577
+ --v-btn-height: 80px;
19578
+ font-size: 1rem;
19579
+ min-width: 80px;
19580
+ padding: 0 18px;
19547
19581
  }
19548
- .v-card--density-comfortable .v-card-title {
19549
- line-height: 1.75rem;
19582
+
19583
+ .v-btn--stacked.v-btn--size-x-large {
19584
+ --v-btn-size: 1.125rem;
19585
+ --v-btn-height: 88px;
19586
+ font-size: 1.125rem;
19587
+ min-width: 88px;
19588
+ padding: 0 20px;
19550
19589
  }
19551
- .v-card--density-compact .v-card-title {
19552
- line-height: 1.55rem;
19590
+
19591
+ .v-btn--stacked.v-btn--density-default {
19592
+ height: calc(var(--v-btn-height) + 0px);
19553
19593
  }
19554
- .v-card-item .v-card-title {
19555
- padding: 0;
19594
+
19595
+ .v-btn--stacked.v-btn--density-comfortable {
19596
+ height: calc(var(--v-btn-height) + -16px);
19556
19597
  }
19557
- .v-card-title + .v-card-text,
19558
- .v-card-title + .v-card-actions {
19559
- padding-top: 0;
19598
+
19599
+ .v-btn--stacked.v-btn--density-compact {
19600
+ height: calc(var(--v-btn-height) + -24px);
19560
19601
  }
19561
19602
 
19562
- .v-card-subtitle {
19563
- display: block;
19564
- flex: none;
19565
- font-size: 0.875rem;
19566
- font-weight: 400;
19567
- letter-spacing: 0.0178571429em;
19568
- opacity: var(--v-medium-emphasis-opacity);
19569
- overflow: hidden;
19570
- padding: 0 1rem;
19571
- text-overflow: ellipsis;
19572
- text-transform: none;
19573
- white-space: nowrap;
19574
- }
19575
- .v-card .v-card-subtitle {
19576
- line-height: 1.25rem;
19577
- }
19578
- .v-card--density-comfortable .v-card-subtitle {
19579
- line-height: 1.125rem;
19580
- }
19581
- .v-card--density-compact .v-card-subtitle {
19582
- line-height: 1rem;
19583
- }
19584
- .v-card-item .v-card-subtitle {
19585
- padding: 0 0 0.25rem;
19586
- }
19587
-
19588
- .v-card-text {
19589
- flex: 1 1 auto;
19590
- font-size: 0.875rem;
19591
- font-weight: 400;
19592
- letter-spacing: 0.0178571429em;
19593
- padding: 1rem;
19594
- text-transform: none;
19603
+ .v-btn--rounded {
19604
+ border-radius: 24px;
19595
19605
  }
19596
- .v-card .v-card-text {
19597
- line-height: 1.25rem;
19606
+ .v-btn .v-icon {
19607
+ --v-icon-size-multiplier: 0.8571428571;
19598
19608
  }
19599
- .v-card--density-comfortable .v-card-text {
19600
- line-height: 1.2rem;
19609
+ .v-btn--icon .v-icon {
19610
+ --v-icon-size-multiplier: 1;
19601
19611
  }
19602
- .v-card--density-compact .v-card-text {
19603
- line-height: 1.15rem;
19612
+ .v-btn--stacked .v-icon {
19613
+ --v-icon-size-multiplier: 1.1428571429;
19604
19614
  }
19605
19615
 
19606
- .v-card__image {
19616
+ .v-btn__loader {
19617
+ align-items: center;
19607
19618
  display: flex;
19608
19619
  height: 100%;
19609
- flex: 1 1 auto;
19620
+ justify-content: center;
19610
19621
  left: 0;
19611
- overflow: hidden;
19612
19622
  position: absolute;
19613
19623
  top: 0;
19614
19624
  width: 100%;
19615
- z-index: -1;
19616
19625
  }
19617
19626
 
19618
- .v-card__content {
19619
- border-radius: inherit;
19620
- overflow: hidden;
19621
- position: relative;
19627
+ .v-btn__content,
19628
+ .v-btn__prepend,
19629
+ .v-btn__append {
19630
+ align-items: center;
19631
+ display: flex;
19632
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19622
19633
  }
19623
19634
 
19624
- .v-card__loader {
19625
- bottom: auto;
19626
- top: 0;
19627
- left: 0;
19628
- position: absolute;
19629
- right: 0;
19630
- width: 100%;
19631
- z-index: 1;
19635
+ .v-btn__prepend {
19636
+ grid-area: prepend;
19637
+ margin-inline-start: calc(var(--v-btn-height) / -9);
19638
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
19632
19639
  }
19633
19640
 
19634
- .v-card__overlay {
19641
+ .v-btn__append {
19642
+ grid-area: append;
19643
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
19644
+ margin-inline-end: calc(var(--v-btn-height) / -9);
19645
+ }
19646
+
19647
+ .v-btn__content {
19648
+ grid-area: content;
19649
+ justify-content: center;
19650
+ white-space: nowrap;
19651
+ }
19652
+ .v-btn__content > .v-icon--start {
19653
+ margin-inline-start: calc(var(--v-btn-height) / -9);
19654
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
19655
+ }
19656
+ .v-btn__content > .v-icon--end {
19657
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
19658
+ margin-inline-end: calc(var(--v-btn-height) / -9);
19659
+ }
19660
+ .v-btn--stacked .v-btn__content {
19661
+ white-space: normal;
19662
+ }
19663
+
19664
+ .v-btn__overlay {
19635
19665
  background-color: currentColor;
19636
19666
  border-radius: inherit;
19637
- position: absolute;
19638
- top: 0;
19639
- right: 0;
19640
- bottom: 0;
19641
- left: 0;
19642
- pointer-events: none;
19643
19667
  opacity: 0;
19644
19668
  transition: opacity 0.2s ease-in-out;
19645
- }.v-carousel {
19646
- overflow: hidden;
19647
- position: relative;
19648
- width: 100%;
19649
19669
  }
19650
- .v-carousel__controls {
19651
- align-items: center;
19652
- background: rgba(var(--v-theme-surface-variant), 0.3);
19653
- bottom: 0;
19654
- display: flex;
19655
- height: 50px;
19656
- justify-content: center;
19657
- list-style-type: none;
19670
+
19671
+ .v-btn__overlay,
19672
+ .v-btn__underlay {
19658
19673
  position: absolute;
19674
+ top: 0;
19675
+ left: 0;
19659
19676
  width: 100%;
19660
- z-index: 1;
19661
- }
19662
- .v-carousel__controls > .v-item-group {
19663
- flex: 0 1 auto;
19664
- }
19665
- .v-carousel__controls__item {
19666
- margin: 0 8px;
19667
- }
19668
- .v-carousel__controls__item .v-icon {
19669
- opacity: 0.5;
19677
+ height: 100%;
19678
+ pointer-events: none;
19670
19679
  }
19671
- .v-carousel__controls__item--active .v-icon {
19672
- opacity: 1;
19673
- vertical-align: middle;
19680
+
19681
+ .v-app-bar .v-btn {
19682
+ 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));
19674
19683
  }
19675
- .v-carousel__controls__item:hover {
19676
- background: none;
19684
+
19685
+ .v-card-actions .v-btn {
19686
+ padding: 0 8px;
19687
+ 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));
19677
19688
  }
19678
- .v-carousel__controls__item:hover .v-icon {
19679
- opacity: 0.8;
19689
+ .v-card-actions .v-btn ~ .v-btn {
19690
+ margin-inline-start: 0.5rem;
19680
19691
  }
19681
19692
 
19682
- .v-carousel__progress {
19683
- margin: 0;
19684
- position: absolute;
19685
- bottom: 0;
19686
- left: 0;
19687
- right: 0;
19693
+ .v-banner-actions .v-btn {
19694
+ padding: 0 8px;
19688
19695
  }
19689
19696
 
19690
- .v-carousel-item {
19691
- display: block;
19692
- height: inherit;
19693
- text-decoration: none;
19697
+ .v-pagination .v-btn {
19698
+ border-radius: 4px;
19694
19699
  }
19695
- .v-carousel-item > .v-img {
19696
- height: inherit;
19700
+ .v-btn__overlay {
19701
+ transition: none;
19697
19702
  }
19698
-
19699
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19700
- background: transparent;
19703
+ .v-pagination__item--is-active .v-btn__overlay {
19704
+ opacity: var(--v-border-opacity);
19701
19705
  }
19702
19706
 
19703
- .v-carousel--vertical-delimiters .v-carousel__controls {
19704
- flex-direction: column;
19705
- height: 100% !important;
19706
- width: 50px;
19707
- }.v-checkbox .v-selection-control {
19708
- min-height: var(--v-input-control-height);
19709
- }.v-chip {
19710
- align-items: center;
19711
- cursor: default;
19707
+ .v-snackbar-actions .v-btn {
19708
+ padding: 0 8px;
19709
+ }/** if false, disabled buttons will be greyed out */
19710
+ .v-btn-group {
19712
19711
  display: inline-flex;
19713
- font-weight: 400;
19712
+ flex-wrap: nowrap;
19714
19713
  max-width: 100%;
19714
+ min-width: 0;
19715
19715
  overflow: hidden;
19716
- position: relative;
19717
- text-decoration: none;
19718
- white-space: nowrap;
19719
19716
  vertical-align: middle;
19720
19717
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19721
19718
  border-style: solid;
19722
19719
  border-width: 0;
19723
- border-radius: 9999px;
19724
- }
19725
- .v-chip.v-chip--size-x-small {
19726
- --v-chip-size: 0.625rem;
19727
- --v-chip-height: 20px;
19728
- font-size: 0.625rem;
19729
- padding: 0 8px;
19720
+ 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));
19721
+ border-radius: 4px;
19722
+ background: transparent;
19723
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19730
19724
  }
19731
- .v-chip.v-chip--size-x-small .v-avatar {
19732
- --v-avatar-height: 14px;
19725
+ .v-btn-group--border {
19726
+ border-width: thin;
19727
+ box-shadow: none;
19733
19728
  }
19734
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19735
- --v-avatar-height: 20px;
19729
+ .v-btn-group--density-default.v-btn-group {
19730
+ height: 48px;
19736
19731
  }
19737
19732
 
19738
- .v-chip.v-chip--size-x-small .v-chip__filter,
19739
- .v-chip.v-chip--size-x-small .v-chip__prepend,
19740
- .v-chip.v-chip--size-x-small > .v-avatar--start,
19741
- .v-chip.v-chip--size-x-small > .v-icon--start {
19742
- margin-inline-end: 4px;
19733
+ .v-btn-group--density-comfortable.v-btn-group {
19734
+ height: 40px;
19743
19735
  }
19744
- .v-chip.v-chip--size-x-small .v-chip__filter,
19745
- .v-chip.v-chip--size-x-small .v-chip__prepend,
19746
- .v-chip.v-chip--size-x-small .v-icon--start {
19747
- margin-inline-start: -4px;
19736
+
19737
+ .v-btn-group--density-compact.v-btn-group {
19738
+ height: 36px;
19748
19739
  }
19749
- .v-chip.v-chip--size-x-small .v-avatar--start {
19750
- margin-inline-start: -5.6px;
19740
+
19741
+ .v-btn-group .v-btn {
19742
+ border-radius: 0;
19743
+ border-color: inherit;
19751
19744
  }
19752
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19753
- margin-inline-start: -8px;
19745
+ .v-btn-group .v-btn:not(:last-child) {
19746
+ border-inline-end: none;
19754
19747
  }
19755
-
19756
- .v-chip.v-chip--size-x-small .v-chip__append,
19757
- .v-chip.v-chip--size-x-small .v-chip__close,
19758
- .v-chip.v-chip--size-x-small > .v-avatar--end,
19759
- .v-chip.v-chip--size-x-small > .v-icon--end {
19760
- margin-inline-start: 4px;
19761
- margin-inline-end: -4px;
19748
+ .v-btn-group .v-btn:not(:first-child) {
19749
+ border-inline-start: none;
19762
19750
  }
19763
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
19764
- margin-inline-end: -8px;
19751
+ .v-btn-group .v-btn:first-child {
19752
+ border-start-start-radius: inherit;
19753
+ border-end-start-radius: inherit;
19765
19754
  }
19766
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
19767
- margin-inline-start: 8px;
19755
+ .v-btn-group .v-btn:last-child {
19756
+ border-start-end-radius: inherit;
19757
+ border-end-end-radius: inherit;
19768
19758
  }
19769
-
19770
- .v-chip.v-chip--size-small {
19771
- --v-chip-size: 0.75rem;
19772
- --v-chip-height: 26px;
19773
- font-size: 0.75rem;
19774
- padding: 0 10px;
19775
- }
19776
- .v-chip.v-chip--size-small .v-avatar {
19777
- --v-avatar-height: 20px;
19778
- }
19779
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19780
- --v-avatar-height: 26px;
19781
- }
19782
-
19783
- .v-chip.v-chip--size-small .v-chip__filter,
19784
- .v-chip.v-chip--size-small .v-chip__prepend,
19785
- .v-chip.v-chip--size-small > .v-avatar--start,
19786
- .v-chip.v-chip--size-small > .v-icon--start {
19787
- margin-inline-end: 5px;
19788
- }
19789
- .v-chip.v-chip--size-small .v-chip__filter,
19790
- .v-chip.v-chip--size-small .v-chip__prepend,
19791
- .v-chip.v-chip--size-small .v-icon--start {
19792
- margin-inline-start: -5px;
19793
- }
19794
- .v-chip.v-chip--size-small .v-avatar--start {
19795
- margin-inline-start: -7px;
19796
- }
19797
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19798
- margin-inline-start: -10px;
19799
- }
19800
-
19801
- .v-chip.v-chip--size-small .v-chip__append,
19802
- .v-chip.v-chip--size-small .v-chip__close,
19803
- .v-chip.v-chip--size-small > .v-avatar--end,
19804
- .v-chip.v-chip--size-small > .v-icon--end {
19805
- margin-inline-start: 5px;
19806
- margin-inline-end: -5px;
19807
- }
19808
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
19809
- margin-inline-end: -10px;
19810
- }
19811
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
19812
- margin-inline-start: 10px;
19813
- }
19814
-
19815
- .v-chip.v-chip--size-default {
19816
- --v-chip-size: 0.875rem;
19817
- --v-chip-height: 32px;
19818
- font-size: 0.875rem;
19819
- padding: 0 12px;
19820
- }
19821
- .v-chip.v-chip--size-default .v-avatar {
19822
- --v-avatar-height: 26px;
19823
- }
19824
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19825
- --v-avatar-height: 32px;
19826
- }
19827
-
19828
- .v-chip.v-chip--size-default .v-chip__filter,
19829
- .v-chip.v-chip--size-default .v-chip__prepend,
19830
- .v-chip.v-chip--size-default > .v-avatar--start,
19831
- .v-chip.v-chip--size-default > .v-icon--start {
19832
- margin-inline-end: 6px;
19833
- }
19834
- .v-chip.v-chip--size-default .v-chip__filter,
19835
- .v-chip.v-chip--size-default .v-chip__prepend,
19836
- .v-chip.v-chip--size-default .v-icon--start {
19837
- margin-inline-start: -6px;
19838
- }
19839
- .v-chip.v-chip--size-default .v-avatar--start {
19840
- margin-inline-start: -8.4px;
19841
- }
19842
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19843
- margin-inline-start: -12px;
19844
- }
19845
-
19846
- .v-chip.v-chip--size-default .v-chip__append,
19847
- .v-chip.v-chip--size-default .v-chip__close,
19848
- .v-chip.v-chip--size-default > .v-avatar--end,
19849
- .v-chip.v-chip--size-default > .v-icon--end {
19850
- margin-inline-start: 6px;
19851
- margin-inline-end: -6px;
19852
- }
19853
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
19854
- margin-inline-end: -12px;
19855
- }
19856
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
19857
- margin-inline-start: 12px;
19858
- }
19859
-
19860
- .v-chip.v-chip--size-large {
19861
- --v-chip-size: 1rem;
19862
- --v-chip-height: 38px;
19863
- font-size: 1rem;
19864
- padding: 0 14px;
19865
- }
19866
- .v-chip.v-chip--size-large .v-avatar {
19867
- --v-avatar-height: 32px;
19868
- }
19869
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19870
- --v-avatar-height: 38px;
19871
- }
19872
-
19873
- .v-chip.v-chip--size-large .v-chip__filter,
19874
- .v-chip.v-chip--size-large .v-chip__prepend,
19875
- .v-chip.v-chip--size-large > .v-avatar--start,
19876
- .v-chip.v-chip--size-large > .v-icon--start {
19877
- margin-inline-end: 7px;
19878
- }
19879
- .v-chip.v-chip--size-large .v-chip__filter,
19880
- .v-chip.v-chip--size-large .v-chip__prepend,
19881
- .v-chip.v-chip--size-large .v-icon--start {
19882
- margin-inline-start: -7px;
19883
- }
19884
- .v-chip.v-chip--size-large .v-avatar--start {
19885
- margin-inline-start: -9.8px;
19886
- }
19887
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19888
- margin-inline-start: -14px;
19889
- }
19890
-
19891
- .v-chip.v-chip--size-large .v-chip__append,
19892
- .v-chip.v-chip--size-large .v-chip__close,
19893
- .v-chip.v-chip--size-large > .v-avatar--end,
19894
- .v-chip.v-chip--size-large > .v-icon--end {
19895
- margin-inline-start: 7px;
19896
- margin-inline-end: -7px;
19897
- }
19898
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
19899
- margin-inline-end: -14px;
19900
- }
19901
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
19902
- margin-inline-start: 14px;
19903
- }
19904
-
19905
- .v-chip.v-chip--size-x-large {
19906
- --v-chip-size: 1.125rem;
19907
- --v-chip-height: 44px;
19908
- font-size: 1.125rem;
19909
- padding: 0 17px;
19910
- }
19911
- .v-chip.v-chip--size-x-large .v-avatar {
19912
- --v-avatar-height: 38px;
19913
- }
19914
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19915
- --v-avatar-height: 44px;
19916
- }
19917
-
19918
- .v-chip.v-chip--size-x-large .v-chip__filter,
19919
- .v-chip.v-chip--size-x-large .v-chip__prepend,
19920
- .v-chip.v-chip--size-x-large > .v-avatar--start,
19921
- .v-chip.v-chip--size-x-large > .v-icon--start {
19922
- margin-inline-end: 8.5px;
19923
- }
19924
- .v-chip.v-chip--size-x-large .v-chip__filter,
19925
- .v-chip.v-chip--size-x-large .v-chip__prepend,
19926
- .v-chip.v-chip--size-x-large .v-icon--start {
19927
- margin-inline-start: -8.5px;
19928
- }
19929
- .v-chip.v-chip--size-x-large .v-avatar--start {
19930
- margin-inline-start: -11.9px;
19931
- }
19932
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19933
- margin-inline-start: -17px;
19934
- }
19935
-
19936
- .v-chip.v-chip--size-x-large .v-chip__append,
19937
- .v-chip.v-chip--size-x-large .v-chip__close,
19938
- .v-chip.v-chip--size-x-large > .v-avatar--end,
19939
- .v-chip.v-chip--size-x-large > .v-icon--end {
19940
- margin-inline-start: 8.5px;
19941
- margin-inline-end: -8.5px;
19942
- }
19943
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
19944
- margin-inline-end: -17px;
19759
+ .v-btn-group--divided .v-btn:not(:last-child) {
19760
+ border-inline-end-width: thin;
19761
+ border-inline-end-style: solid;
19762
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19945
19763
  }
19946
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
19947
- margin-inline-start: 17px;
19764
+ .v-btn-group--tile {
19765
+ border-radius: 0;
19766
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
19767
+ opacity: var(--v-activated-opacity);
19768
+ }.v-card {
19769
+ display: block;
19770
+ overflow: hidden;
19771
+ overflow-wrap: break-word;
19772
+ position: relative;
19773
+ padding: 0;
19774
+ text-decoration: none;
19775
+ transition-duration: 0.28s;
19776
+ transition-property: box-shadow, opacity, background;
19777
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19778
+ z-index: 0;
19779
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19780
+ border-style: solid;
19781
+ border-width: 0;
19782
+ border-radius: 4px;
19948
19783
  }
19949
-
19950
- .v-chip.v-chip--density-default {
19951
- height: calc(var(--v-chip-height) + 0px);
19784
+ .v-card--border {
19785
+ border-width: thin;
19786
+ box-shadow: none;
19952
19787
  }
19953
-
19954
- .v-chip.v-chip--density-comfortable {
19955
- height: calc(var(--v-chip-height) + -8px);
19788
+ .v-card--absolute {
19789
+ position: absolute;
19956
19790
  }
19957
-
19958
- .v-chip.v-chip--density-compact {
19959
- height: calc(var(--v-chip-height) + -12px);
19791
+ .v-card--fixed {
19792
+ position: fixed;
19960
19793
  }
19961
-
19962
- .v-chip:hover > .v-chip__overlay {
19963
- opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
19794
+ .v-card:hover > .v-card__overlay {
19795
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19964
19796
  }
19965
- .v-chip:focus-visible > .v-chip__overlay {
19966
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
19797
+ .v-card:focus-visible > .v-card__overlay {
19798
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19967
19799
  }
19968
19800
  @supports not selector(:focus-visible) {
19969
- .v-chip:focus > .v-chip__overlay {
19970
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
19801
+ .v-card:focus > .v-card__overlay {
19802
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19971
19803
  }
19972
19804
  }
19973
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19974
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
19805
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19806
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19975
19807
  }
19976
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19977
- opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
19808
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19809
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19978
19810
  }
19979
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19980
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
19811
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19812
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19981
19813
  }
19982
19814
  @supports not selector(:focus-visible) {
19983
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19984
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
19815
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19816
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19985
19817
  }
19986
19818
  }
19987
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19819
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19988
19820
  background: transparent;
19989
19821
  color: inherit;
19990
19822
  }
19991
- .v-chip--variant-plain {
19992
- opacity: 0.26;
19823
+ .v-card--variant-plain {
19824
+ opacity: 0.62;
19993
19825
  }
19994
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19826
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19995
19827
  opacity: 1;
19996
19828
  }
19997
- .v-chip--variant-plain .v-chip__overlay {
19829
+ .v-card--variant-plain .v-card__overlay {
19998
19830
  display: none;
19999
19831
  }
20000
- .v-chip--variant-elevated, .v-chip--variant-flat {
20001
- background: rgb(var(--v-theme-surface-variant));
20002
- color: rgb(var(--v-theme-on-surface-variant));
19832
+ .v-card--variant-elevated, .v-card--variant-flat {
19833
+ background: rgb(var(--v-theme-surface));
19834
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20003
19835
  }
20004
- .v-chip--variant-elevated {
19836
+ .v-card--variant-elevated {
20005
19837
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20006
19838
  }
20007
- .v-chip--variant-flat {
19839
+ .v-card--variant-flat {
20008
19840
  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));
20009
19841
  }
20010
- .v-chip--variant-outlined {
19842
+ .v-card--variant-outlined {
20011
19843
  border: thin solid currentColor;
20012
19844
  }
20013
- .v-chip--variant-text .v-chip__overlay {
19845
+ .v-card--variant-text .v-card__overlay {
20014
19846
  background: currentColor;
20015
19847
  }
20016
- .v-chip--variant-tonal .v-chip__underlay {
19848
+ .v-card--variant-tonal .v-card__underlay {
20017
19849
  background: currentColor;
20018
19850
  opacity: var(--v-activated-opacity);
20019
19851
  border-radius: inherit;
@@ -20024,480 +19856,1056 @@ html.overflow-y-hidden {
20024
19856
  left: 0;
20025
19857
  pointer-events: none;
20026
19858
  }
20027
- .v-chip--border {
20028
- border-width: thin;
20029
- }
20030
- .v-chip--link {
20031
- cursor: pointer;
20032
- }
20033
- .v-chip--filter {
19859
+ .v-card--disabled {
19860
+ pointer-events: none;
20034
19861
  -webkit-user-select: none;
20035
19862
  user-select: none;
20036
19863
  }
20037
- .v-chip--label {
20038
- border-radius: 4px;
19864
+ .v-card--disabled > :not(.v-card__loader) {
19865
+ opacity: 0.6;
20039
19866
  }
20040
-
20041
- .v-chip__filter,
20042
- .v-chip__prepend,
20043
- .v-chip__append,
20044
- .v-chip__close {
20045
- align-items: center;
20046
- display: inline-flex;
19867
+ .v-card--flat {
19868
+ box-shadow: none;
20047
19869
  }
20048
-
20049
- .v-chip__close {
19870
+ .v-card--hover {
20050
19871
  cursor: pointer;
20051
- flex: 0 1 auto;
20052
- font-size: 18px;
20053
- max-height: 18px;
20054
- max-width: 18px;
20055
- -webkit-user-select: none;
20056
- user-select: none;
20057
- }
20058
- .v-chip__close .v-icon {
20059
- font-size: inherit;
20060
- }
20061
-
20062
- .v-chip__filter {
20063
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19872
+ 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));
20064
19873
  }
20065
-
20066
- .v-chip__overlay {
20067
- position: absolute;
20068
- top: 0;
20069
- left: 0;
20070
- width: 100%;
20071
- height: 100%;
20072
- background-color: currentColor;
19874
+ .v-card--hover::before, .v-card--hover::after {
20073
19875
  border-radius: inherit;
19876
+ bottom: 0;
19877
+ content: "";
19878
+ display: block;
19879
+ left: 0;
20074
19880
  pointer-events: none;
19881
+ position: absolute;
19882
+ right: 0;
19883
+ top: 0;
19884
+ transition: inherit;
19885
+ }
19886
+ .v-card--hover::before {
19887
+ opacity: 1;
19888
+ z-index: -1;
19889
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19890
+ }
19891
+ .v-card--hover::after {
19892
+ z-index: 1;
20075
19893
  opacity: 0;
20076
- transition: opacity 0.2s ease-in-out;
19894
+ 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));
20077
19895
  }
20078
-
20079
- .v-chip--disabled {
20080
- opacity: 0.3;
20081
- pointer-events: none;
20082
- -webkit-user-select: none;
20083
- user-select: none;
19896
+ .v-card--hover:hover::after {
19897
+ opacity: 1;
20084
19898
  }
20085
-
20086
- .v-chip--label {
20087
- border-radius: 4px;
20088
- }.v-color-picker {
20089
- align-self: flex-start;
20090
- contain: content;
19899
+ .v-card--hover:hover::before {
19900
+ opacity: 0;
20091
19901
  }
20092
- .v-color-picker.v-sheet {
20093
- 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));
20094
- border-radius: 4px;
19902
+ .v-card--link {
19903
+ cursor: pointer;
20095
19904
  }
20096
19905
 
20097
- .v-color-picker__controls {
19906
+ .v-card-actions {
19907
+ align-items: center;
20098
19908
  display: flex;
20099
- flex-direction: column;
20100
- padding: 16px;
19909
+ flex: none;
19910
+ min-height: 52px;
19911
+ padding: 0.5rem;
20101
19912
  }
20102
19913
 
20103
- .v-color-picker--flat {
20104
- 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));
20105
- }
20106
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20107
- 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));
20108
- }.v-chip-group {
20109
- display: flex;
20110
- max-width: 100%;
20111
- min-width: 0;
20112
- overflow-x: auto;
20113
- padding: 4px 0;
19914
+ .v-card-item {
19915
+ align-items: center;
19916
+ display: grid;
19917
+ flex: none;
19918
+ grid-template-areas: "prepend content append";
19919
+ grid-template-columns: max-content auto max-content;
19920
+ padding: 0.625rem 1rem;
20114
19921
  }
20115
- .v-chip-group .v-chip {
20116
- margin: 4px 8px 4px 0;
19922
+ .v-card-item + .v-card-text {
19923
+ padding-top: 0;
20117
19924
  }
20118
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20119
- opacity: var(--v-activated-opacity);
19925
+ .v-card-item__prepend {
19926
+ grid-area: prepend;
19927
+ padding-inline-end: 1rem;
20120
19928
  }
20121
-
20122
- .v-chip-group--column {
20123
- flex-wrap: wrap;
20124
- white-space: normal;
20125
- }.v-input--density-default {
20126
- --combobox-chips-margin-bottom: 0px;
19929
+ .v-card-item__append {
19930
+ grid-area: append;
19931
+ padding-inline-start: 1rem;
20127
19932
  }
20128
19933
 
20129
- .v-input--density-comfortable {
20130
- --combobox-chips-margin-bottom: 2px;
19934
+ .v-card-item__content {
19935
+ align-self: center;
19936
+ grid-area: content;
19937
+ overflow: hidden;
20131
19938
  }
20132
19939
 
20133
- .v-input--density-compact {
20134
- --combobox-chips-margin-bottom: 4px;
19940
+ .v-card-title {
19941
+ display: block;
19942
+ flex: none;
19943
+ font-size: 1.25rem;
19944
+ font-weight: 500;
19945
+ -webkit-hyphens: auto;
19946
+ hyphens: auto;
19947
+ letter-spacing: 0.0125em;
19948
+ min-width: 0;
19949
+ overflow-wrap: normal;
19950
+ overflow: hidden;
19951
+ padding: 0.5rem 1rem;
19952
+ text-overflow: ellipsis;
19953
+ text-transform: none;
19954
+ white-space: nowrap;
19955
+ word-break: normal;
19956
+ word-wrap: break-word;
20135
19957
  }
20136
-
20137
- .v-combobox .v-field .v-text-field__prefix,
20138
- .v-combobox .v-field .v-text-field__suffix,
20139
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20140
- cursor: text;
19958
+ .v-card .v-card-title {
19959
+ line-height: 2rem;
20141
19960
  }
20142
- .v-combobox .v-field .v-field__input > input {
20143
- align-self: flex-start;
20144
- flex: 1 1;
19961
+ .v-card--density-comfortable .v-card-title {
19962
+ line-height: 1.75rem;
20145
19963
  }
20146
- .v-combobox .v-field .v-field__append-inner > .v-icon {
20147
- margin-inline-start: 4px;
20148
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19964
+ .v-card--density-compact .v-card-title {
19965
+ line-height: 1.55rem;
20149
19966
  }
20150
- .v-combobox .v-field:not(.v-field--focused) input {
20151
- min-width: 0;
19967
+ .v-card-item .v-card-title {
19968
+ padding: 0;
20152
19969
  }
20153
- .v-combobox .v-field--dirty .v-combobox__selection {
20154
- margin-inline-end: 2px;
19970
+ .v-card-title + .v-card-text,
19971
+ .v-card-title + .v-card-actions {
19972
+ padding-top: 0;
20155
19973
  }
20156
- .v-combobox .v-field--single-line .v-combobox__selection-text {
19974
+
19975
+ .v-card-subtitle {
19976
+ display: block;
19977
+ flex: none;
19978
+ font-size: 0.875rem;
19979
+ font-weight: 400;
19980
+ letter-spacing: 0.0178571429em;
19981
+ opacity: var(--v-medium-emphasis-opacity);
20157
19982
  overflow: hidden;
19983
+ padding: 0 1rem;
20158
19984
  text-overflow: ellipsis;
19985
+ text-transform: none;
20159
19986
  white-space: nowrap;
20160
19987
  }
20161
-
20162
- .v-combobox__content {
20163
- overflow: hidden;
20164
- 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));
20165
- border-radius: 4px;
20166
- }
20167
- .v-combobox__mask {
20168
- background: rgb(var(--v-theme-on-surface-variant));
19988
+ .v-card .v-card-subtitle {
19989
+ line-height: 1.25rem;
20169
19990
  }
20170
- .v-combobox__selection {
20171
- display: inline-flex;
20172
- letter-spacing: inherit;
20173
- line-height: inherit;
20174
- max-width: 100%;
19991
+ .v-card--density-comfortable .v-card-subtitle {
19992
+ line-height: 1.125rem;
20175
19993
  }
20176
- .v-combobox--active-menu .v-field__append-inner > .v-icon {
20177
- opacity: var(--v-high-emphasis-opacity);
20178
- transform: rotate(180deg);
19994
+ .v-card--density-compact .v-card-subtitle {
19995
+ line-height: 1rem;
20179
19996
  }
20180
- .v-combobox--chips .v-combobox__selection {
20181
- margin-top: 2px;
20182
- margin-bottom: var(--combobox-chips-margin-bottom);
19997
+ .v-card-item .v-card-subtitle {
19998
+ padding: 0 0 0.25rem;
20183
19999
  }
20184
- .v-combobox--chips .v-combobox__selection:first-child {
20185
- margin-inline-start: 0;
20000
+
20001
+ .v-card-text {
20002
+ flex: 1 1 auto;
20003
+ font-size: 0.875rem;
20004
+ font-weight: 400;
20005
+ letter-spacing: 0.0178571429em;
20006
+ padding: 1rem;
20007
+ text-transform: none;
20186
20008
  }
20187
- .v-combobox--selecting-index .v-combobox__selection {
20188
- opacity: var(--v-medium-emphasis-opacity);
20009
+ .v-card .v-card-text {
20010
+ line-height: 1.25rem;
20189
20011
  }
20190
- .v-combobox--selecting-index .v-combobox__selection--selected {
20191
- opacity: 1;
20012
+ .v-card--density-comfortable .v-card-text {
20013
+ line-height: 1.2rem;
20192
20014
  }
20193
- .v-combobox--selecting-index .v-field__input > input {
20194
- caret-color: transparent !important;
20015
+ .v-card--density-compact .v-card-text {
20016
+ line-height: 1.15rem;
20195
20017
  }
20196
- .v-combobox--single.v-text-field input {
20197
- flex: 1 1;
20198
- position: absolute;
20018
+
20019
+ .v-card__image {
20020
+ display: flex;
20021
+ height: 100%;
20022
+ flex: 1 1 auto;
20199
20023
  left: 0;
20200
- right: 0;
20024
+ overflow: hidden;
20025
+ position: absolute;
20026
+ top: 0;
20201
20027
  width: 100%;
20202
- padding-inline-start: inherit;
20203
- padding-inline-end: inherit;
20028
+ z-index: -1;
20204
20029
  }
20205
- .v-combobox--single .v-field--active input {
20206
- transition: none;
20030
+
20031
+ .v-card__content {
20032
+ border-radius: inherit;
20033
+ overflow: hidden;
20034
+ position: relative;
20207
20035
  }
20208
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20209
- opacity: 0;
20036
+
20037
+ .v-card__loader {
20038
+ bottom: auto;
20039
+ top: 0;
20040
+ left: 0;
20041
+ position: absolute;
20042
+ right: 0;
20043
+ width: 100%;
20044
+ z-index: 1;
20210
20045
  }
20211
- .v-combobox--single .v-field--focused .v-combobox__selection {
20046
+
20047
+ .v-card__overlay {
20048
+ background-color: currentColor;
20049
+ border-radius: inherit;
20050
+ position: absolute;
20051
+ top: 0;
20052
+ right: 0;
20053
+ bottom: 0;
20054
+ left: 0;
20055
+ pointer-events: none;
20212
20056
  opacity: 0;
20213
- }.v-counter {
20214
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20215
- flex: 0 1 auto;
20216
- font-size: 12px;
20217
- transition-duration: 150ms;
20218
- }.v-container {
20057
+ transition: opacity 0.2s ease-in-out;
20058
+ }.v-carousel {
20059
+ overflow: hidden;
20060
+ position: relative;
20219
20061
  width: 100%;
20220
- padding: 16px;
20221
- margin-right: auto;
20222
- margin-left: auto;
20223
- }
20224
- @media (min-width: 960px) {
20225
- .v-container {
20226
- max-width: 900px;
20227
- }
20228
- }
20229
- @media (min-width: 1280px) {
20230
- .v-container {
20231
- max-width: 1200px;
20232
- }
20233
- }
20234
- @media (min-width: 1920px) {
20235
- .v-container {
20236
- max-width: 1800px;
20237
- }
20238
- }
20239
- @media (min-width: 2560px) {
20240
- .v-container {
20241
- max-width: 2400px;
20242
- }
20243
- }
20244
- .v-container--fluid {
20245
- max-width: 100%;
20246
20062
  }
20247
- .v-container.fill-height {
20063
+ .v-carousel__controls {
20248
20064
  align-items: center;
20065
+ background: rgba(var(--v-theme-surface-variant), 0.3);
20066
+ bottom: 0;
20249
20067
  display: flex;
20250
- flex-wrap: wrap;
20251
- }
20252
-
20253
- .v-row {
20254
- display: flex;
20255
- flex-wrap: wrap;
20256
- flex: 1 1 auto;
20257
- margin: -12px;
20068
+ height: 50px;
20069
+ justify-content: center;
20070
+ list-style-type: none;
20071
+ position: absolute;
20072
+ width: 100%;
20073
+ z-index: 1;
20258
20074
  }
20259
- .v-row + .v-row {
20260
- margin-top: 12px;
20075
+ .v-carousel__controls > .v-item-group {
20076
+ flex: 0 1 auto;
20261
20077
  }
20262
- .v-row + .v-row--dense {
20263
- margin-top: 4px;
20078
+ .v-carousel__controls__item {
20079
+ margin: 0 8px;
20264
20080
  }
20265
- .v-row--dense {
20266
- margin: -4px;
20081
+ .v-carousel__controls__item .v-icon {
20082
+ opacity: 0.5;
20267
20083
  }
20268
- .v-row--dense > .v-col,
20269
- .v-row--dense > [class*=v-col-] {
20270
- padding: 4px;
20084
+ .v-carousel__controls__item--active .v-icon {
20085
+ opacity: 1;
20086
+ vertical-align: middle;
20271
20087
  }
20272
- .v-row.v-row--no-gutters {
20273
- margin: 0;
20088
+ .v-carousel__controls__item:hover {
20089
+ background: none;
20274
20090
  }
20275
- .v-row.v-row--no-gutters > .v-col,
20276
- .v-row.v-row--no-gutters > [class*=v-col-] {
20277
- padding: 0;
20091
+ .v-carousel__controls__item:hover .v-icon {
20092
+ opacity: 0.8;
20278
20093
  }
20279
20094
 
20280
- .v-col-xxl,
20281
- .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,
20282
- .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,
20283
- .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,
20284
- .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,
20285
- .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,
20286
- .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 {
20287
- width: 100%;
20288
- padding: 12px;
20095
+ .v-carousel__progress {
20096
+ margin: 0;
20097
+ position: absolute;
20098
+ bottom: 0;
20099
+ left: 0;
20100
+ right: 0;
20289
20101
  }
20290
20102
 
20291
- .v-col {
20292
- flex-basis: 0;
20293
- flex-grow: 1;
20294
- max-width: 100%;
20103
+ .v-carousel-item {
20104
+ display: block;
20105
+ height: inherit;
20106
+ text-decoration: none;
20295
20107
  }
20296
-
20297
- .v-col-auto {
20298
- flex: 0 0 auto;
20299
- width: auto;
20300
- max-width: 100%;
20108
+ .v-carousel-item > .v-img {
20109
+ height: inherit;
20301
20110
  }
20302
20111
 
20303
- .v-col-1 {
20304
- flex: 0 0 8.3333333333%;
20305
- max-width: 8.3333333333%;
20112
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
20113
+ background: transparent;
20306
20114
  }
20307
20115
 
20308
- .v-col-2 {
20309
- flex: 0 0 16.6666666667%;
20310
- max-width: 16.6666666667%;
20116
+ .v-carousel--vertical-delimiters .v-carousel__controls {
20117
+ flex-direction: column;
20118
+ height: 100% !important;
20119
+ width: 50px;
20120
+ }.v-checkbox .v-selection-control {
20121
+ min-height: var(--v-input-control-height);
20122
+ }.v-chip {
20123
+ align-items: center;
20124
+ cursor: default;
20125
+ display: inline-flex;
20126
+ font-weight: 400;
20127
+ max-width: 100%;
20128
+ overflow: hidden;
20129
+ position: relative;
20130
+ text-decoration: none;
20131
+ white-space: nowrap;
20132
+ vertical-align: middle;
20133
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20134
+ border-style: solid;
20135
+ border-width: 0;
20136
+ border-radius: 9999px;
20311
20137
  }
20312
-
20313
- .v-col-3 {
20314
- flex: 0 0 25%;
20315
- max-width: 25%;
20138
+ .v-chip.v-chip--size-x-small {
20139
+ --v-chip-size: 0.625rem;
20140
+ --v-chip-height: 20px;
20141
+ font-size: 0.625rem;
20142
+ padding: 0 8px;
20316
20143
  }
20317
-
20318
- .v-col-4 {
20319
- flex: 0 0 33.3333333333%;
20320
- max-width: 33.3333333333%;
20144
+ .v-chip.v-chip--size-x-small .v-avatar {
20145
+ --v-avatar-height: 14px;
20321
20146
  }
20322
-
20323
- .v-col-5 {
20324
- flex: 0 0 41.6666666667%;
20325
- max-width: 41.6666666667%;
20147
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
20148
+ --v-avatar-height: 20px;
20326
20149
  }
20327
20150
 
20328
- .v-col-6 {
20329
- flex: 0 0 50%;
20330
- max-width: 50%;
20151
+ .v-chip.v-chip--size-x-small .v-chip__filter,
20152
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
20153
+ .v-chip.v-chip--size-x-small > .v-avatar--start,
20154
+ .v-chip.v-chip--size-x-small > .v-icon--start {
20155
+ margin-inline-end: 4px;
20331
20156
  }
20332
-
20333
- .v-col-7 {
20334
- flex: 0 0 58.3333333333%;
20335
- max-width: 58.3333333333%;
20157
+ .v-chip.v-chip--size-x-small .v-chip__filter,
20158
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
20159
+ .v-chip.v-chip--size-x-small .v-icon--start {
20160
+ margin-inline-start: -4px;
20336
20161
  }
20337
-
20338
- .v-col-8 {
20339
- flex: 0 0 66.6666666667%;
20340
- max-width: 66.6666666667%;
20162
+ .v-chip.v-chip--size-x-small .v-avatar--start {
20163
+ margin-inline-start: -5.6px;
20341
20164
  }
20342
-
20343
- .v-col-9 {
20344
- flex: 0 0 75%;
20345
- max-width: 75%;
20165
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
20166
+ margin-inline-start: -8px;
20346
20167
  }
20347
20168
 
20348
- .v-col-10 {
20349
- flex: 0 0 83.3333333333%;
20350
- max-width: 83.3333333333%;
20169
+ .v-chip.v-chip--size-x-small .v-chip__append,
20170
+ .v-chip.v-chip--size-x-small .v-chip__close,
20171
+ .v-chip.v-chip--size-x-small > .v-avatar--end,
20172
+ .v-chip.v-chip--size-x-small > .v-icon--end {
20173
+ margin-inline-start: 4px;
20174
+ margin-inline-end: -4px;
20351
20175
  }
20352
-
20353
- .v-col-11 {
20354
- flex: 0 0 91.6666666667%;
20355
- max-width: 91.6666666667%;
20176
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
20177
+ margin-inline-end: -8px;
20356
20178
  }
20357
-
20358
- .v-col-12 {
20359
- flex: 0 0 100%;
20360
- max-width: 100%;
20179
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
20180
+ margin-inline-start: 8px;
20361
20181
  }
20362
20182
 
20363
- .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
20364
- margin-left: 8.3333333333%;
20183
+ .v-chip.v-chip--size-small {
20184
+ --v-chip-size: 0.75rem;
20185
+ --v-chip-height: 26px;
20186
+ font-size: 0.75rem;
20187
+ padding: 0 10px;
20365
20188
  }
20366
- .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
20367
- margin-right: 8.3333333333%;
20189
+ .v-chip.v-chip--size-small .v-avatar {
20190
+ --v-avatar-height: 20px;
20368
20191
  }
20369
-
20370
- .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
20371
- margin-left: 16.6666666667%;
20372
- }
20373
- .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
20374
- margin-right: 16.6666666667%;
20192
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
20193
+ --v-avatar-height: 26px;
20375
20194
  }
20376
20195
 
20377
- .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
20378
- margin-left: 25%;
20196
+ .v-chip.v-chip--size-small .v-chip__filter,
20197
+ .v-chip.v-chip--size-small .v-chip__prepend,
20198
+ .v-chip.v-chip--size-small > .v-avatar--start,
20199
+ .v-chip.v-chip--size-small > .v-icon--start {
20200
+ margin-inline-end: 5px;
20379
20201
  }
20380
- .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
20381
- margin-right: 25%;
20202
+ .v-chip.v-chip--size-small .v-chip__filter,
20203
+ .v-chip.v-chip--size-small .v-chip__prepend,
20204
+ .v-chip.v-chip--size-small .v-icon--start {
20205
+ margin-inline-start: -5px;
20382
20206
  }
20383
-
20384
- .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
20385
- margin-left: 33.3333333333%;
20207
+ .v-chip.v-chip--size-small .v-avatar--start {
20208
+ margin-inline-start: -7px;
20386
20209
  }
20387
- .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
20388
- margin-right: 33.3333333333%;
20210
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
20211
+ margin-inline-start: -10px;
20389
20212
  }
20390
20213
 
20391
- .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
20392
- margin-left: 41.6666666667%;
20214
+ .v-chip.v-chip--size-small .v-chip__append,
20215
+ .v-chip.v-chip--size-small .v-chip__close,
20216
+ .v-chip.v-chip--size-small > .v-avatar--end,
20217
+ .v-chip.v-chip--size-small > .v-icon--end {
20218
+ margin-inline-start: 5px;
20219
+ margin-inline-end: -5px;
20393
20220
  }
20394
- .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
20395
- margin-right: 41.6666666667%;
20221
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
20222
+ margin-inline-end: -10px;
20223
+ }
20224
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
20225
+ margin-inline-start: 10px;
20396
20226
  }
20397
20227
 
20398
- .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
20399
- margin-left: 50%;
20228
+ .v-chip.v-chip--size-default {
20229
+ --v-chip-size: 0.875rem;
20230
+ --v-chip-height: 32px;
20231
+ font-size: 0.875rem;
20232
+ padding: 0 12px;
20400
20233
  }
20401
- .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
20402
- margin-right: 50%;
20234
+ .v-chip.v-chip--size-default .v-avatar {
20235
+ --v-avatar-height: 26px;
20236
+ }
20237
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
20238
+ --v-avatar-height: 32px;
20403
20239
  }
20404
20240
 
20405
- .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
20406
- margin-left: 58.3333333333%;
20241
+ .v-chip.v-chip--size-default .v-chip__filter,
20242
+ .v-chip.v-chip--size-default .v-chip__prepend,
20243
+ .v-chip.v-chip--size-default > .v-avatar--start,
20244
+ .v-chip.v-chip--size-default > .v-icon--start {
20245
+ margin-inline-end: 6px;
20407
20246
  }
20408
- .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
20409
- margin-right: 58.3333333333%;
20247
+ .v-chip.v-chip--size-default .v-chip__filter,
20248
+ .v-chip.v-chip--size-default .v-chip__prepend,
20249
+ .v-chip.v-chip--size-default .v-icon--start {
20250
+ margin-inline-start: -6px;
20410
20251
  }
20411
-
20412
- .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
20413
- margin-left: 66.6666666667%;
20252
+ .v-chip.v-chip--size-default .v-avatar--start {
20253
+ margin-inline-start: -8.4px;
20414
20254
  }
20415
- .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
20416
- margin-right: 66.6666666667%;
20255
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
20256
+ margin-inline-start: -12px;
20417
20257
  }
20418
20258
 
20419
- .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
20420
- margin-left: 75%;
20259
+ .v-chip.v-chip--size-default .v-chip__append,
20260
+ .v-chip.v-chip--size-default .v-chip__close,
20261
+ .v-chip.v-chip--size-default > .v-avatar--end,
20262
+ .v-chip.v-chip--size-default > .v-icon--end {
20263
+ margin-inline-start: 6px;
20264
+ margin-inline-end: -6px;
20421
20265
  }
20422
- .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
20423
- margin-right: 75%;
20266
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
20267
+ margin-inline-end: -12px;
20268
+ }
20269
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
20270
+ margin-inline-start: 12px;
20424
20271
  }
20425
20272
 
20426
- .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
20427
- margin-left: 83.3333333333%;
20273
+ .v-chip.v-chip--size-large {
20274
+ --v-chip-size: 1rem;
20275
+ --v-chip-height: 38px;
20276
+ font-size: 1rem;
20277
+ padding: 0 14px;
20428
20278
  }
20429
- .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
20430
- margin-right: 83.3333333333%;
20279
+ .v-chip.v-chip--size-large .v-avatar {
20280
+ --v-avatar-height: 32px;
20281
+ }
20282
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
20283
+ --v-avatar-height: 38px;
20431
20284
  }
20432
20285
 
20433
- .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
20434
- margin-left: 91.6666666667%;
20286
+ .v-chip.v-chip--size-large .v-chip__filter,
20287
+ .v-chip.v-chip--size-large .v-chip__prepend,
20288
+ .v-chip.v-chip--size-large > .v-avatar--start,
20289
+ .v-chip.v-chip--size-large > .v-icon--start {
20290
+ margin-inline-end: 7px;
20435
20291
  }
20436
- .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
20437
- margin-right: 91.6666666667%;
20292
+ .v-chip.v-chip--size-large .v-chip__filter,
20293
+ .v-chip.v-chip--size-large .v-chip__prepend,
20294
+ .v-chip.v-chip--size-large .v-icon--start {
20295
+ margin-inline-start: -7px;
20296
+ }
20297
+ .v-chip.v-chip--size-large .v-avatar--start {
20298
+ margin-inline-start: -9.8px;
20299
+ }
20300
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
20301
+ margin-inline-start: -14px;
20438
20302
  }
20439
20303
 
20440
- @media (min-width: 600px) {
20441
- .v-col-sm {
20442
- flex-basis: 0;
20443
- flex-grow: 1;
20444
- max-width: 100%;
20445
- }
20446
-
20447
- .v-col-sm-auto {
20448
- flex: 0 0 auto;
20449
- width: auto;
20450
- max-width: 100%;
20451
- }
20452
-
20453
- .v-col-sm-1 {
20454
- flex: 0 0 8.3333333333%;
20455
- max-width: 8.3333333333%;
20456
- }
20457
-
20458
- .v-col-sm-2 {
20459
- flex: 0 0 16.6666666667%;
20460
- max-width: 16.6666666667%;
20461
- }
20304
+ .v-chip.v-chip--size-large .v-chip__append,
20305
+ .v-chip.v-chip--size-large .v-chip__close,
20306
+ .v-chip.v-chip--size-large > .v-avatar--end,
20307
+ .v-chip.v-chip--size-large > .v-icon--end {
20308
+ margin-inline-start: 7px;
20309
+ margin-inline-end: -7px;
20310
+ }
20311
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
20312
+ margin-inline-end: -14px;
20313
+ }
20314
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
20315
+ margin-inline-start: 14px;
20316
+ }
20462
20317
 
20463
- .v-col-sm-3 {
20464
- flex: 0 0 25%;
20465
- max-width: 25%;
20466
- }
20318
+ .v-chip.v-chip--size-x-large {
20319
+ --v-chip-size: 1.125rem;
20320
+ --v-chip-height: 44px;
20321
+ font-size: 1.125rem;
20322
+ padding: 0 17px;
20323
+ }
20324
+ .v-chip.v-chip--size-x-large .v-avatar {
20325
+ --v-avatar-height: 38px;
20326
+ }
20327
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20328
+ --v-avatar-height: 44px;
20329
+ }
20467
20330
 
20468
- .v-col-sm-4 {
20469
- flex: 0 0 33.3333333333%;
20470
- max-width: 33.3333333333%;
20471
- }
20331
+ .v-chip.v-chip--size-x-large .v-chip__filter,
20332
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
20333
+ .v-chip.v-chip--size-x-large > .v-avatar--start,
20334
+ .v-chip.v-chip--size-x-large > .v-icon--start {
20335
+ margin-inline-end: 8.5px;
20336
+ }
20337
+ .v-chip.v-chip--size-x-large .v-chip__filter,
20338
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
20339
+ .v-chip.v-chip--size-x-large .v-icon--start {
20340
+ margin-inline-start: -8.5px;
20341
+ }
20342
+ .v-chip.v-chip--size-x-large .v-avatar--start {
20343
+ margin-inline-start: -11.9px;
20344
+ }
20345
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20346
+ margin-inline-start: -17px;
20347
+ }
20472
20348
 
20473
- .v-col-sm-5 {
20474
- flex: 0 0 41.6666666667%;
20475
- max-width: 41.6666666667%;
20476
- }
20349
+ .v-chip.v-chip--size-x-large .v-chip__append,
20350
+ .v-chip.v-chip--size-x-large .v-chip__close,
20351
+ .v-chip.v-chip--size-x-large > .v-avatar--end,
20352
+ .v-chip.v-chip--size-x-large > .v-icon--end {
20353
+ margin-inline-start: 8.5px;
20354
+ margin-inline-end: -8.5px;
20355
+ }
20356
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
20357
+ margin-inline-end: -17px;
20358
+ }
20359
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
20360
+ margin-inline-start: 17px;
20361
+ }
20477
20362
 
20478
- .v-col-sm-6 {
20479
- flex: 0 0 50%;
20480
- max-width: 50%;
20481
- }
20363
+ .v-chip.v-chip--density-default {
20364
+ height: calc(var(--v-chip-height) + 0px);
20365
+ }
20482
20366
 
20483
- .v-col-sm-7 {
20484
- flex: 0 0 58.3333333333%;
20485
- max-width: 58.3333333333%;
20486
- }
20367
+ .v-chip.v-chip--density-comfortable {
20368
+ height: calc(var(--v-chip-height) + -8px);
20369
+ }
20487
20370
 
20488
- .v-col-sm-8 {
20489
- flex: 0 0 66.6666666667%;
20490
- max-width: 66.6666666667%;
20491
- }
20371
+ .v-chip.v-chip--density-compact {
20372
+ height: calc(var(--v-chip-height) + -12px);
20373
+ }
20492
20374
 
20493
- .v-col-sm-9 {
20494
- flex: 0 0 75%;
20495
- max-width: 75%;
20375
+ .v-chip:hover > .v-chip__overlay {
20376
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20377
+ }
20378
+ .v-chip:focus-visible > .v-chip__overlay {
20379
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20380
+ }
20381
+ @supports not selector(:focus-visible) {
20382
+ .v-chip:focus > .v-chip__overlay {
20383
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20496
20384
  }
20497
-
20498
- .v-col-sm-10 {
20499
- flex: 0 0 83.3333333333%;
20500
- max-width: 83.3333333333%;
20385
+ }
20386
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
20387
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20388
+ }
20389
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
20390
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20391
+ }
20392
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
20393
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20394
+ }
20395
+ @supports not selector(:focus-visible) {
20396
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
20397
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20398
+ }
20399
+ }
20400
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
20401
+ background: transparent;
20402
+ color: inherit;
20403
+ }
20404
+ .v-chip--variant-plain {
20405
+ opacity: 0.26;
20406
+ }
20407
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
20408
+ opacity: 1;
20409
+ }
20410
+ .v-chip--variant-plain .v-chip__overlay {
20411
+ display: none;
20412
+ }
20413
+ .v-chip--variant-elevated, .v-chip--variant-flat {
20414
+ background: rgb(var(--v-theme-surface-variant));
20415
+ color: rgb(var(--v-theme-on-surface-variant));
20416
+ }
20417
+ .v-chip--variant-elevated {
20418
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20419
+ }
20420
+ .v-chip--variant-flat {
20421
+ 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));
20422
+ }
20423
+ .v-chip--variant-outlined {
20424
+ border: thin solid currentColor;
20425
+ }
20426
+ .v-chip--variant-text .v-chip__overlay {
20427
+ background: currentColor;
20428
+ }
20429
+ .v-chip--variant-tonal .v-chip__underlay {
20430
+ background: currentColor;
20431
+ opacity: var(--v-activated-opacity);
20432
+ border-radius: inherit;
20433
+ position: absolute;
20434
+ top: 0;
20435
+ right: 0;
20436
+ bottom: 0;
20437
+ left: 0;
20438
+ pointer-events: none;
20439
+ }
20440
+ .v-chip--border {
20441
+ border-width: thin;
20442
+ }
20443
+ .v-chip--link {
20444
+ cursor: pointer;
20445
+ }
20446
+ .v-chip--filter {
20447
+ -webkit-user-select: none;
20448
+ user-select: none;
20449
+ }
20450
+ .v-chip--label {
20451
+ border-radius: 4px;
20452
+ }
20453
+
20454
+ .v-chip__filter,
20455
+ .v-chip__prepend,
20456
+ .v-chip__append,
20457
+ .v-chip__close {
20458
+ align-items: center;
20459
+ display: inline-flex;
20460
+ }
20461
+
20462
+ .v-chip__close {
20463
+ cursor: pointer;
20464
+ flex: 0 1 auto;
20465
+ font-size: 18px;
20466
+ max-height: 18px;
20467
+ max-width: 18px;
20468
+ -webkit-user-select: none;
20469
+ user-select: none;
20470
+ }
20471
+ .v-chip__close .v-icon {
20472
+ font-size: inherit;
20473
+ }
20474
+
20475
+ .v-chip__filter {
20476
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20477
+ }
20478
+
20479
+ .v-chip__overlay {
20480
+ position: absolute;
20481
+ top: 0;
20482
+ left: 0;
20483
+ width: 100%;
20484
+ height: 100%;
20485
+ background-color: currentColor;
20486
+ border-radius: inherit;
20487
+ pointer-events: none;
20488
+ opacity: 0;
20489
+ transition: opacity 0.2s ease-in-out;
20490
+ }
20491
+
20492
+ .v-chip--disabled {
20493
+ opacity: 0.3;
20494
+ pointer-events: none;
20495
+ -webkit-user-select: none;
20496
+ user-select: none;
20497
+ }
20498
+
20499
+ .v-chip--label {
20500
+ border-radius: 4px;
20501
+ }.v-chip-group {
20502
+ display: flex;
20503
+ max-width: 100%;
20504
+ min-width: 0;
20505
+ overflow-x: auto;
20506
+ padding: 4px 0;
20507
+ }
20508
+ .v-chip-group .v-chip {
20509
+ margin: 4px 8px 4px 0;
20510
+ }
20511
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20512
+ opacity: var(--v-activated-opacity);
20513
+ }
20514
+
20515
+ .v-chip-group--column {
20516
+ flex-wrap: wrap;
20517
+ white-space: normal;
20518
+ }.v-color-picker {
20519
+ align-self: flex-start;
20520
+ contain: content;
20521
+ }
20522
+ .v-color-picker.v-sheet {
20523
+ 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));
20524
+ border-radius: 4px;
20525
+ }
20526
+
20527
+ .v-color-picker__controls {
20528
+ display: flex;
20529
+ flex-direction: column;
20530
+ padding: 16px;
20531
+ }
20532
+
20533
+ .v-color-picker--flat {
20534
+ 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));
20535
+ }
20536
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20537
+ 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));
20538
+ }.v-input--density-default {
20539
+ --combobox-chips-margin-bottom: 0px;
20540
+ }
20541
+
20542
+ .v-input--density-comfortable {
20543
+ --combobox-chips-margin-bottom: 2px;
20544
+ }
20545
+
20546
+ .v-input--density-compact {
20547
+ --combobox-chips-margin-bottom: 4px;
20548
+ }
20549
+
20550
+ .v-combobox .v-field .v-text-field__prefix,
20551
+ .v-combobox .v-field .v-text-field__suffix,
20552
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20553
+ cursor: text;
20554
+ }
20555
+ .v-combobox .v-field .v-field__input > input {
20556
+ align-self: flex-start;
20557
+ flex: 1 1;
20558
+ }
20559
+ .v-combobox .v-field .v-field__append-inner > .v-icon {
20560
+ margin-inline-start: 4px;
20561
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20562
+ }
20563
+ .v-combobox .v-field:not(.v-field--focused) input {
20564
+ min-width: 0;
20565
+ }
20566
+ .v-combobox .v-field--dirty .v-combobox__selection {
20567
+ margin-inline-end: 2px;
20568
+ }
20569
+ .v-combobox .v-field--single-line .v-combobox__selection-text {
20570
+ overflow: hidden;
20571
+ text-overflow: ellipsis;
20572
+ white-space: nowrap;
20573
+ }
20574
+
20575
+ .v-combobox__content {
20576
+ overflow: hidden;
20577
+ 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));
20578
+ border-radius: 4px;
20579
+ }
20580
+ .v-combobox__mask {
20581
+ background: rgb(var(--v-theme-on-surface-variant));
20582
+ }
20583
+ .v-combobox__selection {
20584
+ display: inline-flex;
20585
+ letter-spacing: inherit;
20586
+ line-height: inherit;
20587
+ max-width: 100%;
20588
+ }
20589
+ .v-combobox--active-menu .v-field__append-inner > .v-icon {
20590
+ opacity: var(--v-high-emphasis-opacity);
20591
+ transform: rotate(180deg);
20592
+ }
20593
+ .v-combobox--chips .v-combobox__selection {
20594
+ margin-top: 2px;
20595
+ margin-bottom: var(--combobox-chips-margin-bottom);
20596
+ }
20597
+ .v-combobox--chips .v-combobox__selection:first-child {
20598
+ margin-inline-start: 0;
20599
+ }
20600
+ .v-combobox--selecting-index .v-combobox__selection {
20601
+ opacity: var(--v-medium-emphasis-opacity);
20602
+ }
20603
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20604
+ opacity: 1;
20605
+ }
20606
+ .v-combobox--selecting-index .v-field__input > input {
20607
+ caret-color: transparent !important;
20608
+ }
20609
+ .v-combobox--single.v-text-field input {
20610
+ flex: 1 1;
20611
+ position: absolute;
20612
+ left: 0;
20613
+ right: 0;
20614
+ width: 100%;
20615
+ padding-inline-start: inherit;
20616
+ padding-inline-end: inherit;
20617
+ }
20618
+ .v-combobox--single .v-field--active input {
20619
+ transition: none;
20620
+ }
20621
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20622
+ opacity: 0;
20623
+ }
20624
+ .v-combobox--single .v-field--focused .v-combobox__selection {
20625
+ opacity: 0;
20626
+ }.v-container {
20627
+ width: 100%;
20628
+ padding: 16px;
20629
+ margin-right: auto;
20630
+ margin-left: auto;
20631
+ }
20632
+ @media (min-width: 960px) {
20633
+ .v-container {
20634
+ max-width: 900px;
20635
+ }
20636
+ }
20637
+ @media (min-width: 1280px) {
20638
+ .v-container {
20639
+ max-width: 1200px;
20640
+ }
20641
+ }
20642
+ @media (min-width: 1920px) {
20643
+ .v-container {
20644
+ max-width: 1800px;
20645
+ }
20646
+ }
20647
+ @media (min-width: 2560px) {
20648
+ .v-container {
20649
+ max-width: 2400px;
20650
+ }
20651
+ }
20652
+ .v-container--fluid {
20653
+ max-width: 100%;
20654
+ }
20655
+ .v-container.fill-height {
20656
+ align-items: center;
20657
+ display: flex;
20658
+ flex-wrap: wrap;
20659
+ }
20660
+
20661
+ .v-row {
20662
+ display: flex;
20663
+ flex-wrap: wrap;
20664
+ flex: 1 1 auto;
20665
+ margin: -12px;
20666
+ }
20667
+ .v-row + .v-row {
20668
+ margin-top: 12px;
20669
+ }
20670
+ .v-row + .v-row--dense {
20671
+ margin-top: 4px;
20672
+ }
20673
+ .v-row--dense {
20674
+ margin: -4px;
20675
+ }
20676
+ .v-row--dense > .v-col,
20677
+ .v-row--dense > [class*=v-col-] {
20678
+ padding: 4px;
20679
+ }
20680
+ .v-row.v-row--no-gutters {
20681
+ margin: 0;
20682
+ }
20683
+ .v-row.v-row--no-gutters > .v-col,
20684
+ .v-row.v-row--no-gutters > [class*=v-col-] {
20685
+ padding: 0;
20686
+ }
20687
+
20688
+ .v-col-xxl,
20689
+ .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,
20690
+ .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,
20691
+ .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,
20692
+ .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,
20693
+ .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,
20694
+ .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 {
20695
+ width: 100%;
20696
+ padding: 12px;
20697
+ }
20698
+
20699
+ .v-col {
20700
+ flex-basis: 0;
20701
+ flex-grow: 1;
20702
+ max-width: 100%;
20703
+ }
20704
+
20705
+ .v-col-auto {
20706
+ flex: 0 0 auto;
20707
+ width: auto;
20708
+ max-width: 100%;
20709
+ }
20710
+
20711
+ .v-col-1 {
20712
+ flex: 0 0 8.3333333333%;
20713
+ max-width: 8.3333333333%;
20714
+ }
20715
+
20716
+ .v-col-2 {
20717
+ flex: 0 0 16.6666666667%;
20718
+ max-width: 16.6666666667%;
20719
+ }
20720
+
20721
+ .v-col-3 {
20722
+ flex: 0 0 25%;
20723
+ max-width: 25%;
20724
+ }
20725
+
20726
+ .v-col-4 {
20727
+ flex: 0 0 33.3333333333%;
20728
+ max-width: 33.3333333333%;
20729
+ }
20730
+
20731
+ .v-col-5 {
20732
+ flex: 0 0 41.6666666667%;
20733
+ max-width: 41.6666666667%;
20734
+ }
20735
+
20736
+ .v-col-6 {
20737
+ flex: 0 0 50%;
20738
+ max-width: 50%;
20739
+ }
20740
+
20741
+ .v-col-7 {
20742
+ flex: 0 0 58.3333333333%;
20743
+ max-width: 58.3333333333%;
20744
+ }
20745
+
20746
+ .v-col-8 {
20747
+ flex: 0 0 66.6666666667%;
20748
+ max-width: 66.6666666667%;
20749
+ }
20750
+
20751
+ .v-col-9 {
20752
+ flex: 0 0 75%;
20753
+ max-width: 75%;
20754
+ }
20755
+
20756
+ .v-col-10 {
20757
+ flex: 0 0 83.3333333333%;
20758
+ max-width: 83.3333333333%;
20759
+ }
20760
+
20761
+ .v-col-11 {
20762
+ flex: 0 0 91.6666666667%;
20763
+ max-width: 91.6666666667%;
20764
+ }
20765
+
20766
+ .v-col-12 {
20767
+ flex: 0 0 100%;
20768
+ max-width: 100%;
20769
+ }
20770
+
20771
+ .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
20772
+ margin-left: 8.3333333333%;
20773
+ }
20774
+ .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
20775
+ margin-right: 8.3333333333%;
20776
+ }
20777
+
20778
+ .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
20779
+ margin-left: 16.6666666667%;
20780
+ }
20781
+ .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
20782
+ margin-right: 16.6666666667%;
20783
+ }
20784
+
20785
+ .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
20786
+ margin-left: 25%;
20787
+ }
20788
+ .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
20789
+ margin-right: 25%;
20790
+ }
20791
+
20792
+ .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
20793
+ margin-left: 33.3333333333%;
20794
+ }
20795
+ .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
20796
+ margin-right: 33.3333333333%;
20797
+ }
20798
+
20799
+ .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
20800
+ margin-left: 41.6666666667%;
20801
+ }
20802
+ .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
20803
+ margin-right: 41.6666666667%;
20804
+ }
20805
+
20806
+ .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
20807
+ margin-left: 50%;
20808
+ }
20809
+ .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
20810
+ margin-right: 50%;
20811
+ }
20812
+
20813
+ .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
20814
+ margin-left: 58.3333333333%;
20815
+ }
20816
+ .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
20817
+ margin-right: 58.3333333333%;
20818
+ }
20819
+
20820
+ .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
20821
+ margin-left: 66.6666666667%;
20822
+ }
20823
+ .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
20824
+ margin-right: 66.6666666667%;
20825
+ }
20826
+
20827
+ .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
20828
+ margin-left: 75%;
20829
+ }
20830
+ .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
20831
+ margin-right: 75%;
20832
+ }
20833
+
20834
+ .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
20835
+ margin-left: 83.3333333333%;
20836
+ }
20837
+ .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
20838
+ margin-right: 83.3333333333%;
20839
+ }
20840
+
20841
+ .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
20842
+ margin-left: 91.6666666667%;
20843
+ }
20844
+ .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
20845
+ margin-right: 91.6666666667%;
20846
+ }
20847
+
20848
+ @media (min-width: 600px) {
20849
+ .v-col-sm {
20850
+ flex-basis: 0;
20851
+ flex-grow: 1;
20852
+ max-width: 100%;
20853
+ }
20854
+
20855
+ .v-col-sm-auto {
20856
+ flex: 0 0 auto;
20857
+ width: auto;
20858
+ max-width: 100%;
20859
+ }
20860
+
20861
+ .v-col-sm-1 {
20862
+ flex: 0 0 8.3333333333%;
20863
+ max-width: 8.3333333333%;
20864
+ }
20865
+
20866
+ .v-col-sm-2 {
20867
+ flex: 0 0 16.6666666667%;
20868
+ max-width: 16.6666666667%;
20869
+ }
20870
+
20871
+ .v-col-sm-3 {
20872
+ flex: 0 0 25%;
20873
+ max-width: 25%;
20874
+ }
20875
+
20876
+ .v-col-sm-4 {
20877
+ flex: 0 0 33.3333333333%;
20878
+ max-width: 33.3333333333%;
20879
+ }
20880
+
20881
+ .v-col-sm-5 {
20882
+ flex: 0 0 41.6666666667%;
20883
+ max-width: 41.6666666667%;
20884
+ }
20885
+
20886
+ .v-col-sm-6 {
20887
+ flex: 0 0 50%;
20888
+ max-width: 50%;
20889
+ }
20890
+
20891
+ .v-col-sm-7 {
20892
+ flex: 0 0 58.3333333333%;
20893
+ max-width: 58.3333333333%;
20894
+ }
20895
+
20896
+ .v-col-sm-8 {
20897
+ flex: 0 0 66.6666666667%;
20898
+ max-width: 66.6666666667%;
20899
+ }
20900
+
20901
+ .v-col-sm-9 {
20902
+ flex: 0 0 75%;
20903
+ max-width: 75%;
20904
+ }
20905
+
20906
+ .v-col-sm-10 {
20907
+ flex: 0 0 83.3333333333%;
20908
+ max-width: 83.3333333333%;
20501
20909
  }
20502
20910
 
20503
20911
  .v-col-sm-11 {
@@ -21221,6 +21629,11 @@ html.overflow-y-hidden {
21221
21629
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
21222
21630
  margin-right: 91.6666666667%;
21223
21631
  }
21632
+ }.v-counter {
21633
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21634
+ flex: 0 1 auto;
21635
+ font-size: 12px;
21636
+ transition-duration: 150ms;
21224
21637
  }.v-dialog {
21225
21638
  align-items: center;
21226
21639
  justify-content: center;
@@ -21447,28 +21860,28 @@ html.overflow-y-hidden {
21447
21860
  justify-content: space-between;
21448
21861
  }
21449
21862
  .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21450
- opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
21863
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21451
21864
  }
21452
21865
  .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21453
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
21866
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21454
21867
  }
21455
21868
  @supports not selector(:focus-visible) {
21456
21869
  .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21457
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
21870
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21458
21871
  }
21459
21872
  }
21460
21873
  .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21461
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
21874
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21462
21875
  }
21463
21876
  .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21464
- opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
21877
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21465
21878
  }
21466
21879
  .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21467
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
21880
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21468
21881
  }
21469
21882
  @supports not selector(:focus-visible) {
21470
21883
  .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21471
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
21884
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21472
21885
  }
21473
21886
  }
21474
21887
  .v-expansion-panel-title--active::before {
@@ -21928,11 +22341,11 @@ textarea.v-field__input::placeholder {
21928
22341
  }
21929
22342
  @media (hover: hover) {
21930
22343
  .v-field--variant-filled:hover .v-field__overlay {
21931
- opacity: calc(0.08 * var(--v-theme-overlay-multiplier));
22344
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21932
22345
  }
21933
22346
  }
21934
22347
  .v-field--variant-filled.v-field--focused .v-field__overlay {
21935
- opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
22348
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21936
22349
  }
21937
22350
 
21938
22351
  /* endregion */
@@ -22004,53 +22417,6 @@ textarea.v-field__input::placeholder {
22004
22417
  }
22005
22418
  .v-footer--rounded {
22006
22419
  border-radius: 4px;
22007
- }.v-icon {
22008
- --v-icon-size-multiplier: 1;
22009
- align-items: center;
22010
- display: inline-flex;
22011
- font-feature-settings: "liga";
22012
- height: 1em;
22013
- justify-content: center;
22014
- letter-spacing: normal;
22015
- line-height: 1;
22016
- position: relative;
22017
- text-indent: 0;
22018
- -webkit-user-select: none;
22019
- user-select: none;
22020
- vertical-align: middle;
22021
- width: 1em;
22022
- }
22023
- .v-icon--clickable {
22024
- cursor: pointer;
22025
- }
22026
- .v-icon--size-x-small {
22027
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
22028
- }
22029
- .v-icon--size-small {
22030
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22031
- }
22032
- .v-icon--size-default {
22033
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22034
- }
22035
- .v-icon--size-large {
22036
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22037
- }
22038
- .v-icon--size-x-large {
22039
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
22040
- }
22041
-
22042
- .v-icon__svg {
22043
- fill: currentColor;
22044
- width: 100%;
22045
- height: 100%;
22046
- }
22047
-
22048
- .v-icon--start {
22049
- margin-inline-end: 8px;
22050
- }
22051
-
22052
- .v-icon--end {
22053
- margin-inline-start: 8px;
22054
22420
  }.v-img {
22055
22421
  --v-theme-overlay-multiplier: 3;
22056
22422
  z-index: 0;
@@ -22215,6 +22581,21 @@ textarea.v-field__input::placeholder {
22215
22581
 
22216
22582
  .v-label--clickable {
22217
22583
  cursor: pointer;
22584
+ }.v-layout {
22585
+ --v-scrollbar-offset: 0px;
22586
+ display: flex;
22587
+ flex: 1 1 auto;
22588
+ }
22589
+ .v-layout--full-height {
22590
+ --v-scrollbar-offset: inherit;
22591
+ height: 100%;
22592
+ }.v-layout-item {
22593
+ position: absolute;
22594
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22595
+ }
22596
+
22597
+ .v-layout-item--absolute {
22598
+ position: absolute;
22218
22599
  }.v-list {
22219
22600
  overflow: auto;
22220
22601
  padding: 8px 0;
@@ -22340,28 +22721,28 @@ textarea.v-field__input::placeholder {
22340
22721
  box-shadow: none;
22341
22722
  }
22342
22723
  .v-list-item:hover > .v-list-item__overlay {
22343
- opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
22724
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22344
22725
  }
22345
22726
  .v-list-item:focus-visible > .v-list-item__overlay {
22346
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
22727
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22347
22728
  }
22348
22729
  @supports not selector(:focus-visible) {
22349
22730
  .v-list-item:focus > .v-list-item__overlay {
22350
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
22731
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22351
22732
  }
22352
22733
  }
22353
22734
  .v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
22354
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
22735
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22355
22736
  }
22356
22737
  .v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
22357
- opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
22738
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22358
22739
  }
22359
22740
  .v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
22360
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
22741
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22361
22742
  }
22362
22743
  @supports not selector(:focus-visible) {
22363
22744
  .v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
22364
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
22745
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22365
22746
  }
22366
22747
  }
22367
22748
  .v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
@@ -23234,6 +23615,14 @@ html.v-overlay-scroll-blocked {
23234
23615
  0% {
23235
23616
  background-position-x: var(--v-progress-linear-height);
23236
23617
  }
23618
+ }.v-radio-group > .v-input__control {
23619
+ flex-direction: column;
23620
+ }
23621
+ .v-radio-group > .v-input__control > .v-label {
23622
+ margin-inline-start: 8px;
23623
+ }
23624
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23625
+ margin-top: 8px;
23237
23626
  }.v-slider .v-slider__container input {
23238
23627
  cursor: default;
23239
23628
  padding: 0;
@@ -23522,7 +23911,7 @@ html.v-overlay-scroll-blocked {
23522
23911
  pointer-events: none;
23523
23912
  }
23524
23913
  .v-selection-control__input:hover::before {
23525
- opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
23914
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23526
23915
  }
23527
23916
  .v-selection-control__input > .v-icon {
23528
23917
  opacity: var(--v-medium-emphasis-opacity);
@@ -23534,7 +23923,7 @@ html.v-overlay-scroll-blocked {
23534
23923
  color: rgb(var(--v-theme-error));
23535
23924
  }
23536
23925
  .v-selection-control--focus-visible .v-selection-control__input::before {
23537
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
23926
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23538
23927
  }.v-selection-control-group {
23539
23928
  grid-area: control;
23540
23929
  display: flex;
@@ -23557,56 +23946,14 @@ html.v-overlay-scroll-blocked {
23557
23946
  border-width: thin;
23558
23947
  box-shadow: none;
23559
23948
  }
23560
- .v-sheet--absolute {
23561
- position: absolute;
23562
- }
23563
- .v-sheet--fixed {
23564
- position: fixed;
23565
- }
23566
- .v-sheet--rounded {
23567
- border-radius: 4px;
23568
- }.v-slide-group {
23569
- display: flex;
23570
- overflow: hidden;
23571
- }
23572
-
23573
- .v-slide-group__next,
23574
- .v-slide-group__prev {
23575
- align-items: center;
23576
- display: flex;
23577
- flex: 0 1 52px;
23578
- justify-content: center;
23579
- min-width: 52px;
23580
- cursor: pointer;
23581
- }
23582
- .v-slide-group__next--disabled,
23583
- .v-slide-group__prev--disabled {
23584
- pointer-events: none;
23585
- opacity: var(--v-disabled-opacity);
23586
- }
23587
-
23588
- .v-slide-group__content {
23589
- display: flex;
23590
- flex: 1 0 auto;
23591
- position: relative;
23592
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23593
- white-space: nowrap;
23594
- }
23595
- .v-slide-group__content > * {
23596
- white-space: initial;
23597
- }
23598
-
23599
- .v-slide-group__container {
23600
- contain: content;
23601
- display: flex;
23602
- flex: 1 1 auto;
23603
- overflow: hidden;
23949
+ .v-sheet--absolute {
23950
+ position: absolute;
23604
23951
  }
23605
-
23606
- .v-slide-group--vertical,
23607
- .v-slide-group--vertical .v-slide-group__container,
23608
- .v-slide-group--vertical .v-slide-group__content {
23609
- flex-direction: column;
23952
+ .v-sheet--fixed {
23953
+ position: fixed;
23954
+ }
23955
+ .v-sheet--rounded {
23956
+ border-radius: 4px;
23610
23957
  }.v-snackbar {
23611
23958
  justify-content: center;
23612
23959
  padding-inline-end: var(--v-scrollbar-offset);
@@ -24463,810 +24810,463 @@ html.v-overlay-scroll-blocked {
24463
24810
  grid-template-rows: auto min-content 0;
24464
24811
  }
24465
24812
  .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
24466
- grid-row: 1;
24467
- }
24468
-
24469
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
24470
- grid-template-columns: 0 min-content auto;
24471
- }
24472
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
24473
- grid-template-columns: auto min-content 0;
24474
- }
24475
- .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
24476
- grid-column: 3;
24477
- }
24478
-
24479
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24480
- grid-row: 3;
24481
- padding-block-end: initial;
24482
- padding-block-start: 24px;
24483
- }
24484
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24485
- grid-row: 1;
24486
- padding-block-end: 24px;
24487
- padding-block-start: initial;
24488
- }
24489
-
24490
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24491
- grid-column: 3;
24492
- padding-inline-start: 24px;
24493
- padding-inline-end: initial;
24494
- justify-self: flex-start;
24495
- }
24496
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24497
- grid-column: 1;
24498
- justify-self: flex-end;
24499
- padding-inline-end: 24px;
24500
- padding-inline-start: initial;
24501
- }
24502
-
24503
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24504
- grid-row: 1;
24505
- padding-block-end: 24px;
24506
- padding-block-start: initial;
24507
- }
24508
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24509
- grid-row: 3;
24510
- padding-block-end: initial;
24511
- padding-block-start: 24px;
24512
- }
24513
-
24514
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24515
- grid-column: 1;
24516
- justify-self: flex-end;
24517
- padding-inline-end: 24px;
24518
- }
24519
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24520
- grid-column: 3;
24521
- padding-inline-start: 24px;
24522
- justify-self: flex-start;
24523
- }
24524
-
24525
- .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
24526
- height: inherit;
24527
- width: inherit;
24528
- }
24529
-
24530
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24531
- display: none;
24532
- }
24533
-
24534
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24535
- display: none;
24536
- }
24537
-
24538
- .v-timeline--align-center {
24539
- --v-timeline-line-size-base: 50%;
24540
- --v-timeline-line-size-offset: 0px;
24541
- }
24542
- .v-timeline--horizontal.v-timeline--align-center {
24543
- justify-items: center;
24544
- }
24545
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
24546
- justify-content: center;
24547
- }
24548
-
24549
- .v-timeline--vertical.v-timeline--align-center {
24550
- align-items: center;
24551
- }
24552
- .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
24553
- justify-content: center;
24554
- }
24555
-
24556
- .v-timeline--align-start {
24557
- --v-timeline-line-size-base: 100%;
24558
- --v-timeline-line-size-offset: 12px;
24559
- }
24560
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
24561
- --v-timeline-line-size-offset: 24px;
24562
- }
24563
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
24564
- --v-timeline-line-size-offset: -12px;
24565
- }
24566
- .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
24567
- --v-timeline-line-size-offset: 0px;
24568
- }
24569
- .v-timeline--horizontal.v-timeline--align-start {
24570
- justify-items: flex-start;
24571
- }
24572
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
24573
- justify-content: flex-start;
24574
- }
24575
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24576
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24577
- }
24578
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24579
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24580
- }
24581
-
24582
- .v-timeline--vertical.v-timeline--align-start {
24583
- align-items: flex-start;
24584
- }
24585
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
24586
- justify-content: flex-start;
24587
- }
24588
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24589
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24590
- }
24591
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24592
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24593
- }
24594
-
24595
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
24596
- --v-timeline-line-size-offset: 12px;
24597
- }
24598
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24599
- padding-block-start: 0;
24600
- }
24601
-
24602
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24603
- padding-inline-start: 0;
24604
- }
24605
-
24606
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24607
- --v-timeline-line-size-offset: 12px;
24608
- }
24609
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24610
- padding-block-end: 0;
24611
- }
24612
-
24613
- .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24614
- padding-inline-end: 0;
24615
- }.v-toolbar {
24616
- align-items: flex-start;
24617
- display: flex;
24618
- flex: none;
24619
- flex-direction: column;
24620
- justify-content: space-between;
24621
- max-width: 100%;
24622
- overflow: hidden;
24623
- position: relative;
24624
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24625
- transition-property: height, width, transform, max-width, left, right, top, bottom;
24626
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24627
- border-style: solid;
24628
- border-width: 0;
24629
- 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));
24630
- border-radius: 0;
24631
- background: rgb(var(--v-theme-on-surface-variant));
24632
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24633
- }
24634
- .v-toolbar--border {
24635
- border-width: thin;
24636
- box-shadow: none;
24637
- }
24638
- .v-toolbar--absolute {
24639
- position: absolute;
24640
- }
24641
- .v-toolbar--collapse {
24642
- max-width: 112px;
24643
- overflow: hidden;
24644
- }
24645
- .v-toolbar--collapse .v-toolbar-title {
24646
- display: none;
24647
- }
24648
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
24649
- border-bottom-right-radius: 24px;
24650
- }
24651
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
24652
- border-bottom-left-radius: 24px;
24653
- }
24654
- .v-toolbar--flat {
24655
- 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));
24656
- }
24657
- .v-toolbar--floating {
24658
- display: inline-flex;
24659
- }
24660
- .v-toolbar--rounded {
24661
- border-radius: 4px;
24662
- }
24663
-
24664
- .v-toolbar__content,
24665
- .v-toolbar__extension {
24666
- align-items: center;
24667
- display: flex;
24668
- flex: 0 0 auto;
24669
- position: relative;
24670
- transition: inherit;
24671
- width: 100%;
24672
- }
24673
-
24674
- .v-toolbar__content > .v-btn:first-child {
24675
- margin-inline-start: 10px;
24676
- }
24677
- .v-toolbar__content > .v-btn:last-child {
24678
- margin-inline-end: 10px;
24679
- }
24680
- .v-toolbar__content > .v-toolbar-title {
24681
- margin-inline-start: 16px;
24682
- }
24683
- .v-toolbar--density-prominent .v-toolbar__content {
24684
- align-items: flex-start;
24685
- }
24686
-
24687
- .v-toolbar__image {
24688
- position: absolute;
24689
- top: 0;
24690
- left: 0;
24691
- width: 100%;
24692
- height: 100%;
24693
- display: flex;
24694
- }
24695
-
24696
- .v-toolbar__prepend,
24697
- .v-toolbar__append {
24698
- align-items: center;
24699
- display: flex;
24700
- }
24701
-
24702
- .v-toolbar__prepend {
24703
- margin-inline-start: 10px;
24704
- margin-inline-end: auto;
24705
- }
24706
-
24707
- .v-toolbar__append {
24708
- margin-inline-start: auto;
24709
- margin-inline-end: 10px;
24813
+ grid-row: 1;
24710
24814
  }
24711
24815
 
24712
- .v-toolbar-title {
24713
- flex: 1 1;
24714
- font-size: 1.25rem;
24715
- min-width: 0;
24716
- font-size: 1.25rem;
24717
- font-weight: 400;
24718
- letter-spacing: 0;
24719
- line-height: 1.75rem;
24720
- text-transform: none;
24816
+ .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
24817
+ grid-template-columns: 0 min-content auto;
24721
24818
  }
24722
- .v-toolbar--density-prominent .v-toolbar-title {
24723
- align-self: flex-end;
24724
- padding-bottom: 6px;
24725
- font-size: 1.5rem;
24726
- font-weight: 400;
24727
- letter-spacing: 0;
24728
- line-height: 2.25rem;
24729
- text-transform: none;
24819
+ .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
24820
+ grid-template-columns: auto min-content 0;
24730
24821
  }
24731
-
24732
- .v-toolbar-title__placeholder {
24733
- overflow: hidden;
24734
- text-overflow: ellipsis;
24735
- white-space: nowrap;
24822
+ .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
24823
+ grid-column: 3;
24736
24824
  }
24737
24825
 
24738
- .v-toolbar-items {
24739
- display: flex;
24740
- height: inherit;
24826
+ .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24827
+ grid-row: 3;
24828
+ padding-block-end: initial;
24829
+ padding-block-start: 24px;
24741
24830
  }
24742
- .v-toolbar-items > .v-btn {
24743
- border-radius: 0;
24744
- }.v-tooltip .v-overlay__content {
24745
- background: rgba(var(--v-theme-surface-variant), 0.7);
24746
- color: rgb(var(--v-theme-on-surface-variant));
24747
- border-radius: 4px;
24748
- font-size: 0.875rem;
24749
- line-height: 1.6;
24750
- display: inline-block;
24751
- padding: 5px 16px;
24752
- text-transform: initial;
24753
- width: auto;
24754
- opacity: 1;
24755
- pointer-events: none;
24756
- transition-property: opacity, transform;
24831
+ .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24832
+ grid-row: 1;
24833
+ padding-block-end: 24px;
24834
+ padding-block-start: initial;
24757
24835
  }
24758
- .v-tooltip .v-overlay__content[class*=enter-active] {
24759
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24760
- transition-duration: 150ms;
24836
+
24837
+ .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24838
+ grid-column: 3;
24839
+ padding-inline-start: 24px;
24840
+ padding-inline-end: initial;
24841
+ justify-self: flex-start;
24761
24842
  }
24762
- .v-tooltip .v-overlay__content[class*=leave-active] {
24763
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24764
- transition-duration: 75ms;
24765
- }.v-window {
24766
- overflow: hidden;
24843
+ .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24844
+ grid-column: 1;
24845
+ justify-self: flex-end;
24846
+ padding-inline-end: 24px;
24847
+ padding-inline-start: initial;
24767
24848
  }
24768
- .v-window__container {
24769
- display: flex;
24770
- flex-direction: column;
24771
- height: inherit;
24772
- position: relative;
24773
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24849
+
24850
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24851
+ grid-row: 1;
24852
+ padding-block-end: 24px;
24853
+ padding-block-start: initial;
24774
24854
  }
24775
- .v-window__controls {
24776
- position: absolute;
24777
- left: 0;
24778
- top: 0;
24779
- width: 100%;
24780
- height: 100%;
24781
- display: flex;
24782
- align-items: center;
24783
- justify-content: space-between;
24784
- padding: 0 16px;
24785
- pointer-events: none;
24855
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24856
+ grid-row: 3;
24857
+ padding-block-end: initial;
24858
+ padding-block-start: 24px;
24786
24859
  }
24787
- .v-window__controls * {
24788
- pointer-events: auto;
24860
+
24861
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24862
+ grid-column: 1;
24863
+ justify-self: flex-end;
24864
+ padding-inline-end: 24px;
24789
24865
  }
24790
- .v-window--show-arrows-on-hover {
24791
- overflow: hidden;
24866
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24867
+ grid-column: 3;
24868
+ padding-inline-start: 24px;
24869
+ justify-self: flex-start;
24792
24870
  }
24793
- .v-window--show-arrows-on-hover .v-window__left {
24794
- transform: translateX(-200%);
24871
+
24872
+ .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
24873
+ height: inherit;
24874
+ width: inherit;
24795
24875
  }
24796
- .v-window--show-arrows-on-hover .v-window__right {
24797
- transform: translateX(200%);
24876
+
24877
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24878
+ display: none;
24798
24879
  }
24799
- .v-window--show-arrows-on-hover:hover .v-window__left,
24800
- .v-window--show-arrows-on-hover:hover .v-window__right {
24801
- transform: translateX(0);
24880
+
24881
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24882
+ display: none;
24802
24883
  }
24803
- .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 {
24804
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24884
+
24885
+ .v-timeline--align-center {
24886
+ --v-timeline-line-size-base: 50%;
24887
+ --v-timeline-line-size-offset: 0px;
24805
24888
  }
24806
- .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 {
24807
- position: absolute !important;
24808
- top: 0;
24809
- width: 100%;
24889
+ .v-timeline--horizontal.v-timeline--align-center {
24890
+ justify-items: center;
24810
24891
  }
24811
- .v-window-x-transition-enter-from {
24812
- transform: translateX(100%);
24892
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
24893
+ justify-content: center;
24813
24894
  }
24814
- .v-window-x-transition-leave-to {
24815
- transform: translateX(-100%);
24895
+
24896
+ .v-timeline--vertical.v-timeline--align-center {
24897
+ align-items: center;
24816
24898
  }
24817
- .v-window-x-reverse-transition-enter-from {
24818
- transform: translateX(-100%);
24899
+ .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
24900
+ justify-content: center;
24819
24901
  }
24820
- .v-window-x-reverse-transition-leave-to {
24821
- transform: translateX(100%);
24902
+
24903
+ .v-timeline--align-start {
24904
+ --v-timeline-line-size-base: 100%;
24905
+ --v-timeline-line-size-offset: 12px;
24822
24906
  }
24823
- .v-window-y-transition-enter-from {
24824
- transform: translateY(100%);
24907
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
24908
+ --v-timeline-line-size-offset: 24px;
24825
24909
  }
24826
- .v-window-y-transition-leave-to {
24827
- transform: translateY(-100%);
24910
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
24911
+ --v-timeline-line-size-offset: -12px;
24828
24912
  }
24829
- .v-window-y-reverse-transition-enter-from {
24830
- transform: translateY(-100%);
24913
+ .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
24914
+ --v-timeline-line-size-offset: 0px;
24831
24915
  }
24832
- .v-window-y-reverse-transition-leave-to {
24833
- transform: translateY(100%);
24834
- }.v-radio-group > .v-input__control {
24835
- flex-direction: column;
24916
+ .v-timeline--horizontal.v-timeline--align-start {
24917
+ justify-items: flex-start;
24836
24918
  }
24837
- .v-radio-group > .v-input__control > .v-label {
24838
- margin-inline-start: 8px;
24919
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
24920
+ justify-content: flex-start;
24839
24921
  }
24840
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24841
- margin-top: 8px;
24842
- }/** if false, disabled buttons will be greyed out */
24843
- .v-btn {
24844
- align-items: center;
24845
- border-radius: 4px;
24846
- display: inline-grid;
24847
- grid-template-areas: "prepend content append";
24848
- grid-template-columns: max-content auto max-content;
24849
- font-weight: 500;
24850
- justify-content: center;
24851
- letter-spacing: 0.0892857143em;
24852
- line-height: normal;
24853
- max-width: 100%;
24854
- outline: none;
24855
- position: relative;
24856
- text-decoration: none;
24857
- text-indent: 0.0892857143em;
24858
- text-transform: uppercase;
24859
- transition-property: box-shadow, transform, opacity, background;
24860
- transition-duration: 0.28s;
24861
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24862
- -webkit-user-select: none;
24863
- user-select: none;
24864
- vertical-align: middle;
24865
- flex-shrink: 0;
24866
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24867
- border-style: solid;
24868
- border-width: 0;
24922
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24923
+ width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24869
24924
  }
24870
- .v-btn--size-x-small {
24871
- --v-btn-size: 0.625rem;
24872
- --v-btn-height: 20px;
24873
- font-size: 0.625rem;
24874
- min-width: 36px;
24875
- padding: 0 8px;
24925
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24926
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24876
24927
  }
24877
24928
 
24878
- .v-btn--size-small {
24879
- --v-btn-size: 0.75rem;
24880
- --v-btn-height: 28px;
24881
- font-size: 0.75rem;
24882
- min-width: 50px;
24883
- padding: 0 12px;
24929
+ .v-timeline--vertical.v-timeline--align-start {
24930
+ align-items: flex-start;
24884
24931
  }
24885
-
24886
- .v-btn--size-default {
24887
- --v-btn-size: 0.875rem;
24888
- --v-btn-height: 36px;
24889
- font-size: 0.875rem;
24890
- min-width: 64px;
24891
- padding: 0 16px;
24932
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
24933
+ justify-content: flex-start;
24892
24934
  }
24893
-
24894
- .v-btn--size-large {
24895
- --v-btn-size: 1rem;
24896
- --v-btn-height: 44px;
24897
- font-size: 1rem;
24898
- min-width: 78px;
24899
- padding: 0 20px;
24935
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24936
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24900
24937
  }
24901
-
24902
- .v-btn--size-x-large {
24903
- --v-btn-size: 1.125rem;
24904
- --v-btn-height: 52px;
24905
- font-size: 1.125rem;
24906
- min-width: 92px;
24907
- padding: 0 24px;
24938
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24939
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24908
24940
  }
24909
24941
 
24910
- .v-btn.v-btn--density-default {
24911
- height: calc(var(--v-btn-height) + 0px);
24942
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
24943
+ --v-timeline-line-size-offset: 12px;
24944
+ }
24945
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24946
+ padding-block-start: 0;
24912
24947
  }
24913
24948
 
24914
- .v-btn.v-btn--density-comfortable {
24915
- height: calc(var(--v-btn-height) + -8px);
24949
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24950
+ padding-inline-start: 0;
24916
24951
  }
24917
24952
 
24918
- .v-btn.v-btn--density-compact {
24919
- height: calc(var(--v-btn-height) + -12px);
24953
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24954
+ --v-timeline-line-size-offset: 12px;
24955
+ }
24956
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24957
+ padding-block-end: 0;
24920
24958
  }
24921
24959
 
24922
- .v-btn--border {
24960
+ .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24961
+ padding-inline-end: 0;
24962
+ }.v-toolbar {
24963
+ align-items: flex-start;
24964
+ display: flex;
24965
+ flex: none;
24966
+ flex-direction: column;
24967
+ justify-content: space-between;
24968
+ max-width: 100%;
24969
+ overflow: hidden;
24970
+ position: relative;
24971
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24972
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
24973
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24974
+ border-style: solid;
24975
+ border-width: 0;
24976
+ 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));
24977
+ border-radius: 0;
24978
+ background: rgb(var(--v-theme-on-surface-variant));
24979
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24980
+ }
24981
+ .v-toolbar--border {
24923
24982
  border-width: thin;
24924
24983
  box-shadow: none;
24925
24984
  }
24926
- .v-btn--absolute {
24985
+ .v-toolbar--absolute {
24927
24986
  position: absolute;
24928
24987
  }
24929
- .v-btn--fixed {
24930
- position: fixed;
24931
- }
24932
- .v-btn:hover > .v-btn__overlay {
24933
- opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
24934
- }
24935
- .v-btn:focus-visible > .v-btn__overlay {
24936
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
24937
- }
24938
- @supports not selector(:focus-visible) {
24939
- .v-btn:focus > .v-btn__overlay {
24940
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
24941
- }
24942
- }
24943
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
24944
- opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
24945
- }
24946
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
24947
- opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
24988
+ .v-toolbar--collapse {
24989
+ max-width: 112px;
24990
+ overflow: hidden;
24948
24991
  }
24949
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
24950
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
24992
+ .v-toolbar--collapse .v-toolbar-title {
24993
+ display: none;
24951
24994
  }
24952
- @supports not selector(:focus-visible) {
24953
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
24954
- opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
24955
- }
24995
+ .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
24996
+ border-bottom-right-radius: 24px;
24956
24997
  }
24957
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
24958
- background: transparent;
24959
- color: inherit;
24998
+ .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
24999
+ border-bottom-left-radius: 24px;
24960
25000
  }
24961
- .v-btn--variant-plain {
24962
- opacity: 0.62;
25001
+ .v-toolbar--flat {
25002
+ 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));
24963
25003
  }
24964
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
24965
- opacity: 1;
25004
+ .v-toolbar--floating {
25005
+ display: inline-flex;
24966
25006
  }
24967
- .v-btn--variant-plain .v-btn__overlay {
24968
- display: none;
25007
+ .v-toolbar--rounded {
25008
+ border-radius: 4px;
24969
25009
  }
24970
- .v-btn--variant-elevated, .v-btn--variant-flat {
24971
- background: rgb(var(--v-theme-surface));
24972
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25010
+
25011
+ .v-toolbar__content,
25012
+ .v-toolbar__extension {
25013
+ align-items: center;
25014
+ display: flex;
25015
+ flex: 0 0 auto;
25016
+ position: relative;
25017
+ transition: inherit;
25018
+ width: 100%;
24973
25019
  }
24974
- .v-btn--variant-elevated {
24975
- 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));
25020
+
25021
+ .v-toolbar__content > .v-btn:first-child {
25022
+ margin-inline-start: 10px;
24976
25023
  }
24977
- .v-btn--variant-flat {
24978
- 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));
25024
+ .v-toolbar__content > .v-btn:last-child {
25025
+ margin-inline-end: 10px;
24979
25026
  }
24980
- .v-btn--variant-outlined {
24981
- border: thin solid currentColor;
25027
+ .v-toolbar__content > .v-toolbar-title {
25028
+ margin-inline-start: 16px;
24982
25029
  }
24983
- .v-btn--variant-text .v-btn__overlay {
24984
- background: currentColor;
25030
+ .v-toolbar--density-prominent .v-toolbar__content {
25031
+ align-items: flex-start;
24985
25032
  }
24986
- .v-btn--variant-tonal .v-btn__underlay {
24987
- background: currentColor;
24988
- opacity: var(--v-activated-opacity);
24989
- border-radius: inherit;
25033
+
25034
+ .v-toolbar__image {
24990
25035
  position: absolute;
24991
25036
  top: 0;
24992
- right: 0;
24993
- bottom: 0;
24994
25037
  left: 0;
24995
- pointer-events: none;
24996
- }
24997
- @supports selector(:focus-visible) {
24998
- .v-btn::after {
24999
- content: "";
25000
- position: absolute;
25001
- top: 0;
25002
- left: 0;
25003
- width: 100%;
25004
- height: 100%;
25005
- pointer-events: none;
25006
- border: 2px solid currentColor;
25007
- border-radius: inherit;
25008
- opacity: 0;
25009
- transition: opacity 0.2s ease-in-out;
25010
- }
25011
- .v-btn:focus-visible::after {
25012
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
25013
- }
25014
- }
25015
- .v-btn--icon {
25016
- border-radius: 50%;
25017
- min-width: 0;
25018
- padding: 0;
25019
- }
25020
- .v-btn--icon.v-btn--size-default {
25021
- font-size: 1rem;
25038
+ width: 100%;
25039
+ height: 100%;
25040
+ display: flex;
25022
25041
  }
25023
- .v-btn--icon.v-btn--density-default {
25024
- width: calc(var(--v-btn-height) + 12px);
25025
- height: calc(var(--v-btn-height) + 12px);
25042
+
25043
+ .v-toolbar__prepend,
25044
+ .v-toolbar__append {
25045
+ align-items: center;
25046
+ display: flex;
25026
25047
  }
25027
- .v-btn--icon.v-btn--density-comfortable {
25028
- width: calc(var(--v-btn-height) + 0px);
25029
- height: calc(var(--v-btn-height) + 0px);
25048
+
25049
+ .v-toolbar__prepend {
25050
+ margin-inline-start: 10px;
25051
+ margin-inline-end: auto;
25030
25052
  }
25031
- .v-btn--icon.v-btn--density-compact {
25032
- width: calc(var(--v-btn-height) + -8px);
25033
- height: calc(var(--v-btn-height) + -8px);
25053
+
25054
+ .v-toolbar__append {
25055
+ margin-inline-start: auto;
25056
+ margin-inline-end: 10px;
25034
25057
  }
25035
25058
 
25036
- .v-btn--elevated:hover, .v-btn--elevated:focus {
25037
- 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));
25059
+ .v-toolbar-title {
25060
+ flex: 1 1;
25061
+ font-size: 1.25rem;
25062
+ min-width: 0;
25063
+ font-size: 1.25rem;
25064
+ font-weight: 400;
25065
+ letter-spacing: 0;
25066
+ line-height: 1.75rem;
25067
+ text-transform: none;
25038
25068
  }
25039
- .v-btn--elevated:active {
25040
- 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));
25069
+ .v-toolbar--density-prominent .v-toolbar-title {
25070
+ align-self: flex-end;
25071
+ padding-bottom: 6px;
25072
+ font-size: 1.5rem;
25073
+ font-weight: 400;
25074
+ letter-spacing: 0;
25075
+ line-height: 2.25rem;
25076
+ text-transform: none;
25041
25077
  }
25042
- .v-btn--flat {
25043
- box-shadow: none;
25078
+
25079
+ .v-toolbar-title__placeholder {
25080
+ overflow: hidden;
25081
+ text-overflow: ellipsis;
25082
+ white-space: nowrap;
25044
25083
  }
25045
- .v-btn--block {
25084
+
25085
+ .v-toolbar-items {
25046
25086
  display: flex;
25047
- flex: 1 0 auto;
25048
- min-width: 100%;
25049
- }
25050
- .v-btn--disabled {
25051
- pointer-events: none;
25052
- opacity: 0.26;
25087
+ height: inherit;
25053
25088
  }
25054
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
25055
- box-shadow: none;
25089
+ .v-toolbar-items > .v-btn {
25090
+ border-radius: 0;
25091
+ }.v-tooltip .v-overlay__content {
25092
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25093
+ color: rgb(var(--v-theme-on-surface-variant));
25094
+ border-radius: 4px;
25095
+ font-size: 0.875rem;
25096
+ line-height: 1.6;
25097
+ display: inline-block;
25098
+ padding: 5px 16px;
25099
+ text-transform: initial;
25100
+ width: auto;
25056
25101
  opacity: 1;
25057
- color: rgba(var(--v-theme-on-surface), 0.26);
25058
- background: rgb(var(--v-theme-surface));
25059
- }
25060
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
25061
- opacity: 0.4615384615;
25062
- }
25063
- .v-btn--loading {
25064
25102
  pointer-events: none;
25103
+ transition-property: opacity, transform;
25065
25104
  }
25066
- .v-btn--loading .v-btn__content,
25067
- .v-btn--loading .v-btn__prepend,
25068
- .v-btn--loading .v-btn__append {
25069
- opacity: 0;
25105
+ .v-tooltip .v-overlay__content[class*=enter-active] {
25106
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25107
+ transition-duration: 150ms;
25070
25108
  }
25071
- .v-btn--stacked {
25072
- grid-template-areas: "prepend" "content" "append";
25073
- grid-template-columns: auto;
25074
- grid-template-rows: max-content max-content max-content;
25075
- justify-items: center;
25076
- align-content: center;
25109
+ .v-tooltip .v-overlay__content[class*=leave-active] {
25110
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25111
+ transition-duration: 75ms;
25112
+ }.v-window {
25113
+ overflow: hidden;
25077
25114
  }
25078
- .v-btn--stacked .v-btn__content {
25115
+ .v-window__container {
25116
+ display: flex;
25079
25117
  flex-direction: column;
25080
- line-height: 1.25;
25118
+ height: inherit;
25119
+ position: relative;
25120
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25081
25121
  }
25082
- .v-btn--stacked .v-btn__prepend,
25083
- .v-btn--stacked .v-btn__append,
25084
- .v-btn--stacked .v-btn__content > .v-icon--start,
25085
- .v-btn--stacked .v-btn__content > .v-icon--end {
25086
- margin-inline-start: 0;
25087
- margin-inline-end: 0;
25122
+ .v-window__controls {
25123
+ position: absolute;
25124
+ left: 0;
25125
+ top: 0;
25126
+ width: 100%;
25127
+ height: 100%;
25128
+ display: flex;
25129
+ align-items: center;
25130
+ justify-content: space-between;
25131
+ padding: 0 16px;
25132
+ pointer-events: none;
25088
25133
  }
25089
- .v-btn--stacked .v-btn__prepend,
25090
- .v-btn--stacked .v-btn__content > .v-icon--start {
25091
- margin-bottom: 4px;
25134
+ .v-window__controls * {
25135
+ pointer-events: auto;
25092
25136
  }
25093
- .v-btn--stacked .v-btn__append,
25094
- .v-btn--stacked .v-btn__content > .v-icon--end {
25095
- margin-top: 4px;
25137
+ .v-window--show-arrows-on-hover {
25138
+ overflow: hidden;
25096
25139
  }
25097
- .v-btn--stacked.v-btn--size-x-small {
25098
- --v-btn-size: 0.625rem;
25099
- --v-btn-height: 56px;
25100
- font-size: 0.625rem;
25101
- min-width: 56px;
25102
- padding: 0 12px;
25140
+ .v-window--show-arrows-on-hover .v-window__left {
25141
+ transform: translateX(-200%);
25103
25142
  }
25104
-
25105
- .v-btn--stacked.v-btn--size-small {
25106
- --v-btn-size: 0.75rem;
25107
- --v-btn-height: 64px;
25108
- font-size: 0.75rem;
25109
- min-width: 64px;
25110
- padding: 0 14px;
25143
+ .v-window--show-arrows-on-hover .v-window__right {
25144
+ transform: translateX(200%);
25111
25145
  }
25112
-
25113
- .v-btn--stacked.v-btn--size-default {
25114
- --v-btn-size: 0.875rem;
25115
- --v-btn-height: 72px;
25116
- font-size: 0.875rem;
25117
- min-width: 72px;
25118
- padding: 0 16px;
25146
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25147
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25148
+ transform: translateX(0);
25119
25149
  }
25120
-
25121
- .v-btn--stacked.v-btn--size-large {
25122
- --v-btn-size: 1rem;
25123
- --v-btn-height: 80px;
25124
- font-size: 1rem;
25125
- min-width: 80px;
25126
- padding: 0 18px;
25150
+ .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 {
25151
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25127
25152
  }
25128
-
25129
- .v-btn--stacked.v-btn--size-x-large {
25130
- --v-btn-size: 1.125rem;
25131
- --v-btn-height: 88px;
25132
- font-size: 1.125rem;
25133
- min-width: 88px;
25134
- padding: 0 20px;
25153
+ .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 {
25154
+ position: absolute !important;
25155
+ top: 0;
25156
+ width: 100%;
25135
25157
  }
25136
-
25137
- .v-btn--stacked.v-btn--density-default {
25138
- height: calc(var(--v-btn-height) + 0px);
25158
+ .v-window-x-transition-enter-from {
25159
+ transform: translateX(100%);
25139
25160
  }
25140
-
25141
- .v-btn--stacked.v-btn--density-comfortable {
25142
- height: calc(var(--v-btn-height) + -16px);
25161
+ .v-window-x-transition-leave-to {
25162
+ transform: translateX(-100%);
25143
25163
  }
25144
-
25145
- .v-btn--stacked.v-btn--density-compact {
25146
- height: calc(var(--v-btn-height) + -24px);
25164
+ .v-window-x-reverse-transition-enter-from {
25165
+ transform: translateX(-100%);
25147
25166
  }
25148
-
25149
- .v-btn--rounded {
25150
- border-radius: 24px;
25167
+ .v-window-x-reverse-transition-leave-to {
25168
+ transform: translateX(100%);
25151
25169
  }
25152
- .v-btn .v-icon {
25153
- --v-icon-size-multiplier: 0.8571428571;
25170
+ .v-window-y-transition-enter-from {
25171
+ transform: translateY(100%);
25154
25172
  }
25155
- .v-btn--icon .v-icon {
25156
- --v-icon-size-multiplier: 1;
25173
+ .v-window-y-transition-leave-to {
25174
+ transform: translateY(-100%);
25157
25175
  }
25158
- .v-btn--stacked .v-icon {
25159
- --v-icon-size-multiplier: 1.1428571429;
25176
+ .v-window-y-reverse-transition-enter-from {
25177
+ transform: translateY(-100%);
25160
25178
  }
25161
-
25162
- .v-btn__loader {
25179
+ .v-window-y-reverse-transition-leave-to {
25180
+ transform: translateY(100%);
25181
+ }.v-icon {
25182
+ --v-icon-size-multiplier: 1;
25163
25183
  align-items: center;
25164
- display: flex;
25165
- height: 100%;
25184
+ display: inline-flex;
25185
+ font-feature-settings: "liga";
25186
+ height: 1em;
25166
25187
  justify-content: center;
25167
- left: 0;
25168
- position: absolute;
25169
- top: 0;
25170
- width: 100%;
25171
- }
25172
-
25173
- .v-btn__content,
25174
- .v-btn__prepend,
25175
- .v-btn__append {
25176
- align-items: center;
25177
- display: flex;
25178
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25179
- }
25180
-
25181
- .v-btn__prepend {
25182
- grid-area: prepend;
25183
- margin-inline-start: calc(var(--v-btn-height) / -9);
25184
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
25188
+ letter-spacing: normal;
25189
+ line-height: 1;
25190
+ position: relative;
25191
+ text-indent: 0;
25192
+ -webkit-user-select: none;
25193
+ user-select: none;
25194
+ vertical-align: middle;
25195
+ width: 1em;
25185
25196
  }
25186
-
25187
- .v-btn__append {
25188
- grid-area: append;
25189
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
25190
- margin-inline-end: calc(var(--v-btn-height) / -9);
25197
+ .v-icon--clickable {
25198
+ cursor: pointer;
25191
25199
  }
25192
-
25193
- .v-btn__content {
25194
- grid-area: content;
25195
- justify-content: center;
25196
- white-space: nowrap;
25200
+ .v-icon--size-x-small {
25201
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
25197
25202
  }
25198
- .v-btn__content > .v-icon--start {
25199
- margin-inline-start: calc(var(--v-btn-height) / -9);
25200
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
25203
+ .v-icon--size-small {
25204
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
25201
25205
  }
25202
- .v-btn__content > .v-icon--end {
25203
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
25204
- margin-inline-end: calc(var(--v-btn-height) / -9);
25206
+ .v-icon--size-default {
25207
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
25205
25208
  }
25206
- .v-btn--stacked .v-btn__content {
25207
- white-space: normal;
25209
+ .v-icon--size-large {
25210
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
25208
25211
  }
25209
-
25210
- .v-btn__overlay {
25211
- background-color: currentColor;
25212
- border-radius: inherit;
25213
- opacity: 0;
25214
- transition: opacity 0.2s ease-in-out;
25212
+ .v-icon--size-x-large {
25213
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
25215
25214
  }
25216
25215
 
25217
- .v-btn__overlay,
25218
- .v-btn__underlay {
25219
- position: absolute;
25220
- top: 0;
25221
- left: 0;
25216
+ .v-icon__svg {
25217
+ fill: currentColor;
25222
25218
  width: 100%;
25223
25219
  height: 100%;
25224
- pointer-events: none;
25225
25220
  }
25226
25221
 
25227
- .v-app-bar .v-btn {
25228
- 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));
25222
+ .v-icon--start {
25223
+ margin-inline-end: 8px;
25229
25224
  }
25230
25225
 
25231
- .v-card-actions .v-btn {
25232
- padding: 0 8px;
25233
- 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));
25234
- }
25235
- .v-card-actions .v-btn ~ .v-btn {
25236
- margin-inline-start: 0.5rem;
25226
+ .v-icon--end {
25227
+ margin-inline-start: 8px;
25228
+ }.v-slide-group {
25229
+ display: flex;
25230
+ overflow: hidden;
25237
25231
  }
25238
25232
 
25239
- .v-banner-actions .v-btn {
25240
- padding: 0 8px;
25233
+ .v-slide-group__next,
25234
+ .v-slide-group__prev {
25235
+ align-items: center;
25236
+ display: flex;
25237
+ flex: 0 1 52px;
25238
+ justify-content: center;
25239
+ min-width: 52px;
25240
+ cursor: pointer;
25241
25241
  }
25242
-
25243
- .v-pagination .v-btn {
25244
- border-radius: 4px;
25242
+ .v-slide-group__next--disabled,
25243
+ .v-slide-group__prev--disabled {
25244
+ pointer-events: none;
25245
+ opacity: var(--v-disabled-opacity);
25245
25246
  }
25246
- .v-btn__overlay {
25247
- transition: none;
25247
+
25248
+ .v-slide-group__content {
25249
+ display: flex;
25250
+ flex: 1 0 auto;
25251
+ position: relative;
25252
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
25253
+ white-space: nowrap;
25248
25254
  }
25249
- .v-pagination__item--is-active .v-btn__overlay {
25250
- opacity: var(--v-border-opacity);
25255
+ .v-slide-group__content > * {
25256
+ white-space: initial;
25251
25257
  }
25252
25258
 
25253
- .v-snackbar-actions .v-btn {
25254
- padding: 0 8px;
25255
- }.v-layout {
25256
- --v-scrollbar-offset: 0px;
25259
+ .v-slide-group__container {
25260
+ contain: content;
25257
25261
  display: flex;
25258
25262
  flex: 1 1 auto;
25259
- }
25260
- .v-layout--full-height {
25261
- --v-scrollbar-offset: inherit;
25262
- height: 100%;
25263
- }.v-layout-item {
25264
- position: absolute;
25265
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25263
+ overflow: hidden;
25266
25264
  }
25267
25265
 
25268
- .v-layout-item--absolute {
25269
- position: absolute;
25266
+ .v-slide-group--vertical,
25267
+ .v-slide-group--vertical .v-slide-group__container,
25268
+ .v-slide-group--vertical .v-slide-group__content {
25269
+ flex-direction: column;
25270
25270
  }.v-data-table-footer {
25271
25271
  display: flex;
25272
25272
  align-items: center;