@vuetify/nightly 3.5.3-dev.2024-02-08 → 3.5.3-dev.2024-02-25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/dist/json/attributes.json +5 -5
  3. package/dist/json/importMap-labs.json +8 -8
  4. package/dist/json/importMap.json +126 -126
  5. package/dist/json/web-types.json +6 -6
  6. package/dist/vuetify-labs.css +2131 -2131
  7. package/dist/vuetify-labs.d.ts +22 -21
  8. package/dist/vuetify-labs.esm.js +58 -62
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +57 -61
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1360 -1360
  13. package/dist/vuetify.d.ts +62 -61
  14. package/dist/vuetify.esm.js +58 -62
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +57 -61
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +909 -914
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VApp/VApp.mjs +5 -2
  22. package/lib/components/VApp/VApp.mjs.map +1 -1
  23. package/lib/components/VApp/index.d.mts +6 -6
  24. package/lib/components/VAppBar/VAppBar.mjs +5 -5
  25. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  26. package/lib/components/VAppBar/index.d.mts +2 -2
  27. package/lib/components/VBottomNavigation/VBottomNavigation.mjs +5 -3
  28. package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
  29. package/lib/components/VBottomNavigation/index.d.mts +2 -2
  30. package/lib/components/VFooter/VFooter.mjs +3 -2
  31. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  32. package/lib/components/VLabel/VLabel.sass +1 -1
  33. package/lib/components/VLabel/_variables.scss +1 -0
  34. package/lib/components/VLayout/VLayout.mjs +5 -2
  35. package/lib/components/VLayout/VLayout.mjs.map +1 -1
  36. package/lib/components/VLayout/VLayoutItem.mjs +6 -4
  37. package/lib/components/VLayout/VLayoutItem.mjs.map +1 -1
  38. package/lib/components/VLayout/index.d.mts +9 -9
  39. package/lib/components/VMain/VMain.mjs +3 -2
  40. package/lib/components/VMain/VMain.mjs.map +1 -1
  41. package/lib/components/VMain/index.d.mts +2 -2
  42. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +7 -7
  43. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  44. package/lib/components/index.d.mts +21 -21
  45. package/lib/composables/layout.mjs +14 -37
  46. package/lib/composables/layout.mjs.map +1 -1
  47. package/lib/entry-bundler.mjs +1 -1
  48. package/lib/framework.mjs +1 -1
  49. package/lib/index.d.mts +41 -40
  50. package/lib/util/helpers.mjs +11 -1
  51. package/lib/util/helpers.mjs.map +1 -1
  52. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3-dev.2024-02-08
2
+ * Vuetify v3.5.3-dev.2024-02-25
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17268,6 +17268,47 @@ html.overflow-y-hidden {
17268
17268
  }
17269
17269
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17270
17270
  border-right: none;
17271
+ }.v-calendar-day__row-with-label {
17272
+ display: grid;
17273
+ grid-template-columns: 48px 8px 1fr;
17274
+ border-right: thin solid #e0e0e0;
17275
+ }
17276
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17277
+ position: relative;
17278
+ border-right: thin solid #e0e0e0;
17279
+ }
17280
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17281
+ content: "";
17282
+ border-bottom: thin solid #e0e0e0;
17283
+ position: absolute;
17284
+ width: 100%;
17285
+ margin-top: -1px;
17286
+ z-index: 3;
17287
+ pointer-events: none;
17288
+ }
17289
+ .v-calendar-day__row-with-label .v-calendar-day__row-label {
17290
+ font-size: 10px;
17291
+ text-align: center;
17292
+ position: relative;
17293
+ top: -8px;
17294
+ }
17295
+ .v-calendar-day__row-with-label .v-calendar-day__row-content {
17296
+ border-bottom: thin solid #e0e0e0;
17297
+ }
17298
+ .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17299
+ border-bottom: none;
17300
+ }
17301
+
17302
+ .v-calendar-day__row-without-label {
17303
+ display: grid;
17304
+ grid-template-columns: 1fr;
17305
+ border-right: thin solid #e0e0e0;
17306
+ }
17307
+ .v-calendar-day__row-without-label .v-calendar-day__row-content {
17308
+ border-bottom: thin solid #e0e0e0;
17309
+ }
17310
+ .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17311
+ border-bottom: none;
17271
17312
  }.v-calendar-day {
17272
17313
  position: relative;
17273
17314
  display: flex;
@@ -17313,47 +17354,6 @@ html.overflow-y-hidden {
17313
17354
  .v-calendar-header__title {
17314
17355
  font-size: 1.5rem;
17315
17356
  margin-inline-start: 24px;
17316
- }.v-calendar-day__row-with-label {
17317
- display: grid;
17318
- grid-template-columns: 48px 8px 1fr;
17319
- border-right: thin solid #e0e0e0;
17320
- }
17321
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17322
- position: relative;
17323
- border-right: thin solid #e0e0e0;
17324
- }
17325
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17326
- content: "";
17327
- border-bottom: thin solid #e0e0e0;
17328
- position: absolute;
17329
- width: 100%;
17330
- margin-top: -1px;
17331
- z-index: 3;
17332
- pointer-events: none;
17333
- }
17334
- .v-calendar-day__row-with-label .v-calendar-day__row-label {
17335
- font-size: 10px;
17336
- text-align: center;
17337
- position: relative;
17338
- top: -8px;
17339
- }
17340
- .v-calendar-day__row-with-label .v-calendar-day__row-content {
17341
- border-bottom: thin solid #e0e0e0;
17342
- }
17343
- .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17344
- border-bottom: none;
17345
- }
17346
-
17347
- .v-calendar-day__row-without-label {
17348
- display: grid;
17349
- grid-template-columns: 1fr;
17350
- border-right: thin solid #e0e0e0;
17351
- }
17352
- .v-calendar-day__row-without-label .v-calendar-day__row-content {
17353
- border-bottom: thin solid #e0e0e0;
17354
- }
17355
- .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17356
- border-bottom: none;
17357
17357
  }.v-calendar-month__day {
17358
17358
  position: relative;
17359
17359
  display: flex;
@@ -17468,18 +17468,6 @@ html.overflow-y-hidden {
17468
17468
  padding-bottom: 16px;
17469
17469
  font-weight: 600;
17470
17470
  letter-spacing: 0.1666666667em;
17471
- }.v-app-bar {
17472
- display: flex;
17473
- }
17474
- .v-app-bar.v-toolbar {
17475
- background: rgb(var(--v-theme-surface));
17476
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17477
- }
17478
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17479
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17480
- }
17481
- .v-app-bar:not(.v-toolbar--absolute) {
17482
- padding-inline-end: var(--v-scrollbar-offset);
17483
17471
  }.v-application {
17484
17472
  display: flex;
17485
17473
  background: rgb(var(--v-theme-background));
@@ -17496,6 +17484,18 @@ html.overflow-y-hidden {
17496
17484
  min-height: 100vh;
17497
17485
  min-height: 100dvh;
17498
17486
  position: relative;
17487
+ }.v-app-bar {
17488
+ display: flex;
17489
+ }
17490
+ .v-app-bar.v-toolbar {
17491
+ background: rgb(var(--v-theme-surface));
17492
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17493
+ }
17494
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17495
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17496
+ }
17497
+ .v-app-bar:not(.v-toolbar--absolute) {
17498
+ padding-inline-end: var(--v-scrollbar-offset);
17499
17499
  }.v-alert {
17500
17500
  display: grid;
17501
17501
  flex: 1 1;
@@ -17706,163 +17706,148 @@ html.overflow-y-hidden {
17706
17706
  text-transform: none;
17707
17707
  word-break: normal;
17708
17708
  word-wrap: break-word;
17709
- }.v-banner {
17710
- display: grid;
17711
- flex: 1 1;
17712
- font-size: 0.875rem;
17713
- grid-template-areas: "prepend content actions";
17714
- grid-template-columns: max-content auto max-content;
17715
- grid-template-rows: max-content max-content;
17716
- line-height: 1.375rem;
17709
+ }.v-bottom-navigation {
17710
+ display: flex;
17711
+ max-width: 100%;
17717
17712
  overflow: hidden;
17718
- padding-inline: 16px 8px;
17719
- padding-top: 16px;
17720
- padding-bottom: 16px;
17721
- position: relative;
17722
- width: 100%;
17713
+ position: absolute;
17714
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17723
17715
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17724
17716
  border-style: solid;
17725
- border-width: 0 0 thin 0;
17726
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17717
+ border-width: 0;
17727
17718
  border-radius: 0;
17728
17719
  background: rgb(var(--v-theme-surface));
17729
17720
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17730
17721
  }
17731
- .v-banner--border {
17722
+ .v-bottom-navigation--border {
17732
17723
  border-width: thin;
17733
17724
  box-shadow: none;
17734
17725
  }
17735
- .v-banner--absolute {
17736
- position: absolute;
17726
+ .v-bottom-navigation--active {
17727
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17737
17728
  }
17738
- .v-banner--fixed {
17739
- position: fixed;
17729
+
17730
+ .v-bottom-navigation__content {
17731
+ display: flex;
17732
+ flex: none;
17733
+ font-size: 0.75rem;
17734
+ justify-content: center;
17735
+ transition: inherit;
17736
+ width: 100%;
17740
17737
  }
17741
- .v-banner--sticky {
17742
- position: sticky;
17738
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17739
+ font-size: inherit;
17740
+ height: 100%;
17741
+ max-width: 168px;
17742
+ min-width: 80px;
17743
+ text-transform: none;
17744
+ transition: inherit;
17745
+ width: auto;
17746
+ border-radius: 0;
17743
17747
  }
17744
- .v-banner--rounded {
17745
- border-radius: 4px;
17748
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17749
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17750
+ transition: inherit;
17746
17751
  }
17747
- .v-banner--stacked:not(.v-banner--one-line) {
17748
- grid-template-areas: "prepend content" ". actions";
17752
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17753
+ font-size: 1.5rem;
17749
17754
  }
17750
- .v-banner--stacked .v-banner-text {
17751
- padding-inline-end: 36px;
17755
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17756
+ flex-grow: 1;
17752
17757
  }
17753
- .v-banner--density-default .v-banner-actions {
17754
- margin-bottom: -8px;
17758
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17759
+ transition: inherit;
17760
+ opacity: 0;
17755
17761
  }
17756
- .v-banner--density-default.v-banner--one-line {
17757
- padding-top: 8px;
17758
- padding-bottom: 8px;
17762
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17763
+ transform: translateY(0.5rem);
17764
+ }.v-avatar {
17765
+ flex: none;
17766
+ align-items: center;
17767
+ display: inline-flex;
17768
+ justify-content: center;
17769
+ line-height: normal;
17770
+ overflow: hidden;
17771
+ position: relative;
17772
+ text-align: center;
17773
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17774
+ transition-property: width, height;
17775
+ vertical-align: middle;
17776
+ border-radius: 50%;
17759
17777
  }
17760
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
17761
- margin-bottom: 0;
17778
+ .v-avatar.v-avatar--size-x-small {
17779
+ --v-avatar-height: 24px;
17762
17780
  }
17763
- .v-banner--density-default.v-banner--one-line {
17764
- padding-top: 10px;
17781
+ .v-avatar.v-avatar--size-small {
17782
+ --v-avatar-height: 32px;
17765
17783
  }
17766
- .v-banner--density-default.v-banner--two-line {
17767
- padding-top: 16px;
17768
- padding-bottom: 16px;
17784
+ .v-avatar.v-avatar--size-default {
17785
+ --v-avatar-height: 40px;
17769
17786
  }
17770
- .v-banner--density-default.v-banner--three-line {
17771
- padding-top: 24px;
17772
- padding-bottom: 16px;
17787
+ .v-avatar.v-avatar--size-large {
17788
+ --v-avatar-height: 48px;
17773
17789
  }
17774
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
17775
- margin-top: 20px;
17790
+ .v-avatar.v-avatar--size-x-large {
17791
+ --v-avatar-height: 56px;
17776
17792
  }
17777
-
17778
- .v-banner--density-comfortable .v-banner-actions {
17779
- margin-bottom: -4px;
17793
+ .v-avatar.v-avatar--density-default {
17794
+ height: calc(var(--v-avatar-height) + 0px);
17795
+ width: calc(var(--v-avatar-height) + 0px);
17780
17796
  }
17781
- .v-banner--density-comfortable.v-banner--one-line {
17782
- padding-top: 4px;
17783
- padding-bottom: 4px;
17797
+ .v-avatar.v-avatar--density-comfortable {
17798
+ height: calc(var(--v-avatar-height) + -4px);
17799
+ width: calc(var(--v-avatar-height) + -4px);
17784
17800
  }
17785
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
17786
- margin-bottom: 0;
17801
+ .v-avatar.v-avatar--density-compact {
17802
+ height: calc(var(--v-avatar-height) + -8px);
17803
+ width: calc(var(--v-avatar-height) + -8px);
17787
17804
  }
17788
- .v-banner--density-comfortable.v-banner--two-line {
17789
- padding-top: 12px;
17790
- padding-bottom: 12px;
17805
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17806
+ background: transparent;
17807
+ color: inherit;
17791
17808
  }
17792
- .v-banner--density-comfortable.v-banner--three-line {
17793
- padding-top: 20px;
17794
- padding-bottom: 12px;
17809
+ .v-avatar--variant-plain {
17810
+ opacity: 0.62;
17795
17811
  }
17796
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
17797
- margin-top: 16px;
17812
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17813
+ opacity: 1;
17798
17814
  }
17799
-
17800
- .v-banner--density-compact .v-banner-actions {
17801
- margin-bottom: 0px;
17815
+ .v-avatar--variant-plain .v-avatar__overlay {
17816
+ display: none;
17802
17817
  }
17803
- .v-banner--density-compact.v-banner--one-line {
17804
- padding-top: 0px;
17805
- padding-bottom: 0px;
17818
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17819
+ background: var(--v-theme-surface);
17820
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17806
17821
  }
17807
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
17808
- margin-bottom: 0;
17822
+ .v-avatar--variant-elevated {
17823
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
17809
17824
  }
17810
- .v-banner--density-compact.v-banner--two-line {
17811
- padding-top: 8px;
17812
- padding-bottom: 8px;
17825
+ .v-avatar--variant-flat {
17826
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17813
17827
  }
17814
- .v-banner--density-compact.v-banner--three-line {
17815
- padding-top: 16px;
17816
- padding-bottom: 8px;
17828
+ .v-avatar--variant-outlined {
17829
+ border: thin solid currentColor;
17817
17830
  }
17818
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
17819
- margin-top: 12px;
17831
+ .v-avatar--variant-text .v-avatar__overlay {
17832
+ background: currentColor;
17820
17833
  }
17821
-
17822
- .v-banner--sticky {
17834
+ .v-avatar--variant-tonal .v-avatar__underlay {
17835
+ background: currentColor;
17836
+ opacity: var(--v-activated-opacity);
17837
+ border-radius: inherit;
17838
+ position: absolute;
17823
17839
  top: 0;
17840
+ right: 0;
17841
+ bottom: 0;
17842
+ left: 0;
17843
+ pointer-events: none;
17824
17844
  }
17825
-
17826
- .v-banner__content {
17827
- align-items: center;
17828
- display: flex;
17829
- grid-area: content;
17830
- }
17831
-
17832
- .v-banner__prepend {
17833
- align-self: flex-start;
17834
- grid-area: prepend;
17835
- margin-inline-end: 24px;
17836
- }
17837
-
17838
- .v-banner-actions {
17839
- align-self: flex-end;
17840
- display: flex;
17841
- flex: 0 1;
17842
- grid-area: actions;
17843
- justify-content: flex-end;
17844
- }
17845
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
17846
- margin-top: 20px;
17847
- }
17848
-
17849
- .v-banner-text {
17850
- -webkit-box-orient: vertical;
17851
- display: -webkit-box;
17852
- padding-inline-end: 90px;
17853
- overflow: hidden;
17854
- }
17855
- .v-banner--one-line .v-banner-text {
17856
- -webkit-line-clamp: 1;
17857
- }
17858
- .v-banner--two-line .v-banner-text {
17859
- -webkit-line-clamp: 2;
17860
- }
17861
- .v-banner--three-line .v-banner-text {
17862
- -webkit-line-clamp: 3;
17845
+ .v-avatar--rounded {
17846
+ border-radius: 4px;
17863
17847
  }
17864
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17865
- align-self: flex-start;
17848
+ .v-avatar .v-img {
17849
+ height: 100%;
17850
+ width: 100%;
17866
17851
  }.v-badge {
17867
17852
  display: inline-block;
17868
17853
  line-height: 1;
@@ -17934,148 +17919,163 @@ html.overflow-y-hidden {
17934
17919
  display: inline-flex;
17935
17920
  justify-content: center;
17936
17921
  margin: 0 4px;
17937
- }.v-avatar {
17938
- flex: none;
17939
- align-items: center;
17940
- display: inline-flex;
17941
- justify-content: center;
17942
- line-height: normal;
17922
+ }.v-banner {
17923
+ display: grid;
17924
+ flex: 1 1;
17925
+ font-size: 0.875rem;
17926
+ grid-template-areas: "prepend content actions";
17927
+ grid-template-columns: max-content auto max-content;
17928
+ grid-template-rows: max-content max-content;
17929
+ line-height: 1.375rem;
17943
17930
  overflow: hidden;
17931
+ padding-inline: 16px 8px;
17932
+ padding-top: 16px;
17933
+ padding-bottom: 16px;
17944
17934
  position: relative;
17945
- text-align: center;
17946
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17947
- transition-property: width, height;
17948
- vertical-align: middle;
17949
- border-radius: 50%;
17950
- }
17951
- .v-avatar.v-avatar--size-x-small {
17952
- --v-avatar-height: 24px;
17953
- }
17954
- .v-avatar.v-avatar--size-small {
17955
- --v-avatar-height: 32px;
17935
+ width: 100%;
17936
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17937
+ border-style: solid;
17938
+ border-width: 0 0 thin 0;
17939
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17940
+ border-radius: 0;
17941
+ background: rgb(var(--v-theme-surface));
17942
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17956
17943
  }
17957
- .v-avatar.v-avatar--size-default {
17958
- --v-avatar-height: 40px;
17944
+ .v-banner--border {
17945
+ border-width: thin;
17946
+ box-shadow: none;
17959
17947
  }
17960
- .v-avatar.v-avatar--size-large {
17961
- --v-avatar-height: 48px;
17948
+ .v-banner--absolute {
17949
+ position: absolute;
17962
17950
  }
17963
- .v-avatar.v-avatar--size-x-large {
17964
- --v-avatar-height: 56px;
17951
+ .v-banner--fixed {
17952
+ position: fixed;
17965
17953
  }
17966
- .v-avatar.v-avatar--density-default {
17967
- height: calc(var(--v-avatar-height) + 0px);
17968
- width: calc(var(--v-avatar-height) + 0px);
17954
+ .v-banner--sticky {
17955
+ position: sticky;
17969
17956
  }
17970
- .v-avatar.v-avatar--density-comfortable {
17971
- height: calc(var(--v-avatar-height) + -4px);
17972
- width: calc(var(--v-avatar-height) + -4px);
17957
+ .v-banner--rounded {
17958
+ border-radius: 4px;
17973
17959
  }
17974
- .v-avatar.v-avatar--density-compact {
17975
- height: calc(var(--v-avatar-height) + -8px);
17976
- width: calc(var(--v-avatar-height) + -8px);
17960
+ .v-banner--stacked:not(.v-banner--one-line) {
17961
+ grid-template-areas: "prepend content" ". actions";
17977
17962
  }
17978
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17979
- background: transparent;
17980
- color: inherit;
17963
+ .v-banner--stacked .v-banner-text {
17964
+ padding-inline-end: 36px;
17981
17965
  }
17982
- .v-avatar--variant-plain {
17983
- opacity: 0.62;
17966
+ .v-banner--density-default .v-banner-actions {
17967
+ margin-bottom: -8px;
17984
17968
  }
17985
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17986
- opacity: 1;
17969
+ .v-banner--density-default.v-banner--one-line {
17970
+ padding-top: 8px;
17971
+ padding-bottom: 8px;
17987
17972
  }
17988
- .v-avatar--variant-plain .v-avatar__overlay {
17989
- display: none;
17973
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
17974
+ margin-bottom: 0;
17990
17975
  }
17991
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17992
- background: var(--v-theme-surface);
17993
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17976
+ .v-banner--density-default.v-banner--one-line {
17977
+ padding-top: 10px;
17994
17978
  }
17995
- .v-avatar--variant-elevated {
17996
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
17979
+ .v-banner--density-default.v-banner--two-line {
17980
+ padding-top: 16px;
17981
+ padding-bottom: 16px;
17997
17982
  }
17998
- .v-avatar--variant-flat {
17999
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17983
+ .v-banner--density-default.v-banner--three-line {
17984
+ padding-top: 24px;
17985
+ padding-bottom: 16px;
18000
17986
  }
18001
- .v-avatar--variant-outlined {
18002
- border: thin solid currentColor;
17987
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
17988
+ margin-top: 20px;
18003
17989
  }
18004
- .v-avatar--variant-text .v-avatar__overlay {
18005
- background: currentColor;
17990
+
17991
+ .v-banner--density-comfortable .v-banner-actions {
17992
+ margin-bottom: -4px;
18006
17993
  }
18007
- .v-avatar--variant-tonal .v-avatar__underlay {
18008
- background: currentColor;
18009
- opacity: var(--v-activated-opacity);
18010
- border-radius: inherit;
18011
- position: absolute;
18012
- top: 0;
18013
- right: 0;
18014
- bottom: 0;
18015
- left: 0;
18016
- pointer-events: none;
17994
+ .v-banner--density-comfortable.v-banner--one-line {
17995
+ padding-top: 4px;
17996
+ padding-bottom: 4px;
18017
17997
  }
18018
- .v-avatar--rounded {
18019
- border-radius: 4px;
17998
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
17999
+ margin-bottom: 0;
18020
18000
  }
18021
- .v-avatar .v-img {
18022
- height: 100%;
18023
- width: 100%;
18024
- }.v-bottom-navigation {
18025
- display: flex;
18026
- max-width: 100%;
18027
- overflow: hidden;
18028
- position: absolute;
18029
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18030
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18031
- border-style: solid;
18032
- border-width: 0;
18033
- border-radius: 0;
18034
- background: rgb(var(--v-theme-surface));
18035
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18001
+ .v-banner--density-comfortable.v-banner--two-line {
18002
+ padding-top: 12px;
18003
+ padding-bottom: 12px;
18036
18004
  }
18037
- .v-bottom-navigation--border {
18038
- border-width: thin;
18039
- box-shadow: none;
18005
+ .v-banner--density-comfortable.v-banner--three-line {
18006
+ padding-top: 20px;
18007
+ padding-bottom: 12px;
18040
18008
  }
18041
- .v-bottom-navigation--active {
18042
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18009
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
18010
+ margin-top: 16px;
18043
18011
  }
18044
18012
 
18045
- .v-bottom-navigation__content {
18046
- display: flex;
18047
- flex: none;
18048
- font-size: 0.75rem;
18049
- justify-content: center;
18050
- transition: inherit;
18051
- width: 100%;
18013
+ .v-banner--density-compact .v-banner-actions {
18014
+ margin-bottom: 0px;
18052
18015
  }
18053
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18054
- font-size: inherit;
18055
- height: 100%;
18056
- max-width: 168px;
18057
- min-width: 80px;
18058
- text-transform: none;
18059
- transition: inherit;
18060
- width: auto;
18061
- border-radius: 0;
18016
+ .v-banner--density-compact.v-banner--one-line {
18017
+ padding-top: 0px;
18018
+ padding-bottom: 0px;
18062
18019
  }
18063
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18064
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18065
- transition: inherit;
18020
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
18021
+ margin-bottom: 0;
18066
18022
  }
18067
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18068
- font-size: 1.5rem;
18023
+ .v-banner--density-compact.v-banner--two-line {
18024
+ padding-top: 8px;
18025
+ padding-bottom: 8px;
18069
18026
  }
18070
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18071
- flex-grow: 1;
18027
+ .v-banner--density-compact.v-banner--three-line {
18028
+ padding-top: 16px;
18029
+ padding-bottom: 8px;
18072
18030
  }
18073
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18074
- transition: inherit;
18075
- opacity: 0;
18031
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
18032
+ margin-top: 12px;
18076
18033
  }
18077
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18078
- transform: translateY(0.5rem);
18034
+
18035
+ .v-banner--sticky {
18036
+ top: 0;
18037
+ }
18038
+
18039
+ .v-banner__content {
18040
+ align-items: center;
18041
+ display: flex;
18042
+ grid-area: content;
18043
+ }
18044
+
18045
+ .v-banner__prepend {
18046
+ align-self: flex-start;
18047
+ grid-area: prepend;
18048
+ margin-inline-end: 24px;
18049
+ }
18050
+
18051
+ .v-banner-actions {
18052
+ align-self: flex-end;
18053
+ display: flex;
18054
+ flex: 0 1;
18055
+ grid-area: actions;
18056
+ justify-content: flex-end;
18057
+ }
18058
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
18059
+ margin-top: 20px;
18060
+ }
18061
+
18062
+ .v-banner-text {
18063
+ -webkit-box-orient: vertical;
18064
+ display: -webkit-box;
18065
+ padding-inline-end: 90px;
18066
+ overflow: hidden;
18067
+ }
18068
+ .v-banner--one-line .v-banner-text {
18069
+ -webkit-line-clamp: 1;
18070
+ }
18071
+ .v-banner--two-line .v-banner-text {
18072
+ -webkit-line-clamp: 2;
18073
+ }
18074
+ .v-banner--three-line .v-banner-text {
18075
+ -webkit-line-clamp: 3;
18076
+ }
18077
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18078
+ align-self: flex-start;
18079
18079
  }.v-autocomplete .v-field .v-text-field__prefix,
18080
18080
  .v-autocomplete .v-field .v-text-field__suffix,
18081
18081
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18157,76 +18157,6 @@ html.overflow-y-hidden {
18157
18157
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18158
18158
  opacity: var(--v-high-emphasis-opacity);
18159
18159
  transform: rotate(180deg);
18160
- }.v-breadcrumbs {
18161
- display: flex;
18162
- align-items: center;
18163
- line-height: 1.375rem;
18164
- padding: 16px 12px;
18165
- }
18166
- .v-breadcrumbs--rounded {
18167
- border-radius: 4px;
18168
- }
18169
- .v-breadcrumbs--density-default {
18170
- padding-top: 16px;
18171
- padding-bottom: 16px;
18172
- }
18173
-
18174
- .v-breadcrumbs--density-comfortable {
18175
- padding-top: 12px;
18176
- padding-bottom: 12px;
18177
- }
18178
-
18179
- .v-breadcrumbs--density-compact {
18180
- padding-top: 8px;
18181
- padding-bottom: 8px;
18182
- }
18183
-
18184
- .v-breadcrumbs__prepend {
18185
- align-items: center;
18186
- display: inline-flex;
18187
- }
18188
-
18189
- .v-breadcrumbs-item {
18190
- align-items: center;
18191
- color: inherit;
18192
- display: inline-flex;
18193
- padding: 0 4px;
18194
- text-decoration: none;
18195
- vertical-align: middle;
18196
- }
18197
- .v-breadcrumbs-item--disabled {
18198
- opacity: var(--v-disabled-opacity);
18199
- pointer-events: none;
18200
- }
18201
- .v-breadcrumbs-item--link {
18202
- color: inherit;
18203
- text-decoration: none;
18204
- }
18205
- .v-breadcrumbs-item--link:hover {
18206
- text-decoration: underline;
18207
- }
18208
- .v-breadcrumbs-item .v-icon {
18209
- font-size: 1rem;
18210
- margin-inline: -4px 2px;
18211
- }
18212
-
18213
- .v-breadcrumbs-divider {
18214
- display: inline-block;
18215
- padding: 0 8px;
18216
- vertical-align: middle;
18217
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18218
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18219
- }
18220
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18221
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18222
- }
18223
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18224
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18225
- }
18226
- @supports not selector(:focus-visible) {
18227
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18228
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18229
- }
18230
18160
  }.bottom-sheet-transition-enter-from {
18231
18161
  transform: translateY(100%);
18232
18162
  }
@@ -18259,62 +18189,19 @@ html.overflow-y-hidden {
18259
18189
  .v-bottom-sheet.v-bottom-sheet--inset {
18260
18190
  max-width: 70%;
18261
18191
  }
18262
- }.v-btn-group {
18263
- display: inline-flex;
18264
- flex-wrap: nowrap;
18265
- max-width: 100%;
18266
- min-width: 0;
18267
- overflow: hidden;
18268
- vertical-align: middle;
18269
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18270
- border-style: solid;
18271
- border-width: 0;
18272
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18273
- border-radius: 4px;
18274
- background: transparent;
18275
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18276
- }
18277
- .v-btn-group--border {
18278
- border-width: thin;
18279
- box-shadow: none;
18280
- }
18281
- .v-btn-group--density-default.v-btn-group {
18282
- height: 48px;
18283
- }
18284
-
18285
- .v-btn-group--density-comfortable.v-btn-group {
18286
- height: 40px;
18287
- }
18288
-
18289
- .v-btn-group--density-compact.v-btn-group {
18290
- height: 36px;
18291
- }
18292
-
18293
- .v-btn-group .v-btn {
18294
- border-radius: 0;
18295
- border-color: inherit;
18296
- }
18297
- .v-btn-group .v-btn:not(:last-child) {
18298
- border-inline-end: none;
18299
- }
18300
- .v-btn-group .v-btn:not(:first-child) {
18301
- border-inline-start: none;
18302
- }
18303
- .v-btn-group .v-btn:first-child {
18304
- border-start-start-radius: inherit;
18305
- border-end-start-radius: inherit;
18192
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18193
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18306
18194
  }
18307
- .v-btn-group .v-btn:last-child {
18308
- border-start-end-radius: inherit;
18309
- border-end-end-radius: inherit;
18195
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18196
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18310
18197
  }
18311
- .v-btn-group--divided .v-btn:not(:last-child) {
18312
- border-inline-end-width: thin;
18313
- border-inline-end-style: solid;
18314
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18198
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18199
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18315
18200
  }
18316
- .v-btn-group--tile {
18317
- border-radius: 0;
18201
+ @supports not selector(:focus-visible) {
18202
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18203
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18204
+ }
18318
18205
  }.v-btn {
18319
18206
  align-items: center;
18320
18207
  border-radius: 4px;
@@ -18718,700 +18605,831 @@ html.overflow-y-hidden {
18718
18605
  }
18719
18606
  .v-pagination__item--is-active .v-btn__overlay {
18720
18607
  opacity: var(--v-border-opacity);
18721
- }.v-chip {
18608
+ }.v-breadcrumbs {
18609
+ display: flex;
18722
18610
  align-items: center;
18723
- display: inline-flex;
18724
- font-weight: 400;
18725
- max-width: 100%;
18726
- min-width: 0;
18727
- overflow: hidden;
18728
- position: relative;
18729
- text-decoration: none;
18730
- white-space: nowrap;
18731
- vertical-align: middle;
18732
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18733
- border-style: solid;
18734
- border-width: 0;
18735
- border-radius: 9999px;
18736
- }
18737
- .v-chip.v-chip--size-x-small {
18738
- --v-chip-size: 0.625rem;
18739
- --v-chip-height: 20px;
18740
- font-size: 0.625rem;
18741
- padding: 0 8px;
18611
+ line-height: 1.375rem;
18612
+ padding: 16px 12px;
18742
18613
  }
18743
- .v-chip.v-chip--size-x-small .v-avatar {
18744
- --v-avatar-height: 14px;
18614
+ .v-breadcrumbs--rounded {
18615
+ border-radius: 4px;
18745
18616
  }
18746
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
18747
- --v-avatar-height: 20px;
18617
+ .v-breadcrumbs--density-default {
18618
+ padding-top: 16px;
18619
+ padding-bottom: 16px;
18748
18620
  }
18749
18621
 
18750
- .v-chip.v-chip--size-x-small .v-avatar--start {
18751
- margin-inline-start: -5.6px;
18752
- margin-inline-end: 4px;
18753
- }
18754
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
18755
- margin-inline-start: -8px;
18622
+ .v-breadcrumbs--density-comfortable {
18623
+ padding-top: 12px;
18624
+ padding-bottom: 12px;
18756
18625
  }
18757
18626
 
18758
- .v-chip.v-chip--size-x-small .v-avatar--end {
18759
- margin-inline-start: 4px;
18760
- margin-inline-end: -5.6px;
18761
- }
18762
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
18763
- margin-inline-end: -8px;
18627
+ .v-breadcrumbs--density-compact {
18628
+ padding-top: 8px;
18629
+ padding-bottom: 8px;
18764
18630
  }
18765
18631
 
18766
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
18767
- margin-inline-start: 12px;
18632
+ .v-breadcrumbs__prepend {
18633
+ align-items: center;
18634
+ display: inline-flex;
18768
18635
  }
18769
18636
 
18770
- .v-chip.v-chip--size-x-small .v-icon--start,
18771
- .v-chip.v-chip--size-x-small .v-chip__filter {
18772
- margin-inline-start: -4px;
18773
- margin-inline-end: 4px;
18637
+ .v-breadcrumbs-item {
18638
+ align-items: center;
18639
+ color: inherit;
18640
+ display: inline-flex;
18641
+ padding: 0 4px;
18642
+ text-decoration: none;
18643
+ vertical-align: middle;
18774
18644
  }
18775
- .v-chip.v-chip--size-x-small .v-icon--end,
18776
- .v-chip.v-chip--size-x-small .v-chip__close {
18777
- margin-inline-start: 4px;
18778
- margin-inline-end: -4px;
18645
+ .v-breadcrumbs-item--disabled {
18646
+ opacity: var(--v-disabled-opacity);
18647
+ pointer-events: none;
18779
18648
  }
18780
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
18781
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
18782
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
18783
- margin-inline-start: 8px;
18649
+ .v-breadcrumbs-item--link {
18650
+ color: inherit;
18651
+ text-decoration: none;
18652
+ }
18653
+ .v-breadcrumbs-item--link:hover {
18654
+ text-decoration: underline;
18655
+ }
18656
+ .v-breadcrumbs-item .v-icon {
18657
+ font-size: 1rem;
18658
+ margin-inline: -4px 2px;
18784
18659
  }
18785
18660
 
18786
- .v-chip.v-chip--size-small {
18787
- --v-chip-size: 0.75rem;
18788
- --v-chip-height: 26px;
18789
- font-size: 0.75rem;
18790
- padding: 0 10px;
18661
+ .v-breadcrumbs-divider {
18662
+ display: inline-block;
18663
+ padding: 0 8px;
18664
+ vertical-align: middle;
18665
+ }.v-card {
18666
+ display: block;
18667
+ overflow: hidden;
18668
+ overflow-wrap: break-word;
18669
+ position: relative;
18670
+ padding: 0;
18671
+ text-decoration: none;
18672
+ transition-duration: 0.28s;
18673
+ transition-property: box-shadow, opacity, background;
18674
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18675
+ z-index: 0;
18676
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18677
+ border-style: solid;
18678
+ border-width: 0;
18679
+ border-radius: 4px;
18791
18680
  }
18792
- .v-chip.v-chip--size-small .v-avatar {
18793
- --v-avatar-height: 20px;
18681
+ .v-card--border {
18682
+ border-width: thin;
18683
+ box-shadow: none;
18794
18684
  }
18795
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
18796
- --v-avatar-height: 26px;
18685
+ .v-card--absolute {
18686
+ position: absolute;
18797
18687
  }
18798
-
18799
- .v-chip.v-chip--size-small .v-avatar--start {
18800
- margin-inline-start: -7px;
18801
- margin-inline-end: 5px;
18688
+ .v-card--fixed {
18689
+ position: fixed;
18802
18690
  }
18803
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
18804
- margin-inline-start: -10px;
18691
+ .v-card:hover > .v-card__overlay {
18692
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18805
18693
  }
18806
-
18807
- .v-chip.v-chip--size-small .v-avatar--end {
18808
- margin-inline-start: 5px;
18809
- margin-inline-end: -7px;
18694
+ .v-card:focus-visible > .v-card__overlay {
18695
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18810
18696
  }
18811
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
18812
- margin-inline-end: -10px;
18697
+ @supports not selector(:focus-visible) {
18698
+ .v-card:focus > .v-card__overlay {
18699
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18700
+ }
18813
18701
  }
18814
-
18815
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
18816
- margin-inline-start: 15px;
18702
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18703
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18817
18704
  }
18818
-
18819
- .v-chip.v-chip--size-small .v-icon--start,
18820
- .v-chip.v-chip--size-small .v-chip__filter {
18821
- margin-inline-start: -5px;
18822
- margin-inline-end: 5px;
18705
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18706
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18823
18707
  }
18824
- .v-chip.v-chip--size-small .v-icon--end,
18825
- .v-chip.v-chip--size-small .v-chip__close {
18826
- margin-inline-start: 5px;
18827
- margin-inline-end: -5px;
18708
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18709
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18828
18710
  }
18829
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
18830
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
18831
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
18832
- margin-inline-start: 10px;
18711
+ @supports not selector(:focus-visible) {
18712
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18713
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18714
+ }
18833
18715
  }
18834
-
18835
- .v-chip.v-chip--size-default {
18836
- --v-chip-size: 0.875rem;
18837
- --v-chip-height: 32px;
18838
- font-size: 0.875rem;
18839
- padding: 0 12px;
18716
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18717
+ background: transparent;
18718
+ color: inherit;
18840
18719
  }
18841
- .v-chip.v-chip--size-default .v-avatar {
18842
- --v-avatar-height: 26px;
18720
+ .v-card--variant-plain {
18721
+ opacity: 0.62;
18843
18722
  }
18844
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
18845
- --v-avatar-height: 32px;
18723
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18724
+ opacity: 1;
18846
18725
  }
18847
-
18848
- .v-chip.v-chip--size-default .v-avatar--start {
18849
- margin-inline-start: -8.4px;
18850
- margin-inline-end: 6px;
18726
+ .v-card--variant-plain .v-card__overlay {
18727
+ display: none;
18851
18728
  }
18852
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
18853
- margin-inline-start: -12px;
18729
+ .v-card--variant-elevated, .v-card--variant-flat {
18730
+ background: rgb(var(--v-theme-surface));
18731
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18732
+ }
18733
+ .v-card--variant-elevated {
18734
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
18735
+ }
18736
+ .v-card--variant-flat {
18737
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18738
+ }
18739
+ .v-card--variant-outlined {
18740
+ border: thin solid currentColor;
18741
+ }
18742
+ .v-card--variant-text .v-card__overlay {
18743
+ background: currentColor;
18744
+ }
18745
+ .v-card--variant-tonal .v-card__underlay {
18746
+ background: currentColor;
18747
+ opacity: var(--v-activated-opacity);
18748
+ border-radius: inherit;
18749
+ position: absolute;
18750
+ top: 0;
18751
+ right: 0;
18752
+ bottom: 0;
18753
+ left: 0;
18754
+ pointer-events: none;
18755
+ }
18756
+ .v-card--disabled {
18757
+ pointer-events: none;
18758
+ -webkit-user-select: none;
18759
+ user-select: none;
18760
+ }
18761
+ .v-card--disabled > :not(.v-card__loader) {
18762
+ opacity: 0.6;
18763
+ }
18764
+ .v-card--flat {
18765
+ box-shadow: none;
18766
+ }
18767
+ .v-card--hover {
18768
+ cursor: pointer;
18769
+ }
18770
+ .v-card--hover::before, .v-card--hover::after {
18771
+ border-radius: inherit;
18772
+ bottom: 0;
18773
+ content: "";
18774
+ display: block;
18775
+ left: 0;
18776
+ pointer-events: none;
18777
+ position: absolute;
18778
+ right: 0;
18779
+ top: 0;
18780
+ transition: inherit;
18781
+ }
18782
+ .v-card--hover::before {
18783
+ opacity: 1;
18784
+ z-index: -1;
18785
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
18786
+ }
18787
+ .v-card--hover::after {
18788
+ z-index: 1;
18789
+ opacity: 0;
18790
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
18791
+ }
18792
+ .v-card--hover:hover::after {
18793
+ opacity: 1;
18794
+ }
18795
+ .v-card--hover:hover::before {
18796
+ opacity: 0;
18797
+ }
18798
+ .v-card--hover:hover {
18799
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
18800
+ }
18801
+ .v-card--link {
18802
+ cursor: pointer;
18854
18803
  }
18855
18804
 
18856
- .v-chip.v-chip--size-default .v-avatar--end {
18857
- margin-inline-start: 6px;
18858
- margin-inline-end: -8.4px;
18805
+ .v-card-actions {
18806
+ align-items: center;
18807
+ display: flex;
18808
+ flex: none;
18809
+ min-height: 52px;
18810
+ padding: 0.5rem;
18859
18811
  }
18860
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
18861
- margin-inline-end: -12px;
18812
+
18813
+ .v-card-item {
18814
+ align-items: center;
18815
+ display: grid;
18816
+ flex: none;
18817
+ grid-template-areas: "prepend content append";
18818
+ grid-template-columns: max-content auto max-content;
18819
+ padding: 0.625rem 1rem;
18820
+ }
18821
+ .v-card-item + .v-card-text {
18822
+ padding-top: 0;
18823
+ }
18824
+ .v-card-item__prepend, .v-card-item__append {
18825
+ align-items: center;
18826
+ display: flex;
18827
+ }
18828
+ .v-card-item__prepend {
18829
+ grid-area: prepend;
18830
+ padding-inline-end: 0.5rem;
18831
+ }
18832
+ .v-card-item__append {
18833
+ grid-area: append;
18834
+ padding-inline-start: 0.5rem;
18862
18835
  }
18863
18836
 
18864
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
18865
- margin-inline-start: 18px;
18837
+ .v-card-item__content {
18838
+ align-self: center;
18839
+ grid-area: content;
18840
+ overflow: hidden;
18866
18841
  }
18867
18842
 
18868
- .v-chip.v-chip--size-default .v-icon--start,
18869
- .v-chip.v-chip--size-default .v-chip__filter {
18870
- margin-inline-start: -6px;
18871
- margin-inline-end: 6px;
18843
+ .v-card-title {
18844
+ display: block;
18845
+ flex: none;
18846
+ font-size: 1.25rem;
18847
+ font-weight: 500;
18848
+ -webkit-hyphens: auto;
18849
+ hyphens: auto;
18850
+ letter-spacing: 0.0125em;
18851
+ min-width: 0;
18852
+ overflow-wrap: normal;
18853
+ overflow: hidden;
18854
+ padding: 0.5rem 1rem;
18855
+ text-overflow: ellipsis;
18856
+ text-transform: none;
18857
+ white-space: nowrap;
18858
+ word-break: normal;
18859
+ word-wrap: break-word;
18872
18860
  }
18873
- .v-chip.v-chip--size-default .v-icon--end,
18874
- .v-chip.v-chip--size-default .v-chip__close {
18875
- margin-inline-start: 6px;
18876
- margin-inline-end: -6px;
18861
+ .v-card .v-card-title {
18862
+ line-height: 2rem;
18877
18863
  }
18878
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
18879
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
18880
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
18881
- margin-inline-start: 12px;
18864
+ .v-card--density-comfortable .v-card-title {
18865
+ line-height: 1.75rem;
18866
+ }
18867
+ .v-card--density-compact .v-card-title {
18868
+ line-height: 1.55rem;
18869
+ }
18870
+ .v-card-item .v-card-title {
18871
+ padding: 0;
18872
+ }
18873
+ .v-card-title + .v-card-text,
18874
+ .v-card-title + .v-card-actions {
18875
+ padding-top: 0;
18882
18876
  }
18883
18877
 
18884
- .v-chip.v-chip--size-large {
18885
- --v-chip-size: 1rem;
18886
- --v-chip-height: 38px;
18887
- font-size: 1rem;
18888
- padding: 0 14px;
18878
+ .v-card-subtitle {
18879
+ display: block;
18880
+ flex: none;
18881
+ font-size: 0.875rem;
18882
+ font-weight: 400;
18883
+ letter-spacing: 0.0178571429em;
18884
+ opacity: var(--v-medium-emphasis-opacity);
18885
+ overflow: hidden;
18886
+ padding: 0 1rem;
18887
+ text-overflow: ellipsis;
18888
+ text-transform: none;
18889
+ white-space: nowrap;
18889
18890
  }
18890
- .v-chip.v-chip--size-large .v-avatar {
18891
- --v-avatar-height: 32px;
18891
+ .v-card .v-card-subtitle {
18892
+ line-height: 1.25rem;
18892
18893
  }
18893
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
18894
- --v-avatar-height: 38px;
18894
+ .v-card--density-comfortable .v-card-subtitle {
18895
+ line-height: 1.125rem;
18896
+ }
18897
+ .v-card--density-compact .v-card-subtitle {
18898
+ line-height: 1rem;
18899
+ }
18900
+ .v-card-item .v-card-subtitle {
18901
+ padding: 0 0 0.25rem;
18895
18902
  }
18896
18903
 
18897
- .v-chip.v-chip--size-large .v-avatar--start {
18898
- margin-inline-start: -9.8px;
18899
- margin-inline-end: 7px;
18904
+ .v-card-text {
18905
+ flex: 1 1 auto;
18906
+ font-size: 0.875rem;
18907
+ font-weight: 400;
18908
+ letter-spacing: 0.0178571429em;
18909
+ padding: 1rem;
18910
+ text-transform: none;
18900
18911
  }
18901
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
18902
- margin-inline-start: -14px;
18912
+ .v-card .v-card-text {
18913
+ line-height: 1.25rem;
18914
+ }
18915
+ .v-card--density-comfortable .v-card-text {
18916
+ line-height: 1.2rem;
18917
+ }
18918
+ .v-card--density-compact .v-card-text {
18919
+ line-height: 1.15rem;
18903
18920
  }
18904
18921
 
18905
- .v-chip.v-chip--size-large .v-avatar--end {
18906
- margin-inline-start: 7px;
18907
- margin-inline-end: -9.8px;
18922
+ .v-card__image {
18923
+ display: flex;
18924
+ height: 100%;
18925
+ flex: 1 1 auto;
18926
+ left: 0;
18927
+ overflow: hidden;
18928
+ position: absolute;
18929
+ top: 0;
18930
+ width: 100%;
18931
+ z-index: -1;
18908
18932
  }
18909
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
18910
- margin-inline-end: -14px;
18933
+
18934
+ .v-card__content {
18935
+ border-radius: inherit;
18936
+ overflow: hidden;
18937
+ position: relative;
18911
18938
  }
18912
18939
 
18913
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
18914
- margin-inline-start: 21px;
18940
+ .v-card__loader {
18941
+ bottom: auto;
18942
+ top: 0;
18943
+ left: 0;
18944
+ position: absolute;
18945
+ right: 0;
18946
+ width: 100%;
18947
+ z-index: 1;
18915
18948
  }
18916
18949
 
18917
- .v-chip.v-chip--size-large .v-icon--start,
18918
- .v-chip.v-chip--size-large .v-chip__filter {
18919
- margin-inline-start: -7px;
18920
- margin-inline-end: 7px;
18950
+ .v-card__overlay {
18951
+ background-color: currentColor;
18952
+ border-radius: inherit;
18953
+ position: absolute;
18954
+ top: 0;
18955
+ right: 0;
18956
+ bottom: 0;
18957
+ left: 0;
18958
+ pointer-events: none;
18959
+ opacity: 0;
18960
+ transition: opacity 0.2s ease-in-out;
18961
+ }.v-carousel {
18962
+ overflow: hidden;
18963
+ position: relative;
18964
+ width: 100%;
18921
18965
  }
18922
- .v-chip.v-chip--size-large .v-icon--end,
18923
- .v-chip.v-chip--size-large .v-chip__close {
18924
- margin-inline-start: 7px;
18925
- margin-inline-end: -7px;
18966
+ .v-carousel__controls {
18967
+ align-items: center;
18968
+ bottom: 0;
18969
+ display: flex;
18970
+ height: 50px;
18971
+ justify-content: center;
18972
+ list-style-type: none;
18973
+ position: absolute;
18974
+ width: 100%;
18975
+ z-index: 1;
18976
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18977
+ color: rgb(var(--v-theme-on-surface-variant));
18926
18978
  }
18927
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
18928
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
18929
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
18930
- margin-inline-start: 14px;
18979
+ .v-carousel__controls > .v-item-group {
18980
+ flex: 0 1 auto;
18981
+ }
18982
+ .v-carousel__controls__item {
18983
+ margin: 0 8px;
18984
+ }
18985
+ .v-carousel__controls__item .v-icon {
18986
+ opacity: 0.5;
18931
18987
  }
18932
-
18933
- .v-chip.v-chip--size-x-large {
18934
- --v-chip-size: 1.125rem;
18935
- --v-chip-height: 44px;
18936
- font-size: 1.125rem;
18937
- padding: 0 17px;
18988
+ .v-carousel__controls__item--active .v-icon {
18989
+ opacity: 1;
18990
+ vertical-align: middle;
18938
18991
  }
18939
- .v-chip.v-chip--size-x-large .v-avatar {
18940
- --v-avatar-height: 38px;
18992
+ .v-carousel__controls__item:hover {
18993
+ background: none;
18941
18994
  }
18942
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
18943
- --v-avatar-height: 44px;
18995
+ .v-carousel__controls__item:hover .v-icon {
18996
+ opacity: 0.8;
18944
18997
  }
18945
18998
 
18946
- .v-chip.v-chip--size-x-large .v-avatar--start {
18947
- margin-inline-start: -11.9px;
18948
- margin-inline-end: 8.5px;
18949
- }
18950
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
18951
- margin-inline-start: -17px;
18999
+ .v-carousel__progress {
19000
+ margin: 0;
19001
+ position: absolute;
19002
+ bottom: 0;
19003
+ left: 0;
19004
+ right: 0;
18952
19005
  }
18953
19006
 
18954
- .v-chip.v-chip--size-x-large .v-avatar--end {
18955
- margin-inline-start: 8.5px;
18956
- margin-inline-end: -11.9px;
19007
+ .v-carousel-item {
19008
+ display: block;
19009
+ height: inherit;
19010
+ text-decoration: none;
18957
19011
  }
18958
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
18959
- margin-inline-end: -17px;
19012
+ .v-carousel-item > .v-img {
19013
+ height: inherit;
18960
19014
  }
18961
19015
 
18962
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
18963
- margin-inline-start: 25.5px;
19016
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19017
+ background: transparent;
18964
19018
  }
18965
19019
 
18966
- .v-chip.v-chip--size-x-large .v-icon--start,
18967
- .v-chip.v-chip--size-x-large .v-chip__filter {
18968
- margin-inline-start: -8.5px;
18969
- margin-inline-end: 8.5px;
19020
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19021
+ flex-direction: column;
19022
+ height: 100% !important;
19023
+ width: 50px;
19024
+ }.v-btn-group {
19025
+ display: inline-flex;
19026
+ flex-wrap: nowrap;
19027
+ max-width: 100%;
19028
+ min-width: 0;
19029
+ overflow: hidden;
19030
+ vertical-align: middle;
19031
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19032
+ border-style: solid;
19033
+ border-width: 0;
19034
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19035
+ border-radius: 4px;
19036
+ background: transparent;
19037
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18970
19038
  }
18971
- .v-chip.v-chip--size-x-large .v-icon--end,
18972
- .v-chip.v-chip--size-x-large .v-chip__close {
18973
- margin-inline-start: 8.5px;
18974
- margin-inline-end: -8.5px;
19039
+ .v-btn-group--border {
19040
+ border-width: thin;
19041
+ box-shadow: none;
18975
19042
  }
18976
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
18977
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
18978
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
18979
- margin-inline-start: 17px;
19043
+ .v-btn-group--density-default.v-btn-group {
19044
+ height: 48px;
18980
19045
  }
18981
19046
 
18982
- .v-chip.v-chip--density-default {
18983
- height: calc(var(--v-chip-height) + 0px);
19047
+ .v-btn-group--density-comfortable.v-btn-group {
19048
+ height: 40px;
18984
19049
  }
18985
19050
 
18986
- .v-chip.v-chip--density-comfortable {
18987
- height: calc(var(--v-chip-height) + -8px);
19051
+ .v-btn-group--density-compact.v-btn-group {
19052
+ height: 36px;
18988
19053
  }
18989
19054
 
18990
- .v-chip.v-chip--density-compact {
18991
- height: calc(var(--v-chip-height) + -12px);
19055
+ .v-btn-group .v-btn {
19056
+ border-radius: 0;
19057
+ border-color: inherit;
18992
19058
  }
18993
-
18994
- .v-chip:hover > .v-chip__overlay {
18995
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19059
+ .v-btn-group .v-btn:not(:last-child) {
19060
+ border-inline-end: none;
18996
19061
  }
18997
- .v-chip:focus-visible > .v-chip__overlay {
18998
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19062
+ .v-btn-group .v-btn:not(:first-child) {
19063
+ border-inline-start: none;
18999
19064
  }
19000
- @supports not selector(:focus-visible) {
19001
- .v-chip:focus > .v-chip__overlay {
19002
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19003
- }
19065
+ .v-btn-group .v-btn:first-child {
19066
+ border-start-start-radius: inherit;
19067
+ border-end-start-radius: inherit;
19004
19068
  }
19005
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19006
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19069
+ .v-btn-group .v-btn:last-child {
19070
+ border-start-end-radius: inherit;
19071
+ border-end-end-radius: inherit;
19007
19072
  }
19008
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19009
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19073
+ .v-btn-group--divided .v-btn:not(:last-child) {
19074
+ border-inline-end-width: thin;
19075
+ border-inline-end-style: solid;
19076
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19010
19077
  }
19011
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19012
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19078
+ .v-btn-group--tile {
19079
+ border-radius: 0;
19080
+ }.v-checkbox.v-input {
19081
+ flex: 0 1 auto;
19013
19082
  }
19014
- @supports not selector(:focus-visible) {
19015
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19016
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19017
- }
19083
+ .v-checkbox .v-selection-control {
19084
+ min-height: var(--v-input-control-height);
19085
+ }.v-chip-group {
19086
+ display: flex;
19087
+ max-width: 100%;
19088
+ min-width: 0;
19089
+ overflow-x: auto;
19090
+ padding: 4px 0;
19018
19091
  }
19019
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19020
- background: transparent;
19021
- color: inherit;
19092
+ .v-chip-group .v-chip {
19093
+ margin: 4px 8px 4px 0;
19022
19094
  }
19023
- .v-chip--variant-plain {
19024
- opacity: 0.26;
19095
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19096
+ opacity: var(--v-activated-opacity);
19025
19097
  }
19026
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19027
- opacity: 1;
19098
+
19099
+ .v-chip-group--column .v-slide-group__content {
19100
+ white-space: normal;
19101
+ flex-wrap: wrap;
19102
+ max-width: 100%;
19103
+ }.v-chip {
19104
+ align-items: center;
19105
+ display: inline-flex;
19106
+ font-weight: 400;
19107
+ max-width: 100%;
19108
+ min-width: 0;
19109
+ overflow: hidden;
19110
+ position: relative;
19111
+ text-decoration: none;
19112
+ white-space: nowrap;
19113
+ vertical-align: middle;
19114
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19115
+ border-style: solid;
19116
+ border-width: 0;
19117
+ border-radius: 9999px;
19028
19118
  }
19029
- .v-chip--variant-plain .v-chip__overlay {
19030
- display: none;
19119
+ .v-chip.v-chip--size-x-small {
19120
+ --v-chip-size: 0.625rem;
19121
+ --v-chip-height: 20px;
19122
+ font-size: 0.625rem;
19123
+ padding: 0 8px;
19031
19124
  }
19032
- .v-chip--variant-elevated, .v-chip--variant-flat {
19033
- background: rgb(var(--v-theme-surface-variant));
19034
- color: rgb(var(--v-theme-on-surface-variant));
19125
+ .v-chip.v-chip--size-x-small .v-avatar {
19126
+ --v-avatar-height: 14px;
19035
19127
  }
19036
- .v-chip--variant-elevated {
19037
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19128
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19129
+ --v-avatar-height: 20px;
19038
19130
  }
19039
- .v-chip--variant-flat {
19040
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19131
+
19132
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19133
+ margin-inline-start: -5.6px;
19134
+ margin-inline-end: 4px;
19041
19135
  }
19042
- .v-chip--variant-outlined {
19043
- border: thin solid currentColor;
19136
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19137
+ margin-inline-start: -8px;
19044
19138
  }
19045
- .v-chip--variant-text .v-chip__overlay {
19046
- background: currentColor;
19139
+
19140
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19141
+ margin-inline-start: 4px;
19142
+ margin-inline-end: -5.6px;
19047
19143
  }
19048
- .v-chip--variant-tonal .v-chip__underlay {
19049
- background: currentColor;
19050
- opacity: var(--v-activated-opacity);
19051
- border-radius: inherit;
19052
- position: absolute;
19053
- top: 0;
19054
- right: 0;
19055
- bottom: 0;
19056
- left: 0;
19057
- pointer-events: none;
19144
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19145
+ margin-inline-end: -8px;
19058
19146
  }
19059
- .v-chip--border {
19060
- border-width: thin;
19147
+
19148
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19149
+ margin-inline-start: 12px;
19061
19150
  }
19062
- .v-chip--link {
19063
- cursor: pointer;
19151
+
19152
+ .v-chip.v-chip--size-x-small .v-icon--start,
19153
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19154
+ margin-inline-start: -4px;
19155
+ margin-inline-end: 4px;
19064
19156
  }
19065
- .v-chip--filter {
19066
- -webkit-user-select: none;
19067
- user-select: none;
19157
+ .v-chip.v-chip--size-x-small .v-icon--end,
19158
+ .v-chip.v-chip--size-x-small .v-chip__close {
19159
+ margin-inline-start: 4px;
19160
+ margin-inline-end: -4px;
19068
19161
  }
19069
- .v-chip--label {
19070
- border-radius: 4px;
19162
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19163
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19164
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19165
+ margin-inline-start: 8px;
19071
19166
  }
19072
19167
 
19073
- .v-chip__content {
19074
- align-items: center;
19075
- display: inline-flex;
19168
+ .v-chip.v-chip--size-small {
19169
+ --v-chip-size: 0.75rem;
19170
+ --v-chip-height: 26px;
19171
+ font-size: 0.75rem;
19172
+ padding: 0 10px;
19076
19173
  }
19077
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19078
- overflow: hidden;
19174
+ .v-chip.v-chip--size-small .v-avatar {
19175
+ --v-avatar-height: 20px;
19079
19176
  }
19080
-
19081
- .v-chip__filter,
19082
- .v-chip__prepend,
19083
- .v-chip__append,
19084
- .v-chip__close {
19085
- align-items: center;
19086
- display: inline-flex;
19177
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19178
+ --v-avatar-height: 26px;
19087
19179
  }
19088
19180
 
19089
- .v-chip__close {
19090
- cursor: pointer;
19091
- flex: 0 1 auto;
19092
- font-size: 18px;
19093
- max-height: 18px;
19094
- max-width: 18px;
19095
- -webkit-user-select: none;
19096
- user-select: none;
19181
+ .v-chip.v-chip--size-small .v-avatar--start {
19182
+ margin-inline-start: -7px;
19183
+ margin-inline-end: 5px;
19097
19184
  }
19098
- .v-chip__close .v-icon {
19099
- font-size: inherit;
19185
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19186
+ margin-inline-start: -10px;
19100
19187
  }
19101
19188
 
19102
- .v-chip__filter {
19103
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19189
+ .v-chip.v-chip--size-small .v-avatar--end {
19190
+ margin-inline-start: 5px;
19191
+ margin-inline-end: -7px;
19104
19192
  }
19105
-
19106
- .v-chip__overlay {
19107
- position: absolute;
19108
- top: 0;
19109
- left: 0;
19110
- width: 100%;
19111
- height: 100%;
19112
- background-color: currentColor;
19113
- border-radius: inherit;
19114
- pointer-events: none;
19115
- opacity: 0;
19116
- transition: opacity 0.2s ease-in-out;
19193
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19194
+ margin-inline-end: -10px;
19117
19195
  }
19118
19196
 
19119
- .v-chip--disabled {
19120
- opacity: 0.3;
19121
- pointer-events: none;
19122
- -webkit-user-select: none;
19123
- user-select: none;
19197
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19198
+ margin-inline-start: 15px;
19124
19199
  }
19125
19200
 
19126
- .v-chip--label {
19127
- border-radius: 4px;
19128
- }.v-card {
19129
- display: block;
19130
- overflow: hidden;
19131
- overflow-wrap: break-word;
19132
- position: relative;
19133
- padding: 0;
19134
- text-decoration: none;
19135
- transition-duration: 0.28s;
19136
- transition-property: box-shadow, opacity, background;
19137
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19138
- z-index: 0;
19139
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19140
- border-style: solid;
19141
- border-width: 0;
19142
- border-radius: 4px;
19143
- }
19144
- .v-card--border {
19145
- border-width: thin;
19146
- box-shadow: none;
19147
- }
19148
- .v-card--absolute {
19149
- position: absolute;
19201
+ .v-chip.v-chip--size-small .v-icon--start,
19202
+ .v-chip.v-chip--size-small .v-chip__filter {
19203
+ margin-inline-start: -5px;
19204
+ margin-inline-end: 5px;
19150
19205
  }
19151
- .v-card--fixed {
19152
- position: fixed;
19206
+ .v-chip.v-chip--size-small .v-icon--end,
19207
+ .v-chip.v-chip--size-small .v-chip__close {
19208
+ margin-inline-start: 5px;
19209
+ margin-inline-end: -5px;
19153
19210
  }
19154
- .v-card:hover > .v-card__overlay {
19155
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19211
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19212
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19213
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19214
+ margin-inline-start: 10px;
19156
19215
  }
19157
- .v-card:focus-visible > .v-card__overlay {
19158
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19216
+
19217
+ .v-chip.v-chip--size-default {
19218
+ --v-chip-size: 0.875rem;
19219
+ --v-chip-height: 32px;
19220
+ font-size: 0.875rem;
19221
+ padding: 0 12px;
19159
19222
  }
19160
- @supports not selector(:focus-visible) {
19161
- .v-card:focus > .v-card__overlay {
19162
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19163
- }
19223
+ .v-chip.v-chip--size-default .v-avatar {
19224
+ --v-avatar-height: 26px;
19164
19225
  }
19165
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19166
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19226
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19227
+ --v-avatar-height: 32px;
19167
19228
  }
19168
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19169
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19229
+
19230
+ .v-chip.v-chip--size-default .v-avatar--start {
19231
+ margin-inline-start: -8.4px;
19232
+ margin-inline-end: 6px;
19170
19233
  }
19171
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19172
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19234
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19235
+ margin-inline-start: -12px;
19173
19236
  }
19174
- @supports not selector(:focus-visible) {
19175
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19176
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19177
- }
19237
+
19238
+ .v-chip.v-chip--size-default .v-avatar--end {
19239
+ margin-inline-start: 6px;
19240
+ margin-inline-end: -8.4px;
19178
19241
  }
19179
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19180
- background: transparent;
19181
- color: inherit;
19242
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19243
+ margin-inline-end: -12px;
19182
19244
  }
19183
- .v-card--variant-plain {
19184
- opacity: 0.62;
19245
+
19246
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19247
+ margin-inline-start: 18px;
19185
19248
  }
19186
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19187
- opacity: 1;
19249
+
19250
+ .v-chip.v-chip--size-default .v-icon--start,
19251
+ .v-chip.v-chip--size-default .v-chip__filter {
19252
+ margin-inline-start: -6px;
19253
+ margin-inline-end: 6px;
19188
19254
  }
19189
- .v-card--variant-plain .v-card__overlay {
19190
- display: none;
19255
+ .v-chip.v-chip--size-default .v-icon--end,
19256
+ .v-chip.v-chip--size-default .v-chip__close {
19257
+ margin-inline-start: 6px;
19258
+ margin-inline-end: -6px;
19191
19259
  }
19192
- .v-card--variant-elevated, .v-card--variant-flat {
19193
- background: rgb(var(--v-theme-surface));
19194
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19260
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19261
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19262
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19263
+ margin-inline-start: 12px;
19195
19264
  }
19196
- .v-card--variant-elevated {
19197
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19265
+
19266
+ .v-chip.v-chip--size-large {
19267
+ --v-chip-size: 1rem;
19268
+ --v-chip-height: 38px;
19269
+ font-size: 1rem;
19270
+ padding: 0 14px;
19198
19271
  }
19199
- .v-card--variant-flat {
19200
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19272
+ .v-chip.v-chip--size-large .v-avatar {
19273
+ --v-avatar-height: 32px;
19201
19274
  }
19202
- .v-card--variant-outlined {
19203
- border: thin solid currentColor;
19275
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19276
+ --v-avatar-height: 38px;
19204
19277
  }
19205
- .v-card--variant-text .v-card__overlay {
19206
- background: currentColor;
19278
+
19279
+ .v-chip.v-chip--size-large .v-avatar--start {
19280
+ margin-inline-start: -9.8px;
19281
+ margin-inline-end: 7px;
19207
19282
  }
19208
- .v-card--variant-tonal .v-card__underlay {
19209
- background: currentColor;
19210
- opacity: var(--v-activated-opacity);
19211
- border-radius: inherit;
19212
- position: absolute;
19213
- top: 0;
19214
- right: 0;
19215
- bottom: 0;
19216
- left: 0;
19217
- pointer-events: none;
19283
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19284
+ margin-inline-start: -14px;
19218
19285
  }
19219
- .v-card--disabled {
19220
- pointer-events: none;
19221
- -webkit-user-select: none;
19222
- user-select: none;
19286
+
19287
+ .v-chip.v-chip--size-large .v-avatar--end {
19288
+ margin-inline-start: 7px;
19289
+ margin-inline-end: -9.8px;
19223
19290
  }
19224
- .v-card--disabled > :not(.v-card__loader) {
19225
- opacity: 0.6;
19291
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19292
+ margin-inline-end: -14px;
19226
19293
  }
19227
- .v-card--flat {
19228
- box-shadow: none;
19294
+
19295
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19296
+ margin-inline-start: 21px;
19229
19297
  }
19230
- .v-card--hover {
19231
- cursor: pointer;
19298
+
19299
+ .v-chip.v-chip--size-large .v-icon--start,
19300
+ .v-chip.v-chip--size-large .v-chip__filter {
19301
+ margin-inline-start: -7px;
19302
+ margin-inline-end: 7px;
19232
19303
  }
19233
- .v-card--hover::before, .v-card--hover::after {
19234
- border-radius: inherit;
19235
- bottom: 0;
19236
- content: "";
19237
- display: block;
19238
- left: 0;
19239
- pointer-events: none;
19240
- position: absolute;
19241
- right: 0;
19242
- top: 0;
19243
- transition: inherit;
19304
+ .v-chip.v-chip--size-large .v-icon--end,
19305
+ .v-chip.v-chip--size-large .v-chip__close {
19306
+ margin-inline-start: 7px;
19307
+ margin-inline-end: -7px;
19244
19308
  }
19245
- .v-card--hover::before {
19246
- opacity: 1;
19247
- z-index: -1;
19248
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19309
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19310
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19311
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19312
+ margin-inline-start: 14px;
19249
19313
  }
19250
- .v-card--hover::after {
19251
- z-index: 1;
19252
- opacity: 0;
19253
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19314
+
19315
+ .v-chip.v-chip--size-x-large {
19316
+ --v-chip-size: 1.125rem;
19317
+ --v-chip-height: 44px;
19318
+ font-size: 1.125rem;
19319
+ padding: 0 17px;
19254
19320
  }
19255
- .v-card--hover:hover::after {
19256
- opacity: 1;
19321
+ .v-chip.v-chip--size-x-large .v-avatar {
19322
+ --v-avatar-height: 38px;
19257
19323
  }
19258
- .v-card--hover:hover::before {
19259
- opacity: 0;
19324
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19325
+ --v-avatar-height: 44px;
19260
19326
  }
19261
- .v-card--hover:hover {
19262
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19327
+
19328
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19329
+ margin-inline-start: -11.9px;
19330
+ margin-inline-end: 8.5px;
19263
19331
  }
19264
- .v-card--link {
19265
- cursor: pointer;
19332
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19333
+ margin-inline-start: -17px;
19266
19334
  }
19267
19335
 
19268
- .v-card-actions {
19269
- align-items: center;
19270
- display: flex;
19271
- flex: none;
19272
- min-height: 52px;
19273
- padding: 0.5rem;
19336
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19337
+ margin-inline-start: 8.5px;
19338
+ margin-inline-end: -11.9px;
19274
19339
  }
19275
-
19276
- .v-card-item {
19277
- align-items: center;
19278
- display: grid;
19279
- flex: none;
19280
- grid-template-areas: "prepend content append";
19281
- grid-template-columns: max-content auto max-content;
19282
- padding: 0.625rem 1rem;
19340
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19341
+ margin-inline-end: -17px;
19283
19342
  }
19284
- .v-card-item + .v-card-text {
19285
- padding-top: 0;
19343
+
19344
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19345
+ margin-inline-start: 25.5px;
19286
19346
  }
19287
- .v-card-item__prepend, .v-card-item__append {
19288
- align-items: center;
19289
- display: flex;
19347
+
19348
+ .v-chip.v-chip--size-x-large .v-icon--start,
19349
+ .v-chip.v-chip--size-x-large .v-chip__filter {
19350
+ margin-inline-start: -8.5px;
19351
+ margin-inline-end: 8.5px;
19290
19352
  }
19291
- .v-card-item__prepend {
19292
- grid-area: prepend;
19293
- padding-inline-end: 0.5rem;
19353
+ .v-chip.v-chip--size-x-large .v-icon--end,
19354
+ .v-chip.v-chip--size-x-large .v-chip__close {
19355
+ margin-inline-start: 8.5px;
19356
+ margin-inline-end: -8.5px;
19294
19357
  }
19295
- .v-card-item__append {
19296
- grid-area: append;
19297
- padding-inline-start: 0.5rem;
19358
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19359
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19360
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19361
+ margin-inline-start: 17px;
19298
19362
  }
19299
19363
 
19300
- .v-card-item__content {
19301
- align-self: center;
19302
- grid-area: content;
19303
- overflow: hidden;
19364
+ .v-chip.v-chip--density-default {
19365
+ height: calc(var(--v-chip-height) + 0px);
19304
19366
  }
19305
19367
 
19306
- .v-card-title {
19307
- display: block;
19308
- flex: none;
19309
- font-size: 1.25rem;
19310
- font-weight: 500;
19311
- -webkit-hyphens: auto;
19312
- hyphens: auto;
19313
- letter-spacing: 0.0125em;
19314
- min-width: 0;
19315
- overflow-wrap: normal;
19316
- overflow: hidden;
19317
- padding: 0.5rem 1rem;
19318
- text-overflow: ellipsis;
19319
- text-transform: none;
19320
- white-space: nowrap;
19321
- word-break: normal;
19322
- word-wrap: break-word;
19368
+ .v-chip.v-chip--density-comfortable {
19369
+ height: calc(var(--v-chip-height) + -8px);
19323
19370
  }
19324
- .v-card .v-card-title {
19325
- line-height: 2rem;
19371
+
19372
+ .v-chip.v-chip--density-compact {
19373
+ height: calc(var(--v-chip-height) + -12px);
19326
19374
  }
19327
- .v-card--density-comfortable .v-card-title {
19328
- line-height: 1.75rem;
19375
+
19376
+ .v-chip:hover > .v-chip__overlay {
19377
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19329
19378
  }
19330
- .v-card--density-compact .v-card-title {
19331
- line-height: 1.55rem;
19379
+ .v-chip:focus-visible > .v-chip__overlay {
19380
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19332
19381
  }
19333
- .v-card-item .v-card-title {
19334
- padding: 0;
19382
+ @supports not selector(:focus-visible) {
19383
+ .v-chip:focus > .v-chip__overlay {
19384
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19385
+ }
19335
19386
  }
19336
- .v-card-title + .v-card-text,
19337
- .v-card-title + .v-card-actions {
19338
- padding-top: 0;
19387
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19388
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19339
19389
  }
19340
-
19341
- .v-card-subtitle {
19342
- display: block;
19343
- flex: none;
19344
- font-size: 0.875rem;
19345
- font-weight: 400;
19346
- letter-spacing: 0.0178571429em;
19347
- opacity: var(--v-medium-emphasis-opacity);
19348
- overflow: hidden;
19349
- padding: 0 1rem;
19350
- text-overflow: ellipsis;
19351
- text-transform: none;
19352
- white-space: nowrap;
19390
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19391
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19353
19392
  }
19354
- .v-card .v-card-subtitle {
19355
- line-height: 1.25rem;
19393
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19394
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19356
19395
  }
19357
- .v-card--density-comfortable .v-card-subtitle {
19358
- line-height: 1.125rem;
19396
+ @supports not selector(:focus-visible) {
19397
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19398
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19399
+ }
19359
19400
  }
19360
- .v-card--density-compact .v-card-subtitle {
19361
- line-height: 1rem;
19401
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19402
+ background: transparent;
19403
+ color: inherit;
19362
19404
  }
19363
- .v-card-item .v-card-subtitle {
19364
- padding: 0 0 0.25rem;
19405
+ .v-chip--variant-plain {
19406
+ opacity: 0.26;
19365
19407
  }
19366
-
19367
- .v-card-text {
19368
- flex: 1 1 auto;
19369
- font-size: 0.875rem;
19370
- font-weight: 400;
19371
- letter-spacing: 0.0178571429em;
19372
- padding: 1rem;
19373
- text-transform: none;
19408
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19409
+ opacity: 1;
19374
19410
  }
19375
- .v-card .v-card-text {
19376
- line-height: 1.25rem;
19411
+ .v-chip--variant-plain .v-chip__overlay {
19412
+ display: none;
19377
19413
  }
19378
- .v-card--density-comfortable .v-card-text {
19379
- line-height: 1.2rem;
19414
+ .v-chip--variant-elevated, .v-chip--variant-flat {
19415
+ background: rgb(var(--v-theme-surface-variant));
19416
+ color: rgb(var(--v-theme-on-surface-variant));
19380
19417
  }
19381
- .v-card--density-compact .v-card-text {
19382
- line-height: 1.15rem;
19418
+ .v-chip--variant-elevated {
19419
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
19383
19420
  }
19384
-
19385
- .v-card__image {
19386
- display: flex;
19387
- height: 100%;
19388
- flex: 1 1 auto;
19389
- left: 0;
19390
- overflow: hidden;
19391
- position: absolute;
19392
- top: 0;
19393
- width: 100%;
19394
- z-index: -1;
19421
+ .v-chip--variant-flat {
19422
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19395
19423
  }
19396
-
19397
- .v-card__content {
19398
- border-radius: inherit;
19399
- overflow: hidden;
19400
- position: relative;
19424
+ .v-chip--variant-outlined {
19425
+ border: thin solid currentColor;
19401
19426
  }
19402
-
19403
- .v-card__loader {
19404
- bottom: auto;
19405
- top: 0;
19406
- left: 0;
19407
- position: absolute;
19408
- right: 0;
19409
- width: 100%;
19410
- z-index: 1;
19427
+ .v-chip--variant-text .v-chip__overlay {
19428
+ background: currentColor;
19411
19429
  }
19412
-
19413
- .v-card__overlay {
19414
- background-color: currentColor;
19430
+ .v-chip--variant-tonal .v-chip__underlay {
19431
+ background: currentColor;
19432
+ opacity: var(--v-activated-opacity);
19415
19433
  border-radius: inherit;
19416
19434
  position: absolute;
19417
19435
  top: 0;
@@ -19419,94 +19437,76 @@ html.overflow-y-hidden {
19419
19437
  bottom: 0;
19420
19438
  left: 0;
19421
19439
  pointer-events: none;
19422
- opacity: 0;
19423
- transition: opacity 0.2s ease-in-out;
19424
- }.v-chip-group {
19425
- display: flex;
19426
- max-width: 100%;
19427
- min-width: 0;
19428
- overflow-x: auto;
19429
- padding: 4px 0;
19430
19440
  }
19431
- .v-chip-group .v-chip {
19432
- margin: 4px 8px 4px 0;
19441
+ .v-chip--border {
19442
+ border-width: thin;
19433
19443
  }
19434
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19435
- opacity: var(--v-activated-opacity);
19444
+ .v-chip--link {
19445
+ cursor: pointer;
19436
19446
  }
19437
-
19438
- .v-chip-group--column .v-slide-group__content {
19439
- white-space: normal;
19440
- flex-wrap: wrap;
19441
- max-width: 100%;
19442
- }.v-checkbox.v-input {
19443
- flex: 0 1 auto;
19447
+ .v-chip--filter {
19448
+ -webkit-user-select: none;
19449
+ user-select: none;
19444
19450
  }
19445
- .v-checkbox .v-selection-control {
19446
- min-height: var(--v-input-control-height);
19447
- }.v-carousel {
19448
- overflow: hidden;
19449
- position: relative;
19450
- width: 100%;
19451
+ .v-chip--label {
19452
+ border-radius: 4px;
19451
19453
  }
19452
- .v-carousel__controls {
19454
+
19455
+ .v-chip__content {
19453
19456
  align-items: center;
19454
- bottom: 0;
19455
- display: flex;
19456
- height: 50px;
19457
- justify-content: center;
19458
- list-style-type: none;
19459
- position: absolute;
19460
- width: 100%;
19461
- z-index: 1;
19462
- background: rgba(var(--v-theme-surface-variant), 0.3);
19463
- color: rgb(var(--v-theme-on-surface-variant));
19464
- }
19465
- .v-carousel__controls > .v-item-group {
19466
- flex: 0 1 auto;
19457
+ display: inline-flex;
19467
19458
  }
19468
- .v-carousel__controls__item {
19469
- margin: 0 8px;
19459
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19460
+ overflow: hidden;
19470
19461
  }
19471
- .v-carousel__controls__item .v-icon {
19472
- opacity: 0.5;
19462
+
19463
+ .v-chip__filter,
19464
+ .v-chip__prepend,
19465
+ .v-chip__append,
19466
+ .v-chip__close {
19467
+ align-items: center;
19468
+ display: inline-flex;
19473
19469
  }
19474
- .v-carousel__controls__item--active .v-icon {
19475
- opacity: 1;
19476
- vertical-align: middle;
19470
+
19471
+ .v-chip__close {
19472
+ cursor: pointer;
19473
+ flex: 0 1 auto;
19474
+ font-size: 18px;
19475
+ max-height: 18px;
19476
+ max-width: 18px;
19477
+ -webkit-user-select: none;
19478
+ user-select: none;
19477
19479
  }
19478
- .v-carousel__controls__item:hover {
19479
- background: none;
19480
+ .v-chip__close .v-icon {
19481
+ font-size: inherit;
19480
19482
  }
19481
- .v-carousel__controls__item:hover .v-icon {
19482
- opacity: 0.8;
19483
+
19484
+ .v-chip__filter {
19485
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19483
19486
  }
19484
19487
 
19485
- .v-carousel__progress {
19486
- margin: 0;
19488
+ .v-chip__overlay {
19487
19489
  position: absolute;
19488
- bottom: 0;
19490
+ top: 0;
19489
19491
  left: 0;
19490
- right: 0;
19491
- }
19492
-
19493
- .v-carousel-item {
19494
- display: block;
19495
- height: inherit;
19496
- text-decoration: none;
19497
- }
19498
- .v-carousel-item > .v-img {
19499
- height: inherit;
19492
+ width: 100%;
19493
+ height: 100%;
19494
+ background-color: currentColor;
19495
+ border-radius: inherit;
19496
+ pointer-events: none;
19497
+ opacity: 0;
19498
+ transition: opacity 0.2s ease-in-out;
19500
19499
  }
19501
19500
 
19502
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19503
- background: transparent;
19501
+ .v-chip--disabled {
19502
+ opacity: 0.3;
19503
+ pointer-events: none;
19504
+ -webkit-user-select: none;
19505
+ user-select: none;
19504
19506
  }
19505
19507
 
19506
- .v-carousel--vertical-delimiters .v-carousel__controls {
19507
- flex-direction: column;
19508
- height: 100% !important;
19509
- width: 50px;
19508
+ .v-chip--label {
19509
+ border-radius: 4px;
19510
19510
  }.v-color-picker {
19511
19511
  align-self: flex-start;
19512
19512
  contain: content;
@@ -20167,206 +20167,38 @@ html.overflow-y-hidden {
20167
20167
  margin-inline-start: 0;
20168
20168
  }
20169
20169
  .offset-xxl-1 {
20170
- margin-inline-start: 8.3333333333%;
20171
- }
20172
- .offset-xxl-2 {
20173
- margin-inline-start: 16.6666666667%;
20174
- }
20175
- .offset-xxl-3 {
20176
- margin-inline-start: 25%;
20177
- }
20178
- .offset-xxl-4 {
20179
- margin-inline-start: 33.3333333333%;
20180
- }
20181
- .offset-xxl-5 {
20182
- margin-inline-start: 41.6666666667%;
20183
- }
20184
- .offset-xxl-6 {
20185
- margin-inline-start: 50%;
20186
- }
20187
- .offset-xxl-7 {
20188
- margin-inline-start: 58.3333333333%;
20189
- }
20190
- .offset-xxl-8 {
20191
- margin-inline-start: 66.6666666667%;
20192
- }
20193
- .offset-xxl-9 {
20194
- margin-inline-start: 75%;
20195
- }
20196
- .offset-xxl-10 {
20197
- margin-inline-start: 83.3333333333%;
20198
- }
20199
- .offset-xxl-11 {
20200
- margin-inline-start: 91.6666666667%;
20201
- }
20202
- }.v-data-table-footer {
20203
- display: flex;
20204
- align-items: center;
20205
- flex-wrap: wrap;
20206
- padding: 4px;
20207
- justify-content: flex-end;
20208
- }
20209
-
20210
- .v-data-table-footer__items-per-page {
20211
- display: flex;
20212
- align-items: center;
20213
- justify-content: center;
20214
- }
20215
- .v-data-table-footer__items-per-page > span {
20216
- padding-inline-end: 8px;
20217
- }
20218
- .v-data-table-footer__items-per-page > .v-select {
20219
- width: 90px;
20220
- }
20221
-
20222
- .v-data-table-footer__info {
20223
- display: flex;
20224
- justify-content: flex-end;
20225
- min-width: 116px;
20226
- padding: 0 16px;
20227
- }
20228
-
20229
- .v-data-table-footer__pagination {
20230
- display: flex;
20231
- align-items: center;
20232
- margin-inline-start: 16px;
20233
- }
20234
-
20235
- .v-data-table-footer__page {
20236
- padding: 0 8px;
20237
- }.v-data-table {
20238
- width: 100%;
20239
- }
20240
-
20241
- .v-data-table__table {
20242
- width: 100%;
20243
- border-collapse: separate;
20244
- border-spacing: 0;
20245
- }
20246
-
20247
- .v-data-table__tr--focus {
20248
- border: 1px dotted black;
20249
- }
20250
- .v-data-table__tr--clickable {
20251
- cursor: pointer;
20252
- }
20253
-
20254
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20255
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20256
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20257
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20258
- text-align: end;
20259
- }
20260
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20261
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20262
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20263
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20264
- flex-direction: row-reverse;
20265
- }
20266
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20267
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20268
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20269
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20270
- text-align: center;
20271
- }
20272
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20273
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20274
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20275
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20276
- justify-content: center;
20277
- }
20278
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20279
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20280
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20281
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20282
- padding: 0 8px;
20283
- }
20284
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20285
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20286
- align-items: center;
20287
- }
20288
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20289
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20290
- position: sticky;
20291
- }
20292
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20293
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20294
- cursor: pointer;
20295
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20296
- }
20297
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20298
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20299
- opacity: 0;
20300
- }
20301
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20302
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20303
- opacity: 0.5;
20304
- }
20305
-
20306
- .v-data-table-column--fixed,
20307
- .v-data-table__th--sticky {
20308
- background: rgb(var(--v-theme-surface));
20309
- position: sticky !important;
20310
- left: 0;
20311
- z-index: 1;
20312
- }
20313
-
20314
- .v-data-table-column--last-fixed {
20315
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20316
- }
20317
-
20318
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20319
- z-index: 2;
20320
- }
20321
-
20322
- .v-data-table-group-header-row td {
20323
- background: rgba(var(--v-theme-surface));
20324
- color: rgba(var(--v-theme-on-surface));
20325
- }
20326
- .v-data-table-group-header-row td > span {
20327
- padding-left: 5px;
20328
- }
20329
-
20330
- .v-data-table--loading .v-data-table__td {
20331
- opacity: 0.3;
20332
- }
20333
-
20334
- .v-data-table-group-header-row__column {
20335
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20336
- }
20337
-
20338
- .v-data-table-header__content {
20339
- display: flex;
20340
- align-items: center;
20341
- }
20342
-
20343
- .v-data-table-header__sort-badge {
20344
- display: inline-flex;
20345
- justify-content: center;
20346
- align-items: center;
20347
- font-size: 0.875rem;
20348
- padding: 4px;
20349
- border-radius: 50%;
20350
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20351
- min-width: 20px;
20352
- min-height: 20px;
20353
- width: 20px;
20354
- height: 20px;
20355
- }
20356
-
20357
- .v-data-table-progress > th {
20358
- border: none !important;
20359
- height: auto !important;
20360
- padding: 0 !important;
20361
- }
20362
-
20363
- .v-data-table-progress__loader {
20364
- position: relative;
20365
- }
20366
-
20367
- .v-data-table-rows-loading,
20368
- .v-data-table-rows-no-data {
20369
- text-align: center;
20170
+ margin-inline-start: 8.3333333333%;
20171
+ }
20172
+ .offset-xxl-2 {
20173
+ margin-inline-start: 16.6666666667%;
20174
+ }
20175
+ .offset-xxl-3 {
20176
+ margin-inline-start: 25%;
20177
+ }
20178
+ .offset-xxl-4 {
20179
+ margin-inline-start: 33.3333333333%;
20180
+ }
20181
+ .offset-xxl-5 {
20182
+ margin-inline-start: 41.6666666667%;
20183
+ }
20184
+ .offset-xxl-6 {
20185
+ margin-inline-start: 50%;
20186
+ }
20187
+ .offset-xxl-7 {
20188
+ margin-inline-start: 58.3333333333%;
20189
+ }
20190
+ .offset-xxl-8 {
20191
+ margin-inline-start: 66.6666666667%;
20192
+ }
20193
+ .offset-xxl-9 {
20194
+ margin-inline-start: 75%;
20195
+ }
20196
+ .offset-xxl-10 {
20197
+ margin-inline-start: 83.3333333333%;
20198
+ }
20199
+ .offset-xxl-11 {
20200
+ margin-inline-start: 91.6666666667%;
20201
+ }
20370
20202
  }.v-combobox .v-field .v-text-field__prefix,
20371
20203
  .v-combobox .v-field .v-text-field__suffix,
20372
20204
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20512,170 +20344,338 @@ html.overflow-y-hidden {
20512
20344
  .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20513
20345
  transform: rotate(180deg);
20514
20346
  }
20515
-
20516
- .v-date-picker-controls__date {
20517
- margin-inline-end: 4px;
20347
+
20348
+ .v-date-picker-controls__date {
20349
+ margin-inline-end: 4px;
20350
+ }
20351
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20352
+ margin: auto;
20353
+ text-align: center;
20354
+ }
20355
+
20356
+ .v-date-picker-controls__month {
20357
+ display: flex;
20358
+ }
20359
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20360
+ flex-direction: row-reverse;
20361
+ }
20362
+
20363
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20364
+ flex: 1 0 auto;
20365
+ }
20366
+
20367
+ .v-date-picker__title {
20368
+ display: inline-block;
20369
+ }.v-date-picker-header {
20370
+ display: grid;
20371
+ grid-template-areas: "prepend content append";
20372
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20373
+ overflow: hidden;
20374
+ padding-inline: 24px 12px;
20375
+ padding-bottom: 12px;
20376
+ }
20377
+
20378
+ .v-date-picker-header__append {
20379
+ grid-area: append;
20380
+ }
20381
+
20382
+ .v-date-picker-header__prepend {
20383
+ grid-area: prepend;
20384
+ padding-inline-start: 8px;
20385
+ }
20386
+
20387
+ .v-date-picker-header__content {
20388
+ align-items: center;
20389
+ display: inline-flex;
20390
+ font-size: 32px;
20391
+ line-height: 40px;
20392
+ grid-area: content;
20393
+ justify-content: space-between;
20394
+ }
20395
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20396
+ cursor: pointer;
20397
+ }
20398
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20399
+ opacity: 0.7;
20400
+ }
20401
+
20402
+ .date-picker-header-transition-enter-active,
20403
+ .date-picker-header-reverse-transition-enter-active {
20404
+ transition-duration: 0.3s;
20405
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20406
+ }
20407
+ .date-picker-header-transition-leave-active,
20408
+ .date-picker-header-reverse-transition-leave-active {
20409
+ transition-duration: 0.3s;
20410
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20411
+ }
20412
+
20413
+ .date-picker-header-transition-enter-from {
20414
+ transform: translate(0, 100%);
20415
+ }
20416
+ .date-picker-header-transition-leave-to {
20417
+ opacity: 0;
20418
+ transform: translate(0, -100%);
20419
+ }
20420
+
20421
+ .date-picker-header-reverse-transition-enter-from {
20422
+ transform: translate(0, -100%);
20423
+ }
20424
+ .date-picker-header-reverse-transition-leave-to {
20425
+ opacity: 0;
20426
+ transform: translate(0, 100%);
20427
+ }.v-date-picker-years {
20428
+ height: 320px;
20429
+ overflow-y: scroll;
20430
+ }
20431
+
20432
+ .v-date-picker-years__content {
20433
+ display: grid;
20434
+ flex: 1 1;
20435
+ justify-content: space-around;
20436
+ grid-template-columns: repeat(3, 1fr);
20437
+ gap: 8px 24px;
20438
+ padding-inline: 36px;
20439
+ }
20440
+ .v-date-picker-years__content .v-btn {
20441
+ padding-inline: 8px;
20442
+ }.v-date-picker-month {
20443
+ display: flex;
20444
+ justify-content: center;
20445
+ min-width: 328px;
20446
+ --v-date-picker-month-day-diff: 4px;
20447
+ }
20448
+
20449
+ .v-date-picker-month__weeks {
20450
+ display: grid;
20451
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20452
+ row-gap: 4px;
20453
+ font-size: 0.875rem;
20454
+ }
20455
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20456
+ grid-row-gap: 0;
20457
+ }
20458
+
20459
+ .v-date-picker-month__weekday {
20460
+ font-size: 0.875rem;
20461
+ }
20462
+
20463
+ .v-date-picker-month__days {
20464
+ display: grid;
20465
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20466
+ row-gap: 4px;
20467
+ flex: 1 1;
20468
+ justify-content: space-around;
20469
+ }
20470
+
20471
+ .v-date-picker-month__day {
20472
+ align-items: center;
20473
+ display: flex;
20474
+ justify-content: center;
20475
+ position: relative;
20476
+ }
20477
+ .v-date-picker-month__day--selected .v-btn {
20478
+ background-color: rgb(var(--v-theme-surface-variant));
20479
+ color: rgb(var(--v-theme-on-surface-variant));
20480
+ }
20481
+ .v-date-picker-month__day--week {
20482
+ font-size: var(--v-btn-size);
20483
+ }
20484
+
20485
+ .v-date-picker-month__day--adjacent {
20486
+ opacity: 0.5;
20487
+ }
20488
+
20489
+ .v-date-picker-month__day--hide-adjacent {
20490
+ opacity: 0;
20491
+ }.v-date-picker-months {
20492
+ height: 320px;
20493
+ overflow-y: scroll;
20494
+ }
20495
+
20496
+ .v-date-picker-months__content {
20497
+ align-items: center;
20498
+ display: grid;
20499
+ flex: 1 1;
20500
+ height: inherit;
20501
+ justify-content: space-around;
20502
+ grid-template-columns: repeat(2, 1fr);
20503
+ grid-gap: 4px 24px;
20504
+ padding-inline-start: 36px;
20505
+ padding-inline-end: 36px;
20506
+ }
20507
+ .v-date-picker-months__content .v-btn {
20508
+ text-transform: none;
20509
+ padding-inline-start: 8px;
20510
+ padding-inline-end: 8px;
20511
+ }.v-data-table {
20512
+ width: 100%;
20513
+ }
20514
+
20515
+ .v-data-table__table {
20516
+ width: 100%;
20517
+ border-collapse: separate;
20518
+ border-spacing: 0;
20519
+ }
20520
+
20521
+ .v-data-table__tr--focus {
20522
+ border: 1px dotted black;
20523
+ }
20524
+ .v-data-table__tr--clickable {
20525
+ cursor: pointer;
20526
+ }
20527
+
20528
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20529
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20530
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20531
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20532
+ text-align: end;
20533
+ }
20534
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20535
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20536
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20537
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20538
+ flex-direction: row-reverse;
20539
+ }
20540
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20541
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20542
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20543
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20544
+ text-align: center;
20545
+ }
20546
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20547
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20548
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20549
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20550
+ justify-content: center;
20551
+ }
20552
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20553
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20554
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20555
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20556
+ padding: 0 8px;
20557
+ }
20558
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20559
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20560
+ align-items: center;
20561
+ }
20562
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20563
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20564
+ position: sticky;
20565
+ }
20566
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20567
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20568
+ cursor: pointer;
20569
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20570
+ }
20571
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20572
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20573
+ opacity: 0;
20518
20574
  }
20519
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20520
- margin: auto;
20521
- text-align: center;
20575
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20576
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20577
+ opacity: 0.5;
20522
20578
  }
20523
20579
 
20524
- .v-date-picker-controls__month {
20525
- display: flex;
20526
- }
20527
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20528
- flex-direction: row-reverse;
20580
+ .v-data-table-column--fixed,
20581
+ .v-data-table__th--sticky {
20582
+ background: rgb(var(--v-theme-surface));
20583
+ position: sticky !important;
20584
+ left: 0;
20585
+ z-index: 1;
20529
20586
  }
20530
20587
 
20531
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20532
- flex: 1 0 auto;
20588
+ .v-data-table-column--last-fixed {
20589
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20533
20590
  }
20534
20591
 
20535
- .v-date-picker__title {
20536
- display: inline-block;
20537
- }.v-date-picker-month {
20538
- display: flex;
20539
- justify-content: center;
20540
- min-width: 328px;
20541
- --v-date-picker-month-day-diff: 4px;
20592
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20593
+ z-index: 2;
20542
20594
  }
20543
20595
 
20544
- .v-date-picker-month__weeks {
20545
- display: grid;
20546
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20547
- row-gap: 4px;
20548
- font-size: 0.875rem;
20596
+ .v-data-table-group-header-row td {
20597
+ background: rgba(var(--v-theme-surface));
20598
+ color: rgba(var(--v-theme-on-surface));
20549
20599
  }
20550
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20551
- grid-row-gap: 0;
20600
+ .v-data-table-group-header-row td > span {
20601
+ padding-left: 5px;
20552
20602
  }
20553
20603
 
20554
- .v-date-picker-month__weekday {
20555
- font-size: 0.875rem;
20604
+ .v-data-table--loading .v-data-table__td {
20605
+ opacity: 0.3;
20556
20606
  }
20557
20607
 
20558
- .v-date-picker-month__days {
20559
- display: grid;
20560
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20561
- row-gap: 4px;
20562
- flex: 1 1;
20563
- justify-content: space-around;
20608
+ .v-data-table-group-header-row__column {
20609
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20564
20610
  }
20565
20611
 
20566
- .v-date-picker-month__day {
20567
- align-items: center;
20612
+ .v-data-table-header__content {
20568
20613
  display: flex;
20569
- justify-content: center;
20570
- position: relative;
20571
- }
20572
- .v-date-picker-month__day--selected .v-btn {
20573
- background-color: rgb(var(--v-theme-surface-variant));
20574
- color: rgb(var(--v-theme-on-surface-variant));
20575
- }
20576
- .v-date-picker-month__day--week {
20577
- font-size: var(--v-btn-size);
20578
- }
20579
-
20580
- .v-date-picker-month__day--adjacent {
20581
- opacity: 0.5;
20614
+ align-items: center;
20582
20615
  }
20583
20616
 
20584
- .v-date-picker-month__day--hide-adjacent {
20585
- opacity: 0;
20586
- }.v-date-picker-header {
20587
- display: grid;
20588
- grid-template-areas: "prepend content append";
20589
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20590
- overflow: hidden;
20591
- padding-inline: 24px 12px;
20592
- padding-bottom: 12px;
20617
+ .v-data-table-header__sort-badge {
20618
+ display: inline-flex;
20619
+ justify-content: center;
20620
+ align-items: center;
20621
+ font-size: 0.875rem;
20622
+ padding: 4px;
20623
+ border-radius: 50%;
20624
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20625
+ min-width: 20px;
20626
+ min-height: 20px;
20627
+ width: 20px;
20628
+ height: 20px;
20593
20629
  }
20594
20630
 
20595
- .v-date-picker-header__append {
20596
- grid-area: append;
20631
+ .v-data-table-progress > th {
20632
+ border: none !important;
20633
+ height: auto !important;
20634
+ padding: 0 !important;
20597
20635
  }
20598
20636
 
20599
- .v-date-picker-header__prepend {
20600
- grid-area: prepend;
20601
- padding-inline-start: 8px;
20637
+ .v-data-table-progress__loader {
20638
+ position: relative;
20602
20639
  }
20603
20640
 
20604
- .v-date-picker-header__content {
20641
+ .v-data-table-rows-loading,
20642
+ .v-data-table-rows-no-data {
20643
+ text-align: center;
20644
+ }.v-data-table-footer {
20645
+ display: flex;
20605
20646
  align-items: center;
20606
- display: inline-flex;
20607
- font-size: 32px;
20608
- line-height: 40px;
20609
- grid-area: content;
20610
- justify-content: space-between;
20611
- }
20612
- .v-date-picker-header--clickable .v-date-picker-header__content {
20613
- cursor: pointer;
20614
- }
20615
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20616
- opacity: 0.7;
20617
- }
20618
-
20619
- .date-picker-header-transition-enter-active,
20620
- .date-picker-header-reverse-transition-enter-active {
20621
- transition-duration: 0.3s;
20622
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20623
- }
20624
- .date-picker-header-transition-leave-active,
20625
- .date-picker-header-reverse-transition-leave-active {
20626
- transition-duration: 0.3s;
20627
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20647
+ flex-wrap: wrap;
20648
+ padding: 4px;
20649
+ justify-content: flex-end;
20628
20650
  }
20629
20651
 
20630
- .date-picker-header-transition-enter-from {
20631
- transform: translate(0, 100%);
20632
- }
20633
- .date-picker-header-transition-leave-to {
20634
- opacity: 0;
20635
- transform: translate(0, -100%);
20652
+ .v-data-table-footer__items-per-page {
20653
+ display: flex;
20654
+ align-items: center;
20655
+ justify-content: center;
20636
20656
  }
20637
-
20638
- .date-picker-header-reverse-transition-enter-from {
20639
- transform: translate(0, -100%);
20657
+ .v-data-table-footer__items-per-page > span {
20658
+ padding-inline-end: 8px;
20640
20659
  }
20641
- .date-picker-header-reverse-transition-leave-to {
20642
- opacity: 0;
20643
- transform: translate(0, 100%);
20644
- }.v-date-picker-years {
20645
- height: 320px;
20646
- overflow-y: scroll;
20660
+ .v-data-table-footer__items-per-page > .v-select {
20661
+ width: 90px;
20647
20662
  }
20648
20663
 
20649
- .v-date-picker-years__content {
20650
- display: grid;
20651
- flex: 1 1;
20652
- justify-content: space-around;
20653
- grid-template-columns: repeat(3, 1fr);
20654
- gap: 8px 24px;
20655
- padding-inline: 36px;
20656
- }
20657
- .v-date-picker-years__content .v-btn {
20658
- padding-inline: 8px;
20659
- }.v-date-picker-months {
20660
- height: 320px;
20661
- overflow-y: scroll;
20664
+ .v-data-table-footer__info {
20665
+ display: flex;
20666
+ justify-content: flex-end;
20667
+ min-width: 116px;
20668
+ padding: 0 16px;
20662
20669
  }
20663
20670
 
20664
- .v-date-picker-months__content {
20671
+ .v-data-table-footer__pagination {
20672
+ display: flex;
20665
20673
  align-items: center;
20666
- display: grid;
20667
- flex: 1 1;
20668
- height: inherit;
20669
- justify-content: space-around;
20670
- grid-template-columns: repeat(2, 1fr);
20671
- grid-gap: 4px 24px;
20672
- padding-inline-start: 36px;
20673
- padding-inline-end: 36px;
20674
+ margin-inline-start: 16px;
20674
20675
  }
20675
- .v-date-picker-months__content .v-btn {
20676
- text-transform: none;
20677
- padding-inline-start: 8px;
20678
- padding-inline-end: 8px;
20676
+
20677
+ .v-data-table-footer__page {
20678
+ padding: 0 8px;
20679
20679
  }.v-divider {
20680
20680
  display: block;
20681
20681
  flex: 1 1 100%;
@@ -20875,123 +20875,55 @@ html.overflow-y-hidden {
20875
20875
  user-select: none;
20876
20876
  margin-inline-start: auto;
20877
20877
  }
20878
-
20879
- .v-expansion-panel-text {
20880
- display: flex;
20881
- }
20882
- .v-expansion-panel-text__wrapper {
20883
- padding: 8px 24px 16px;
20884
- flex: 1 1 auto;
20885
- max-width: 100%;
20886
- }
20887
-
20888
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20889
- margin-top: 0;
20890
- }
20891
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20892
- opacity: 1;
20893
- }
20894
-
20895
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20896
- max-width: calc(100% - 32px);
20897
- }
20898
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20899
- max-width: calc(100% + 16px);
20900
- }
20901
-
20902
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20903
- max-width: 100%;
20904
- }
20905
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20906
- max-width: calc(100% - 32px);
20907
- }.v-dialog {
20908
- align-items: center;
20909
- justify-content: center;
20910
- margin: auto;
20911
- }
20912
- .v-dialog > .v-overlay__content {
20913
- max-height: calc(100% - 48px);
20914
- width: calc(100% - 48px);
20915
- max-width: calc(100% - 48px);
20916
- margin: 24px;
20917
- }
20918
- .v-dialog > .v-overlay__content,
20919
- .v-dialog > .v-overlay__content > form {
20920
- display: flex;
20921
- flex-direction: column;
20922
- min-height: 0;
20923
- }
20924
- .v-dialog > .v-overlay__content > .v-card,
20925
- .v-dialog > .v-overlay__content > .v-sheet,
20926
- .v-dialog > .v-overlay__content > form > .v-card,
20927
- .v-dialog > .v-overlay__content > form > .v-sheet {
20928
- --v-scrollbar-offset: 0px;
20929
- border-radius: 4px;
20930
- overflow-y: auto;
20931
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20932
- }
20933
- .v-dialog > .v-overlay__content > .v-card,
20934
- .v-dialog > .v-overlay__content > form > .v-card {
20878
+
20879
+ .v-expansion-panel-text {
20935
20880
  display: flex;
20936
- flex-direction: column;
20937
20881
  }
20938
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20939
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20940
- padding: 14px 24px 0;
20882
+ .v-expansion-panel-text__wrapper {
20883
+ padding: 8px 24px 16px;
20884
+ flex: 1 1 auto;
20885
+ max-width: 100%;
20941
20886
  }
20942
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20943
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20944
- padding-top: 10px;
20887
+
20888
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20889
+ margin-top: 0;
20945
20890
  }
20946
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20947
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20948
- font-size: inherit;
20949
- letter-spacing: 0.03125em;
20950
- line-height: inherit;
20951
- padding: 16px 24px 10px;
20891
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20892
+ opacity: 1;
20952
20893
  }
20953
20894
 
20954
- .v-dialog--fullscreen {
20955
- --v-scrollbar-offset: 0px;
20895
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20896
+ max-width: calc(100% - 32px);
20956
20897
  }
20957
- .v-dialog--fullscreen > .v-overlay__content {
20958
- border-radius: 0;
20959
- margin: 0;
20960
- padding: 0;
20961
- width: 100%;
20962
- height: 100%;
20898
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20899
+ max-width: calc(100% + 16px);
20900
+ }
20901
+
20902
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20963
20903
  max-width: 100%;
20964
- max-height: 100%;
20965
- overflow-y: auto;
20966
- top: 0;
20967
- left: 0;
20968
20904
  }
20969
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20970
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20971
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20972
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20973
- min-height: 100%;
20974
- min-width: 100%;
20975
- border-radius: 0;
20905
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20906
+ max-width: calc(100% - 32px);
20907
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20908
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20909
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20910
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20911
+ top: 0px;
20976
20912
  }
20977
-
20978
- .v-dialog--scrollable > .v-overlay__content,
20979
- .v-dialog--scrollable > .v-overlay__content > form {
20980
- display: flex;
20913
+ .v-file-input input[type=file] {
20914
+ height: 100%;
20915
+ left: 0;
20916
+ opacity: 0;
20917
+ position: absolute;
20918
+ top: 0;
20919
+ width: 100%;
20920
+ z-index: 1;
20981
20921
  }
20982
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20983
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20984
- display: flex;
20985
- flex: 1 1 100%;
20986
- flex-direction: column;
20987
- max-height: 100%;
20988
- max-width: 100%;
20922
+ .v-file-input .v-input__details {
20923
+ padding-inline: 16px;
20989
20924
  }
20990
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20991
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20992
- -webkit-backface-visibility: hidden;
20993
- backface-visibility: hidden;
20994
- overflow-y: auto;
20925
+ .v-input--plain-underlined.v-file-input .v-input__details {
20926
+ padding-inline: 0;
20995
20927
  }/* region INPUT */
20996
20928
  .v-field {
20997
20929
  display: grid;
@@ -21541,7 +21473,95 @@ textarea.v-field__input::placeholder {
21541
21473
  opacity: 0;
21542
21474
  }
21543
21475
 
21544
- /* endregion */.v-footer {
21476
+ /* endregion */.v-dialog {
21477
+ align-items: center;
21478
+ justify-content: center;
21479
+ margin: auto;
21480
+ }
21481
+ .v-dialog > .v-overlay__content {
21482
+ max-height: calc(100% - 48px);
21483
+ width: calc(100% - 48px);
21484
+ max-width: calc(100% - 48px);
21485
+ margin: 24px;
21486
+ }
21487
+ .v-dialog > .v-overlay__content,
21488
+ .v-dialog > .v-overlay__content > form {
21489
+ display: flex;
21490
+ flex-direction: column;
21491
+ min-height: 0;
21492
+ }
21493
+ .v-dialog > .v-overlay__content > .v-card,
21494
+ .v-dialog > .v-overlay__content > .v-sheet,
21495
+ .v-dialog > .v-overlay__content > form > .v-card,
21496
+ .v-dialog > .v-overlay__content > form > .v-sheet {
21497
+ --v-scrollbar-offset: 0px;
21498
+ border-radius: 4px;
21499
+ overflow-y: auto;
21500
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21501
+ }
21502
+ .v-dialog > .v-overlay__content > .v-card,
21503
+ .v-dialog > .v-overlay__content > form > .v-card {
21504
+ display: flex;
21505
+ flex-direction: column;
21506
+ }
21507
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21508
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21509
+ padding: 14px 24px 0;
21510
+ }
21511
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21512
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21513
+ padding-top: 10px;
21514
+ }
21515
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21516
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21517
+ font-size: inherit;
21518
+ letter-spacing: 0.03125em;
21519
+ line-height: inherit;
21520
+ padding: 16px 24px 10px;
21521
+ }
21522
+
21523
+ .v-dialog--fullscreen {
21524
+ --v-scrollbar-offset: 0px;
21525
+ }
21526
+ .v-dialog--fullscreen > .v-overlay__content {
21527
+ border-radius: 0;
21528
+ margin: 0;
21529
+ padding: 0;
21530
+ width: 100%;
21531
+ height: 100%;
21532
+ max-width: 100%;
21533
+ max-height: 100%;
21534
+ overflow-y: auto;
21535
+ top: 0;
21536
+ left: 0;
21537
+ }
21538
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
21539
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21540
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21541
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21542
+ min-height: 100%;
21543
+ min-width: 100%;
21544
+ border-radius: 0;
21545
+ }
21546
+
21547
+ .v-dialog--scrollable > .v-overlay__content,
21548
+ .v-dialog--scrollable > .v-overlay__content > form {
21549
+ display: flex;
21550
+ }
21551
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
21552
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21553
+ display: flex;
21554
+ flex: 1 1 100%;
21555
+ flex-direction: column;
21556
+ max-height: 100%;
21557
+ max-width: 100%;
21558
+ }
21559
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21560
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21561
+ -webkit-backface-visibility: hidden;
21562
+ backface-visibility: hidden;
21563
+ overflow-y: auto;
21564
+ }.v-footer {
21545
21565
  align-items: center;
21546
21566
  display: flex;
21547
21567
  flex: 1 1 auto;
@@ -21569,26 +21589,42 @@ textarea.v-field__input::placeholder {
21569
21589
  }
21570
21590
  .v-footer--rounded {
21571
21591
  border-radius: 4px;
21572
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21573
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21574
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21575
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21576
- top: 0px;
21592
+ }.v-img {
21593
+ --v-theme-overlay-multiplier: 3;
21594
+ z-index: 0;
21577
21595
  }
21578
- .v-file-input input[type=file] {
21579
- height: 100%;
21580
- left: 0;
21581
- opacity: 0;
21596
+ .v-img--booting .v-responsive__sizer {
21597
+ transition: none;
21598
+ }
21599
+ .v-img--rounded {
21600
+ border-radius: 4px;
21601
+ }
21602
+
21603
+ .v-img__img,
21604
+ .v-img__picture,
21605
+ .v-img__gradient,
21606
+ .v-img__placeholder,
21607
+ .v-img__error {
21608
+ z-index: -1;
21582
21609
  position: absolute;
21583
21610
  top: 0;
21611
+ left: 0;
21584
21612
  width: 100%;
21585
- z-index: 1;
21613
+ height: 100%;
21586
21614
  }
21587
- .v-file-input .v-input__details {
21588
- padding-inline: 16px;
21615
+
21616
+ .v-img__img--preload {
21617
+ filter: blur(4px);
21589
21618
  }
21590
- .v-input--plain-underlined.v-file-input .v-input__details {
21591
- padding-inline: 0;
21619
+ .v-img__img--contain {
21620
+ object-fit: contain;
21621
+ }
21622
+ .v-img__img--cover {
21623
+ object-fit: cover;
21624
+ }
21625
+
21626
+ .v-img__gradient {
21627
+ background-repeat: no-repeat;
21592
21628
  }.v-icon {
21593
21629
  --v-icon-size-multiplier: 1;
21594
21630
  align-items: center;
@@ -21632,48 +21668,12 @@ textarea.v-field__input::placeholder {
21632
21668
  height: 100%;
21633
21669
  }
21634
21670
 
21635
- .v-icon--start {
21636
- margin-inline-end: 8px;
21637
- }
21638
-
21639
- .v-icon--end {
21640
- margin-inline-start: 8px;
21641
- }.v-img {
21642
- --v-theme-overlay-multiplier: 3;
21643
- z-index: 0;
21644
- }
21645
- .v-img--booting .v-responsive__sizer {
21646
- transition: none;
21647
- }
21648
- .v-img--rounded {
21649
- border-radius: 4px;
21650
- }
21651
-
21652
- .v-img__img,
21653
- .v-img__picture,
21654
- .v-img__gradient,
21655
- .v-img__placeholder,
21656
- .v-img__error {
21657
- z-index: -1;
21658
- position: absolute;
21659
- top: 0;
21660
- left: 0;
21661
- width: 100%;
21662
- height: 100%;
21663
- }
21664
-
21665
- .v-img__img--preload {
21666
- filter: blur(4px);
21667
- }
21668
- .v-img__img--contain {
21669
- object-fit: contain;
21670
- }
21671
- .v-img__img--cover {
21672
- object-fit: cover;
21673
- }
21674
-
21675
- .v-img__gradient {
21676
- background-repeat: no-repeat;
21671
+ .v-icon--start {
21672
+ margin-inline-end: 8px;
21673
+ }
21674
+
21675
+ .v-icon--end {
21676
+ margin-inline-start: 8px;
21677
21677
  }.v-infinite-scroll--horizontal {
21678
21678
  display: flex;
21679
21679
  flex-direction: row;
@@ -21699,6 +21699,11 @@ textarea.v-field__input::placeholder {
21699
21699
  display: flex;
21700
21700
  justify-content: center;
21701
21701
  padding: 8px;
21702
+ }.v-item-group {
21703
+ flex: 0 1 auto;
21704
+ max-width: 100%;
21705
+ position: relative;
21706
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21702
21707
  }.v-input {
21703
21708
  display: grid;
21704
21709
  flex: 1 1 auto;
@@ -21841,26 +21846,6 @@ textarea.v-field__input::placeholder {
21841
21846
 
21842
21847
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21843
21848
  padding-top: calc(var(--v-input-padding-top) + 0px);
21844
- }.v-label {
21845
- align-items: center;
21846
- color: inherit;
21847
- display: inline-flex;
21848
- font-size: 1rem;
21849
- letter-spacing: 0.009375em;
21850
- min-width: 0;
21851
- opacity: var(--v-medium-emphasis-opacity);
21852
- overflow: hidden;
21853
- text-overflow: ellipsis;
21854
- white-space: nowrap;
21855
- }
21856
-
21857
- .v-label--clickable {
21858
- cursor: pointer;
21859
- }.v-item-group {
21860
- flex: 0 1 auto;
21861
- max-width: 100%;
21862
- position: relative;
21863
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21864
21849
  }.v-layout {
21865
21850
  --v-scrollbar-offset: 0px;
21866
21851
  display: flex;
@@ -21876,34 +21861,37 @@ textarea.v-field__input::placeholder {
21876
21861
 
21877
21862
  .v-layout-item--absolute {
21878
21863
  position: absolute;
21879
- }.v-main {
21880
- flex: 1 0 auto;
21881
- max-width: 100%;
21882
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21883
- padding-left: var(--v-layout-left);
21884
- padding-right: var(--v-layout-right);
21885
- padding-top: var(--v-layout-top);
21886
- padding-bottom: var(--v-layout-bottom);
21864
+ }.v-label {
21865
+ align-items: center;
21866
+ color: inherit;
21867
+ display: inline-flex;
21868
+ font-size: 1rem;
21869
+ letter-spacing: 0.009375em;
21870
+ min-width: 0;
21871
+ opacity: var(--v-medium-emphasis-opacity);
21872
+ overflow: hidden;
21873
+ text-overflow: ellipsis;
21874
+ white-space: nowrap;
21887
21875
  }
21888
- .v-main__scroller {
21889
- max-width: 100%;
21876
+
21877
+ .v-label--clickable {
21878
+ cursor: pointer;
21879
+ }.v-messages {
21880
+ flex: 1 1 auto;
21881
+ font-size: 12px;
21882
+ min-height: 14px;
21883
+ min-width: 1px;
21884
+ opacity: var(--v-medium-emphasis-opacity);
21890
21885
  position: relative;
21891
21886
  }
21892
- .v-main--scrollable {
21893
- display: flex;
21894
- position: absolute;
21895
- top: 0;
21896
- left: 0;
21897
- width: 100%;
21898
- height: 100%;
21899
- }
21900
- .v-main--scrollable > .v-main__scroller {
21901
- flex: 1 1 auto;
21902
- overflow-y: auto;
21903
- --v-layout-left: 0px;
21904
- --v-layout-right: 0px;
21905
- --v-layout-top: 0px;
21906
- --v-layout-bottom: 0px;
21887
+ .v-messages__message {
21888
+ line-height: 12px;
21889
+ word-break: break-word;
21890
+ overflow-wrap: break-word;
21891
+ word-wrap: break-word;
21892
+ -webkit-hyphens: auto;
21893
+ hyphens: auto;
21894
+ transition-duration: 150ms;
21907
21895
  }.v-list {
21908
21896
  overflow: auto;
21909
21897
  padding: 8px 0;
@@ -22470,6 +22458,34 @@ textarea.v-field__input::placeholder {
22470
22458
  overflow: auto;
22471
22459
  height: 100%;
22472
22460
  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-ambient-opacity, rgba(0, 0, 0, 0.12));
22461
+ }.v-main {
22462
+ flex: 1 0 auto;
22463
+ max-width: 100%;
22464
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22465
+ padding-left: var(--v-layout-left);
22466
+ padding-right: var(--v-layout-right);
22467
+ padding-top: var(--v-layout-top);
22468
+ padding-bottom: var(--v-layout-bottom);
22469
+ }
22470
+ .v-main__scroller {
22471
+ max-width: 100%;
22472
+ position: relative;
22473
+ }
22474
+ .v-main--scrollable {
22475
+ display: flex;
22476
+ position: absolute;
22477
+ top: 0;
22478
+ left: 0;
22479
+ width: 100%;
22480
+ height: 100%;
22481
+ }
22482
+ .v-main--scrollable > .v-main__scroller {
22483
+ flex: 1 1 auto;
22484
+ overflow-y: auto;
22485
+ --v-layout-left: 0px;
22486
+ --v-layout-right: 0px;
22487
+ --v-layout-top: 0px;
22488
+ --v-layout-bottom: 0px;
22473
22489
  }.v-navigation-drawer {
22474
22490
  -webkit-overflow-scrolling: touch;
22475
22491
  background: rgb(var(--v-theme-surface));
@@ -22568,22 +22584,6 @@ textarea.v-field__input::placeholder {
22568
22584
  .v-navigation-drawer__append {
22569
22585
  flex: none;
22570
22586
  overflow: hidden;
22571
- }.v-messages {
22572
- flex: 1 1 auto;
22573
- font-size: 12px;
22574
- min-height: 14px;
22575
- min-width: 1px;
22576
- opacity: var(--v-medium-emphasis-opacity);
22577
- position: relative;
22578
- }
22579
- .v-messages__message {
22580
- line-height: 12px;
22581
- word-break: break-word;
22582
- overflow-wrap: break-word;
22583
- word-wrap: break-word;
22584
- -webkit-hyphens: auto;
22585
- hyphens: auto;
22586
- transition-duration: 150ms;
22587
22587
  }.v-otp-input {
22588
22588
  border-radius: 4px;
22589
22589
  align-items: center;
@@ -22640,6 +22640,14 @@ textarea.v-field__input::placeholder {
22640
22640
  }
22641
22641
  .v-otp-input__loader .v-progress-linear {
22642
22642
  position: absolute;
22643
+ }.v-pagination__list {
22644
+ display: inline-flex;
22645
+ list-style-type: none;
22646
+ justify-content: center;
22647
+ width: 100%;
22648
+ }
22649
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22650
+ margin: 0.3rem;
22643
22651
  }.v-overlay-container {
22644
22652
  contain: layout;
22645
22653
  left: 0;
@@ -22703,6 +22711,12 @@ html.v-overlay-scroll-blocked {
22703
22711
 
22704
22712
  .v-overlay--scroll-blocked {
22705
22713
  padding-inline-end: var(--v-scrollbar-offset);
22714
+ }.v-parallax {
22715
+ position: relative;
22716
+ overflow: hidden;
22717
+ }
22718
+ .v-parallax--active > .v-img__img {
22719
+ will-change: transform;
22706
22720
  }.v-progress-linear {
22707
22721
  background: transparent;
22708
22722
  overflow: hidden;
@@ -22913,14 +22927,63 @@ html.v-overlay-scroll-blocked {
22913
22927
  0% {
22914
22928
  background-position-x: var(--v-progress-linear-height);
22915
22929
  }
22916
- }.v-pagination__list {
22917
- display: inline-flex;
22918
- list-style-type: none;
22919
- justify-content: center;
22930
+ }.v-slider .v-slider__container input {
22931
+ cursor: default;
22932
+ padding: 0;
22920
22933
  width: 100%;
22934
+ display: none;
22921
22935
  }
22922
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22923
- margin: 0.3rem;
22936
+ .v-slider > .v-input__append,
22937
+ .v-slider > .v-input__prepend {
22938
+ padding: 0;
22939
+ }
22940
+
22941
+ .v-slider__container {
22942
+ position: relative;
22943
+ min-height: inherit;
22944
+ width: 100%;
22945
+ height: 100%;
22946
+ display: flex;
22947
+ justify-content: center;
22948
+ align-items: center;
22949
+ cursor: pointer;
22950
+ }
22951
+ .v-input--disabled .v-slider__container {
22952
+ opacity: var(--v-disabled-opacity);
22953
+ }
22954
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
22955
+ color: rgb(var(--v-theme-error));
22956
+ }
22957
+
22958
+ .v-slider.v-input--horizontal {
22959
+ align-items: center;
22960
+ margin-inline: 8px 8px;
22961
+ }
22962
+ .v-slider.v-input--horizontal > .v-input__control {
22963
+ min-height: 32px;
22964
+ display: flex;
22965
+ align-items: center;
22966
+ }
22967
+
22968
+ .v-slider.v-input--vertical {
22969
+ justify-content: center;
22970
+ margin-top: 12px;
22971
+ margin-bottom: 12px;
22972
+ }
22973
+ .v-slider.v-input--vertical > .v-input__control {
22974
+ min-height: 300px;
22975
+ }
22976
+
22977
+ .v-slider.v-input--disabled {
22978
+ pointer-events: none;
22979
+ }
22980
+
22981
+ .v-slider--has-labels > .v-input__control {
22982
+ margin-bottom: 4px;
22983
+ }
22984
+
22985
+ .v-slider__label {
22986
+ margin-inline-end: 12px;
22924
22987
  }.v-progress-circular {
22925
22988
  align-items: center;
22926
22989
  display: inline-flex;
@@ -23023,24 +23086,6 @@ html.v-overlay-scroll-blocked {
23023
23086
  100% {
23024
23087
  transform: rotate(270deg);
23025
23088
  }
23026
- }.v-parallax {
23027
- position: relative;
23028
- overflow: hidden;
23029
- }
23030
- .v-parallax--active > .v-img__img {
23031
- will-change: transform;
23032
- }.v-radio-group > .v-input__control {
23033
- flex-direction: column;
23034
- }
23035
- .v-radio-group > .v-input__control > .v-label {
23036
- margin-inline-start: 16px;
23037
- }
23038
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23039
- padding-inline-start: 6px;
23040
- margin-top: 8px;
23041
- }
23042
- .v-radio-group .v-input__details {
23043
- padding-inline: 16px;
23044
23089
  }.v-rating {
23045
23090
  max-width: 100%;
23046
23091
  display: inline-flex;
@@ -23086,72 +23131,53 @@ html.v-overlay-scroll-blocked {
23086
23131
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23087
23132
  z-index: 1;
23088
23133
  }
23089
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23090
- opacity: 0;
23091
- }
23092
-
23093
- .v-rating__hidden {
23094
- height: 0;
23095
- opacity: 0;
23096
- position: absolute;
23097
- width: 0;
23098
- }.v-slider .v-slider__container input {
23099
- cursor: default;
23100
- padding: 0;
23101
- width: 100%;
23102
- display: none;
23103
- }
23104
- .v-slider > .v-input__append,
23105
- .v-slider > .v-input__prepend {
23106
- padding: 0;
23107
- }
23108
-
23109
- .v-slider__container {
23110
- position: relative;
23111
- min-height: inherit;
23112
- width: 100%;
23113
- height: 100%;
23114
- display: flex;
23115
- justify-content: center;
23116
- align-items: center;
23117
- cursor: pointer;
23118
- }
23119
- .v-input--disabled .v-slider__container {
23120
- opacity: var(--v-disabled-opacity);
23121
- }
23122
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23123
- color: rgb(var(--v-theme-error));
23134
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23135
+ opacity: 0;
23124
23136
  }
23125
23137
 
23126
- .v-slider.v-input--horizontal {
23127
- align-items: center;
23128
- margin-inline: 8px 8px;
23129
- }
23130
- .v-slider.v-input--horizontal > .v-input__control {
23131
- min-height: 32px;
23138
+ .v-rating__hidden {
23139
+ height: 0;
23140
+ opacity: 0;
23141
+ position: absolute;
23142
+ width: 0;
23143
+ }.v-responsive {
23132
23144
  display: flex;
23133
- align-items: center;
23145
+ flex: 1 0 auto;
23146
+ max-height: 100%;
23147
+ max-width: 100%;
23148
+ overflow: hidden;
23149
+ position: relative;
23150
+ }
23151
+ .v-responsive--inline {
23152
+ display: inline-flex;
23153
+ flex: 0 0 auto;
23134
23154
  }
23135
23155
 
23136
- .v-slider.v-input--vertical {
23137
- justify-content: center;
23138
- margin-top: 12px;
23139
- margin-bottom: 12px;
23156
+ .v-responsive__content {
23157
+ flex: 1 0 0px;
23158
+ max-width: 100%;
23140
23159
  }
23141
- .v-slider.v-input--vertical > .v-input__control {
23142
- min-height: 300px;
23160
+
23161
+ .v-responsive__sizer ~ .v-responsive__content {
23162
+ margin-inline-start: -100%;
23143
23163
  }
23144
23164
 
23145
- .v-slider.v-input--disabled {
23165
+ .v-responsive__sizer {
23166
+ flex: 1 0 0px;
23167
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23146
23168
  pointer-events: none;
23169
+ }.v-radio-group > .v-input__control {
23170
+ flex-direction: column;
23147
23171
  }
23148
-
23149
- .v-slider--has-labels > .v-input__control {
23150
- margin-bottom: 4px;
23172
+ .v-radio-group > .v-input__control > .v-label {
23173
+ margin-inline-start: 16px;
23151
23174
  }
23152
-
23153
- .v-slider__label {
23154
- margin-inline-end: 12px;
23175
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23176
+ padding-inline-start: 6px;
23177
+ margin-top: 8px;
23178
+ }
23179
+ .v-radio-group .v-input__details {
23180
+ padding-inline: 16px;
23155
23181
  }.v-select .v-field .v-text-field__prefix,
23156
23182
  .v-select .v-field .v-text-field__suffix,
23157
23183
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23200,32 +23226,6 @@ html.v-overlay-scroll-blocked {
23200
23226
  .v-select--active-menu .v-select__menu-icon {
23201
23227
  opacity: var(--v-high-emphasis-opacity);
23202
23228
  transform: rotate(180deg);
23203
- }.v-responsive {
23204
- display: flex;
23205
- flex: 1 0 auto;
23206
- max-height: 100%;
23207
- max-width: 100%;
23208
- overflow: hidden;
23209
- position: relative;
23210
- }
23211
- .v-responsive--inline {
23212
- display: inline-flex;
23213
- flex: 0 0 auto;
23214
- }
23215
-
23216
- .v-responsive__content {
23217
- flex: 1 0 0px;
23218
- max-width: 100%;
23219
- }
23220
-
23221
- .v-responsive__sizer ~ .v-responsive__content {
23222
- margin-inline-start: -100%;
23223
- }
23224
-
23225
- .v-responsive__sizer {
23226
- flex: 1 0 0px;
23227
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23228
- pointer-events: none;
23229
23229
  }.v-selection-control {
23230
23230
  align-items: center;
23231
23231
  contain: layout;
@@ -23363,48 +23363,6 @@ html.v-overlay-scroll-blocked {
23363
23363
  .v-selection-control-group--inline {
23364
23364
  flex-direction: row;
23365
23365
  flex-wrap: wrap;
23366
- }.v-slide-group {
23367
- display: flex;
23368
- overflow: hidden;
23369
- }
23370
-
23371
- .v-slide-group__next,
23372
- .v-slide-group__prev {
23373
- align-items: center;
23374
- display: flex;
23375
- flex: 0 1 52px;
23376
- justify-content: center;
23377
- min-width: 52px;
23378
- cursor: pointer;
23379
- }
23380
- .v-slide-group__next--disabled,
23381
- .v-slide-group__prev--disabled {
23382
- pointer-events: none;
23383
- opacity: var(--v-disabled-opacity);
23384
- }
23385
-
23386
- .v-slide-group__content {
23387
- display: flex;
23388
- flex: 1 0 auto;
23389
- position: relative;
23390
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23391
- white-space: nowrap;
23392
- }
23393
- .v-slide-group__content > * {
23394
- white-space: initial;
23395
- }
23396
-
23397
- .v-slide-group__container {
23398
- contain: content;
23399
- display: flex;
23400
- flex: 1 1 auto;
23401
- overflow: hidden;
23402
- }
23403
-
23404
- .v-slide-group--vertical,
23405
- .v-slide-group--vertical .v-slide-group__container,
23406
- .v-slide-group--vertical .v-slide-group__content {
23407
- flex-direction: column;
23408
23366
  }.v-skeleton-loader {
23409
23367
  align-items: center;
23410
23368
  background: rgb(var(--v-theme-surface));
@@ -23558,192 +23516,76 @@ html.v-overlay-scroll-blocked {
23558
23516
  .v-skeleton-loader__list-item .v-skeleton-loader__text {
23559
23517
  margin: 0;
23560
23518
  }
23561
- .v-skeleton-loader__table-thead {
23562
- justify-content: space-between;
23563
- }
23564
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23565
- margin-top: 16px;
23566
- max-width: 16px;
23567
- }
23568
- .v-skeleton-loader__table-tfoot {
23569
- flex-wrap: nowrap;
23570
- }
23571
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23572
- margin-top: 16px;
23573
- }
23574
- .v-skeleton-loader__table-row {
23575
- align-items: baseline;
23576
- margin: 0 8px;
23577
- justify-content: space-evenly;
23578
- flex-wrap: nowrap;
23579
- }
23580
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23581
- margin-inline: 8px;
23582
- }
23583
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23584
- margin: 0 16px;
23585
- }
23586
- .v-skeleton-loader__table-cell {
23587
- align-items: center;
23588
- display: flex;
23589
- height: 48px;
23590
- width: 88px;
23591
- }
23592
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23593
- margin-bottom: 0;
23594
- }
23595
- .v-skeleton-loader__subtitle {
23596
- max-width: 70%;
23597
- }
23598
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23599
- height: 16px;
23600
- border-radius: 8px;
23601
- }
23602
- .v-skeleton-loader__text {
23603
- border-radius: 6px;
23604
- margin: 16px;
23605
- height: 12px;
23606
- }
23607
- .v-skeleton-loader__text + .v-skeleton-loader__text {
23608
- margin-top: -8px;
23609
- max-width: 50%;
23610
- }
23611
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23612
- max-width: 70%;
23613
- }
23614
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23615
- display: none;
23616
- }
23617
- .v-skeleton-loader--is-loading {
23618
- overflow: hidden;
23619
- }
23620
- .v-skeleton-loader--tile {
23621
- border-radius: 0;
23622
- }
23623
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23624
- border-radius: 0;
23625
- }
23626
-
23627
- @keyframes loading {
23628
- 100% {
23629
- transform: translateX(100%);
23630
- }
23631
- }.v-stepper.v-sheet {
23632
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23633
- border-radius: 4px;
23634
- overflow: hidden;
23635
- }
23636
- .v-stepper.v-sheet.v-stepper--flat {
23637
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23638
- }
23639
-
23640
- .v-stepper-header {
23641
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23642
- align-items: center;
23643
- display: flex;
23644
- position: relative;
23645
- overflow-x: auto;
23646
- justify-content: space-between;
23647
- z-index: 1;
23648
- }
23649
- .v-stepper-header .v-divider {
23650
- margin: 0 -16px;
23651
- }
23652
- .v-stepper-header .v-divider:last-child {
23653
- margin-inline-end: 0;
23654
- }
23655
- .v-stepper-header .v-divider:first-child {
23656
- margin-inline-start: 0;
23657
- }
23658
- .v-stepper--alt-labels .v-stepper-header {
23659
- height: auto;
23660
- }
23661
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23662
- align-self: flex-start;
23663
- margin: 35px -67px 0;
23664
- }
23665
-
23666
- .v-stepper-window {
23667
- margin: 1.5rem;
23668
- }
23669
-
23670
- .v-stepper-actions {
23671
- display: flex;
23672
- align-items: center;
23673
- justify-content: space-between;
23674
- padding: 1rem;
23675
- }
23676
- .v-stepper .v-stepper-actions {
23677
- padding: 0 1.5rem 1rem;
23678
- }
23679
- .v-stepper-window-item .v-stepper-actions {
23680
- padding: 1.5rem 0 0;
23681
- }.v-stepper-item {
23682
- align-items: center;
23683
- align-self: stretch;
23684
- display: inline-flex;
23685
- flex: none;
23686
- opacity: var(--v-medium-emphasis-opacity);
23687
- padding: 1.5rem;
23688
- transition-duration: 0.2s;
23689
- transition-property: opacity;
23690
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23519
+ .v-skeleton-loader__table-thead {
23520
+ justify-content: space-between;
23691
23521
  }
23692
- .v-stepper-item--selected {
23693
- opacity: 1;
23522
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23523
+ margin-top: 16px;
23524
+ max-width: 16px;
23694
23525
  }
23695
- .v-stepper-item--error {
23696
- color: rgb(var(--v-theme-error));
23526
+ .v-skeleton-loader__table-tfoot {
23527
+ flex-wrap: nowrap;
23697
23528
  }
23698
- .v-stepper-item--disabled {
23699
- opacity: var(--v-medium-emphasis-opacity);
23700
- pointer-events: none;
23529
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23530
+ margin-top: 16px;
23701
23531
  }
23702
- .v-stepper--alt-labels .v-stepper-item {
23703
- flex-direction: column;
23704
- justify-content: flex-start;
23532
+ .v-skeleton-loader__table-row {
23533
+ align-items: baseline;
23534
+ margin: 0 8px;
23535
+ justify-content: space-evenly;
23536
+ flex-wrap: nowrap;
23537
+ }
23538
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23539
+ margin-inline: 8px;
23540
+ }
23541
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23542
+ margin: 0 16px;
23543
+ }
23544
+ .v-skeleton-loader__table-cell {
23705
23545
  align-items: center;
23706
- flex-basis: 175px;
23546
+ display: flex;
23547
+ height: 48px;
23548
+ width: 88px;
23707
23549
  }
23708
-
23709
- .v-stepper-item__avatar.v-avatar {
23710
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23711
- color: rgb(var(--v-theme-on-surface-variant));
23712
- font-size: 0.75rem;
23713
- margin-inline-end: 8px;
23550
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23551
+ margin-bottom: 0;
23714
23552
  }
23715
- .v-stepper-item__avatar.v-avatar .v-icon {
23716
- font-size: 0.875rem;
23553
+ .v-skeleton-loader__subtitle {
23554
+ max-width: 70%;
23717
23555
  }
23718
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23719
- background: rgb(var(--v-theme-surface-variant));
23556
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23557
+ height: 16px;
23558
+ border-radius: 8px;
23720
23559
  }
23721
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23722
- background: rgb(var(--v-theme-error));
23560
+ .v-skeleton-loader__text {
23561
+ border-radius: 6px;
23562
+ margin: 16px;
23563
+ height: 12px;
23723
23564
  }
23724
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23725
- margin-bottom: 16px;
23726
- margin-inline-end: 0;
23565
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23566
+ margin-top: -8px;
23567
+ max-width: 50%;
23727
23568
  }
23728
-
23729
- .v-stepper-item__title {
23730
- line-height: 1;
23569
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23570
+ max-width: 70%;
23731
23571
  }
23732
- .v-stepper--mobile .v-stepper-item__title {
23572
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23733
23573
  display: none;
23734
23574
  }
23735
-
23736
- .v-stepper-item__subtitle {
23737
- font-size: 0.75rem;
23738
- text-align: left;
23739
- line-height: 1;
23740
- opacity: var(--v-medium-emphasis-opacity);
23575
+ .v-skeleton-loader--is-loading {
23576
+ overflow: hidden;
23741
23577
  }
23742
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23743
- text-align: center;
23578
+ .v-skeleton-loader--tile {
23579
+ border-radius: 0;
23744
23580
  }
23745
- .v-stepper--mobile .v-stepper-item__subtitle {
23746
- display: none;
23581
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23582
+ border-radius: 0;
23583
+ }
23584
+
23585
+ @keyframes loading {
23586
+ 100% {
23587
+ transform: translateX(100%);
23588
+ }
23747
23589
  }.v-snackbar {
23748
23590
  justify-content: center;
23749
23591
  z-index: 10000;
@@ -23863,144 +23705,164 @@ html.v-overlay-scroll-blocked {
23863
23705
  }
23864
23706
  .v-snackbar-transition-leave-to {
23865
23707
  opacity: 0;
23866
- }.v-table {
23867
- background: rgb(var(--v-theme-surface));
23868
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23869
- font-size: 0.875rem;
23870
- transition-duration: 0.28s;
23871
- transition-property: box-shadow, opacity, background, height;
23872
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23873
- }
23874
- .v-table .v-table-divider {
23875
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23876
- }
23877
- .v-table .v-table__wrapper > table > thead > tr > th {
23878
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23708
+ }.v-slide-group {
23709
+ display: flex;
23710
+ overflow: hidden;
23879
23711
  }
23880
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23881
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23882
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23712
+
23713
+ .v-slide-group__next,
23714
+ .v-slide-group__prev {
23715
+ align-items: center;
23716
+ display: flex;
23717
+ flex: 0 1 52px;
23718
+ justify-content: center;
23719
+ min-width: 52px;
23720
+ cursor: pointer;
23883
23721
  }
23884
- .v-table .v-table__wrapper > table > tfoot > tr > td,
23885
- .v-table .v-table__wrapper > table > tfoot > tr > th {
23886
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23722
+ .v-slide-group__next--disabled,
23723
+ .v-slide-group__prev--disabled {
23724
+ pointer-events: none;
23725
+ opacity: var(--v-disabled-opacity);
23887
23726
  }
23888
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23727
+
23728
+ .v-slide-group__content {
23729
+ display: flex;
23730
+ flex: 1 0 auto;
23889
23731
  position: relative;
23732
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23733
+ white-space: nowrap;
23890
23734
  }
23891
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23892
- content: "";
23893
- position: absolute;
23894
- top: 0;
23895
- left: 0;
23896
- width: 100%;
23897
- height: 100%;
23898
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
23899
- pointer-events: none;
23735
+ .v-slide-group__content > * {
23736
+ white-space: initial;
23900
23737
  }
23901
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23902
- background: rgb(var(--v-theme-surface));
23903
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23904
- z-index: 1;
23738
+
23739
+ .v-slide-group__container {
23740
+ contain: content;
23741
+ display: flex;
23742
+ flex: 1 1 auto;
23743
+ overflow: hidden;
23905
23744
  }
23906
- .v-table.v-table--fixed-footer > tfoot > tr > th,
23907
- .v-table.v-table--fixed-footer > tfoot > tr > td {
23908
- background: rgb(var(--v-theme-surface));
23909
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23745
+
23746
+ .v-slide-group--vertical,
23747
+ .v-slide-group--vertical .v-slide-group__container,
23748
+ .v-slide-group--vertical .v-slide-group__content {
23749
+ flex-direction: column;
23750
+ }.v-stepper.v-sheet {
23751
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23752
+ border-radius: 4px;
23753
+ overflow: hidden;
23754
+ }
23755
+ .v-stepper.v-sheet.v-stepper--flat {
23756
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23910
23757
  }
23911
23758
 
23912
- .v-table {
23913
- border-radius: inherit;
23914
- line-height: 1.5;
23915
- max-width: 100%;
23759
+ .v-stepper-header {
23760
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23761
+ align-items: center;
23916
23762
  display: flex;
23917
- flex-direction: column;
23763
+ position: relative;
23764
+ overflow-x: auto;
23765
+ justify-content: space-between;
23766
+ z-index: 1;
23918
23767
  }
23919
- .v-table > .v-table__wrapper > table {
23920
- width: 100%;
23921
- border-spacing: 0;
23768
+ .v-stepper-header .v-divider {
23769
+ margin: 0 -16px;
23922
23770
  }
23923
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23924
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23925
- .v-table > .v-table__wrapper > table > thead > tr > td,
23926
- .v-table > .v-table__wrapper > table > thead > tr > th,
23927
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
23928
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23929
- padding: 0 16px;
23930
- transition-duration: 0.28s;
23931
- transition-property: box-shadow, opacity, background, height;
23932
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23771
+ .v-stepper-header .v-divider:last-child {
23772
+ margin-inline-end: 0;
23933
23773
  }
23934
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23935
- .v-table > .v-table__wrapper > table > thead > tr > td,
23936
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
23937
- height: var(--v-table-row-height);
23774
+ .v-stepper-header .v-divider:first-child {
23775
+ margin-inline-start: 0;
23938
23776
  }
23939
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23940
- .v-table > .v-table__wrapper > table > thead > tr > th,
23941
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23942
- height: var(--v-table-header-height);
23943
- font-weight: 500;
23944
- -webkit-user-select: none;
23945
- user-select: none;
23946
- text-align: start;
23777
+ .v-stepper--alt-labels .v-stepper-header {
23778
+ height: auto;
23947
23779
  }
23948
- .v-table--density-default {
23949
- --v-table-header-height: 56px;
23950
- --v-table-row-height: 52px;
23780
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23781
+ align-self: flex-start;
23782
+ margin: 35px -67px 0;
23951
23783
  }
23952
23784
 
23953
- .v-table--density-comfortable {
23954
- --v-table-header-height: 48px;
23955
- --v-table-row-height: 44px;
23785
+ .v-stepper-window {
23786
+ margin: 1.5rem;
23787
+ }
23788
+
23789
+ .v-stepper-actions {
23790
+ display: flex;
23791
+ align-items: center;
23792
+ justify-content: space-between;
23793
+ padding: 1rem;
23794
+ }
23795
+ .v-stepper .v-stepper-actions {
23796
+ padding: 0 1.5rem 1rem;
23797
+ }
23798
+ .v-stepper-window-item .v-stepper-actions {
23799
+ padding: 1.5rem 0 0;
23800
+ }.v-stepper-item {
23801
+ align-items: center;
23802
+ align-self: stretch;
23803
+ display: inline-flex;
23804
+ flex: none;
23805
+ opacity: var(--v-medium-emphasis-opacity);
23806
+ padding: 1.5rem;
23807
+ transition-duration: 0.2s;
23808
+ transition-property: opacity;
23809
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23810
+ }
23811
+ .v-stepper-item--selected {
23812
+ opacity: 1;
23813
+ }
23814
+ .v-stepper-item--error {
23815
+ color: rgb(var(--v-theme-error));
23956
23816
  }
23957
-
23958
- .v-table--density-compact {
23959
- --v-table-header-height: 40px;
23960
- --v-table-row-height: 36px;
23817
+ .v-stepper-item--disabled {
23818
+ opacity: var(--v-medium-emphasis-opacity);
23819
+ pointer-events: none;
23961
23820
  }
23962
-
23963
- .v-table__wrapper {
23964
- border-radius: inherit;
23965
- overflow: auto;
23966
- flex: 1 1 auto;
23821
+ .v-stepper--alt-labels .v-stepper-item {
23822
+ flex-direction: column;
23823
+ justify-content: flex-start;
23824
+ align-items: center;
23825
+ flex-basis: 175px;
23967
23826
  }
23968
23827
 
23969
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23970
- border-top-left-radius: 0;
23828
+ .v-stepper-item__avatar.v-avatar {
23829
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23830
+ color: rgb(var(--v-theme-on-surface-variant));
23831
+ font-size: 0.75rem;
23832
+ margin-inline-end: 8px;
23971
23833
  }
23972
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23973
- border-top-right-radius: 0;
23834
+ .v-stepper-item__avatar.v-avatar .v-icon {
23835
+ font-size: 0.875rem;
23974
23836
  }
23975
-
23976
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23977
- border-bottom-left-radius: 0;
23837
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23838
+ background: rgb(var(--v-theme-surface-variant));
23978
23839
  }
23979
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23980
- border-bottom-right-radius: 0;
23840
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23841
+ background: rgb(var(--v-theme-error));
23981
23842
  }
23982
-
23983
- .v-table--fixed-height > .v-table__wrapper {
23984
- overflow-y: auto;
23843
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23844
+ margin-bottom: 16px;
23845
+ margin-inline-end: 0;
23985
23846
  }
23986
23847
 
23987
- .v-table--fixed-header > .v-table__wrapper > table > thead {
23988
- position: sticky;
23989
- top: 0;
23990
- z-index: 2;
23848
+ .v-stepper-item__title {
23849
+ line-height: 1;
23991
23850
  }
23992
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23993
- border-bottom: 0px !important;
23851
+ .v-stepper--mobile .v-stepper-item__title {
23852
+ display: none;
23994
23853
  }
23995
23854
 
23996
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23997
- position: sticky;
23998
- bottom: 0;
23999
- z-index: 1;
23855
+ .v-stepper-item__subtitle {
23856
+ font-size: 0.75rem;
23857
+ text-align: left;
23858
+ line-height: 1;
23859
+ opacity: var(--v-medium-emphasis-opacity);
24000
23860
  }
24001
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24002
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24003
- border-top: 0px !important;
23861
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23862
+ text-align: center;
23863
+ }
23864
+ .v-stepper--mobile .v-stepper-item__subtitle {
23865
+ display: none;
24004
23866
  }.v-switch .v-label {
24005
23867
  padding-inline-start: 10px;
24006
23868
  }
@@ -24115,6 +23977,101 @@ html.v-overlay-scroll-blocked {
24115
23977
  }
24116
23978
  .v-switch.v-switch--inset .v-selection-control__wrapper {
24117
23979
  width: auto;
23980
+ }.v-tab.v-tab.v-btn {
23981
+ height: var(--v-tabs-height);
23982
+ border-radius: 0;
23983
+ min-width: 90px;
23984
+ }
23985
+ .v-slide-group--horizontal .v-tab {
23986
+ max-width: 360px;
23987
+ }
23988
+ .v-slide-group--vertical .v-tab {
23989
+ justify-content: start;
23990
+ }
23991
+
23992
+ .v-tab__slider {
23993
+ position: absolute;
23994
+ bottom: 0;
23995
+ left: 0;
23996
+ height: 2px;
23997
+ width: 100%;
23998
+ background: currentColor;
23999
+ pointer-events: none;
24000
+ opacity: 0;
24001
+ }
24002
+ .v-tab--selected .v-tab__slider {
24003
+ opacity: 1;
24004
+ }
24005
+ .v-slide-group--vertical .v-tab__slider {
24006
+ top: 0;
24007
+ height: 100%;
24008
+ width: 2px;
24009
+ }.v-tabs {
24010
+ display: flex;
24011
+ height: var(--v-tabs-height);
24012
+ }
24013
+ .v-tabs--density-default {
24014
+ --v-tabs-height: 48px;
24015
+ }
24016
+ .v-tabs--density-default.v-tabs--stacked {
24017
+ --v-tabs-height: 72px;
24018
+ }
24019
+
24020
+ .v-tabs--density-comfortable {
24021
+ --v-tabs-height: 44px;
24022
+ }
24023
+ .v-tabs--density-comfortable.v-tabs--stacked {
24024
+ --v-tabs-height: 68px;
24025
+ }
24026
+
24027
+ .v-tabs--density-compact {
24028
+ --v-tabs-height: 36px;
24029
+ }
24030
+ .v-tabs--density-compact.v-tabs--stacked {
24031
+ --v-tabs-height: 60px;
24032
+ }
24033
+
24034
+ .v-tabs.v-slide-group--vertical {
24035
+ height: auto;
24036
+ flex: none;
24037
+ --v-tabs-height: 48px;
24038
+ }
24039
+
24040
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24041
+ margin-inline-start: 42px;
24042
+ }
24043
+
24044
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24045
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24046
+ margin-inline-end: auto;
24047
+ }
24048
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24049
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24050
+ margin-inline-start: auto;
24051
+ }
24052
+
24053
+ .v-tabs--grow {
24054
+ flex-grow: 1;
24055
+ }
24056
+ .v-tabs--grow .v-tab {
24057
+ flex: 1 0 auto;
24058
+ max-width: none;
24059
+ }
24060
+
24061
+ .v-tabs--align-tabs-end .v-tab:first-child {
24062
+ margin-inline-start: auto;
24063
+ }
24064
+ .v-tabs--align-tabs-end .v-tab:last-child {
24065
+ margin-inline-end: 0;
24066
+ }
24067
+
24068
+ @media (max-width: 1279.98px) {
24069
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24070
+ margin-inline-start: 52px;
24071
+ }
24072
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24073
+ margin-inline-end: 52px;
24074
+ }
24118
24075
  }.v-system-bar {
24119
24076
  align-items: center;
24120
24077
  display: flex;
@@ -24135,62 +24092,161 @@ html.v-overlay-scroll-blocked {
24135
24092
  line-height: 1.25rem;
24136
24093
  text-transform: none;
24137
24094
  }
24138
- .v-system-bar .v-icon {
24139
- opacity: var(--v-medium-emphasis-opacity);
24095
+ .v-system-bar .v-icon {
24096
+ opacity: var(--v-medium-emphasis-opacity);
24097
+ }
24098
+ .v-system-bar--absolute {
24099
+ position: absolute;
24100
+ }
24101
+ .v-system-bar--fixed {
24102
+ position: fixed;
24103
+ }
24104
+ .v-system-bar--rounded {
24105
+ border-radius: 0;
24106
+ }
24107
+ .v-system-bar--window {
24108
+ height: 32px;
24109
+ }
24110
+ .v-system-bar:not(.v-system-bar--absolute) {
24111
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24112
+ }.v-table {
24113
+ background: rgb(var(--v-theme-surface));
24114
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24115
+ font-size: 0.875rem;
24116
+ transition-duration: 0.28s;
24117
+ transition-property: box-shadow, opacity, background, height;
24118
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24119
+ }
24120
+ .v-table .v-table-divider {
24121
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24122
+ }
24123
+ .v-table .v-table__wrapper > table > thead > tr > th {
24124
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24125
+ }
24126
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24127
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24128
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24129
+ }
24130
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24131
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24132
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24133
+ }
24134
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24135
+ position: relative;
24136
+ }
24137
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24138
+ content: "";
24139
+ position: absolute;
24140
+ top: 0;
24141
+ left: 0;
24142
+ width: 100%;
24143
+ height: 100%;
24144
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24145
+ pointer-events: none;
24146
+ }
24147
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24148
+ background: rgb(var(--v-theme-surface));
24149
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24150
+ z-index: 1;
24151
+ }
24152
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
24153
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
24154
+ background: rgb(var(--v-theme-surface));
24155
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24156
+ }
24157
+
24158
+ .v-table {
24159
+ border-radius: inherit;
24160
+ line-height: 1.5;
24161
+ max-width: 100%;
24162
+ display: flex;
24163
+ flex-direction: column;
24164
+ }
24165
+ .v-table > .v-table__wrapper > table {
24166
+ width: 100%;
24167
+ border-spacing: 0;
24168
+ }
24169
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24170
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24171
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24172
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24173
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
24174
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24175
+ padding: 0 16px;
24176
+ transition-duration: 0.28s;
24177
+ transition-property: box-shadow, opacity, background, height;
24178
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24179
+ }
24180
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24181
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24182
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
24183
+ height: var(--v-table-row-height);
24184
+ }
24185
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24186
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24187
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24188
+ height: var(--v-table-header-height);
24189
+ font-weight: 500;
24190
+ -webkit-user-select: none;
24191
+ user-select: none;
24192
+ text-align: start;
24140
24193
  }
24141
- .v-system-bar--absolute {
24142
- position: absolute;
24194
+ .v-table--density-default {
24195
+ --v-table-header-height: 56px;
24196
+ --v-table-row-height: 52px;
24143
24197
  }
24144
- .v-system-bar--fixed {
24145
- position: fixed;
24198
+
24199
+ .v-table--density-comfortable {
24200
+ --v-table-header-height: 48px;
24201
+ --v-table-row-height: 44px;
24146
24202
  }
24147
- .v-system-bar--rounded {
24148
- border-radius: 0;
24203
+
24204
+ .v-table--density-compact {
24205
+ --v-table-header-height: 40px;
24206
+ --v-table-row-height: 36px;
24149
24207
  }
24150
- .v-system-bar--window {
24151
- height: 32px;
24208
+
24209
+ .v-table__wrapper {
24210
+ border-radius: inherit;
24211
+ overflow: auto;
24212
+ flex: 1 1 auto;
24152
24213
  }
24153
- .v-system-bar:not(.v-system-bar--absolute) {
24154
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24155
- }.v-textarea .v-field {
24156
- --v-textarea-control-height: var(--v-input-control-height);
24214
+
24215
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24216
+ border-top-left-radius: 0;
24157
24217
  }
24158
- .v-textarea .v-field__field {
24159
- --v-input-control-height: var(--v-textarea-control-height);
24218
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24219
+ border-top-right-radius: 0;
24160
24220
  }
24161
- .v-textarea .v-field__input {
24162
- flex: 1 1 auto;
24163
- outline: none;
24164
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24165
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24221
+
24222
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24223
+ border-bottom-left-radius: 0;
24166
24224
  }
24167
- .v-textarea .v-field__input.v-textarea__sizer {
24168
- visibility: hidden;
24169
- position: absolute;
24170
- top: 0;
24171
- left: 0;
24172
- height: 0 !important;
24173
- min-height: 0 !important;
24174
- pointer-events: none;
24225
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24226
+ border-bottom-right-radius: 0;
24175
24227
  }
24176
- .v-textarea--no-resize .v-field__input {
24177
- resize: none;
24228
+
24229
+ .v-table--fixed-height > .v-table__wrapper {
24230
+ overflow-y: auto;
24178
24231
  }
24179
- .v-textarea .v-field--no-label textarea,
24180
- .v-textarea .v-field--active textarea {
24181
- opacity: 1;
24232
+
24233
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24234
+ position: sticky;
24235
+ top: 0;
24236
+ z-index: 2;
24182
24237
  }
24183
- .v-textarea textarea {
24184
- opacity: 0;
24185
- flex: 1;
24186
- min-width: 0;
24187
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24238
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24239
+ border-bottom: 0px !important;
24188
24240
  }
24189
- .v-textarea textarea:focus, .v-textarea textarea:active {
24190
- outline: none;
24241
+
24242
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24243
+ position: sticky;
24244
+ bottom: 0;
24245
+ z-index: 1;
24191
24246
  }
24192
- .v-textarea textarea:invalid {
24193
- box-shadow: none;
24247
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24248
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24249
+ border-top: 0px !important;
24194
24250
  }/* region BLOCK */
24195
24251
  .v-text-field input {
24196
24252
  color: inherit;
@@ -24258,104 +24314,45 @@ html.v-overlay-scroll-blocked {
24258
24314
  padding-inline-end: var(--v-field-padding-end);
24259
24315
  }
24260
24316
 
24261
- /* endregion */.v-tabs {
24262
- display: flex;
24263
- height: var(--v-tabs-height);
24264
- }
24265
- .v-tabs--density-default {
24266
- --v-tabs-height: 48px;
24267
- }
24268
- .v-tabs--density-default.v-tabs--stacked {
24269
- --v-tabs-height: 72px;
24270
- }
24271
-
24272
- .v-tabs--density-comfortable {
24273
- --v-tabs-height: 44px;
24274
- }
24275
- .v-tabs--density-comfortable.v-tabs--stacked {
24276
- --v-tabs-height: 68px;
24277
- }
24278
-
24279
- .v-tabs--density-compact {
24280
- --v-tabs-height: 36px;
24281
- }
24282
- .v-tabs--density-compact.v-tabs--stacked {
24283
- --v-tabs-height: 60px;
24284
- }
24285
-
24286
- .v-tabs.v-slide-group--vertical {
24287
- height: auto;
24288
- flex: none;
24289
- --v-tabs-height: 48px;
24290
- }
24291
-
24292
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24293
- margin-inline-start: 42px;
24294
- }
24295
-
24296
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24297
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24298
- margin-inline-end: auto;
24299
- }
24300
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24301
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24302
- margin-inline-start: auto;
24303
- }
24304
-
24305
- .v-tabs--grow {
24306
- flex-grow: 1;
24307
- }
24308
- .v-tabs--grow .v-tab {
24309
- flex: 1 0 auto;
24310
- max-width: none;
24311
- }
24312
-
24313
- .v-tabs--align-tabs-end .v-tab:first-child {
24314
- margin-inline-start: auto;
24315
- }
24316
- .v-tabs--align-tabs-end .v-tab:last-child {
24317
- margin-inline-end: 0;
24318
- }
24319
-
24320
- @media (max-width: 1279.98px) {
24321
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24322
- margin-inline-start: 52px;
24323
- }
24324
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24325
- margin-inline-end: 52px;
24326
- }
24327
- }.v-tab.v-tab.v-btn {
24328
- height: var(--v-tabs-height);
24329
- border-radius: 0;
24330
- min-width: 90px;
24317
+ /* endregion */.v-textarea .v-field {
24318
+ --v-textarea-control-height: var(--v-input-control-height);
24331
24319
  }
24332
- .v-slide-group--horizontal .v-tab {
24333
- max-width: 360px;
24320
+ .v-textarea .v-field__field {
24321
+ --v-input-control-height: var(--v-textarea-control-height);
24334
24322
  }
24335
- .v-slide-group--vertical .v-tab {
24336
- justify-content: start;
24323
+ .v-textarea .v-field__input {
24324
+ flex: 1 1 auto;
24325
+ outline: none;
24326
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24327
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24337
24328
  }
24338
-
24339
- .v-tab__slider {
24329
+ .v-textarea .v-field__input.v-textarea__sizer {
24330
+ visibility: hidden;
24340
24331
  position: absolute;
24341
- bottom: 0;
24332
+ top: 0;
24342
24333
  left: 0;
24343
- height: 2px;
24344
- width: 100%;
24345
- background: currentColor;
24334
+ height: 0 !important;
24335
+ min-height: 0 !important;
24346
24336
  pointer-events: none;
24347
- opacity: 0;
24348
24337
  }
24349
- .v-tab--selected .v-tab__slider {
24338
+ .v-textarea--no-resize .v-field__input {
24339
+ resize: none;
24340
+ }
24341
+ .v-textarea .v-field--no-label textarea,
24342
+ .v-textarea .v-field--active textarea {
24350
24343
  opacity: 1;
24351
24344
  }
24352
- .v-slide-group--vertical .v-tab__slider {
24353
- top: 0;
24354
- height: 100%;
24355
- width: 2px;
24356
- }.v-theme-provider {
24357
- background: rgb(var(--v-theme-background));
24358
- color: rgb(var(--v-theme-on-background));
24345
+ .v-textarea textarea {
24346
+ opacity: 0;
24347
+ flex: 1;
24348
+ min-width: 0;
24349
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24350
+ }
24351
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24352
+ outline: none;
24353
+ }
24354
+ .v-textarea textarea:invalid {
24355
+ box-shadow: none;
24359
24356
  }.v-timeline .v-timeline-divider__dot {
24360
24357
  background: rgb(var(--v-theme-surface-light));
24361
24358
  }
@@ -24772,6 +24769,30 @@ html.v-overlay-scroll-blocked {
24772
24769
 
24773
24770
  .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 {
24774
24771
  padding-inline-end: 0;
24772
+ }.v-theme-provider {
24773
+ background: rgb(var(--v-theme-background));
24774
+ color: rgb(var(--v-theme-on-background));
24775
+ }.v-tooltip > .v-overlay__content {
24776
+ background: rgb(var(--v-theme-surface-variant));
24777
+ color: rgb(var(--v-theme-on-surface-variant));
24778
+ border-radius: 4px;
24779
+ font-size: 0.875rem;
24780
+ line-height: 1.6;
24781
+ display: inline-block;
24782
+ padding: 5px 16px;
24783
+ text-transform: initial;
24784
+ width: auto;
24785
+ opacity: 1;
24786
+ pointer-events: none;
24787
+ transition-property: opacity, transform;
24788
+ }
24789
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24790
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24791
+ transition-duration: 150ms;
24792
+ }
24793
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24794
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24795
+ transition-duration: 75ms;
24775
24796
  }.v-toolbar {
24776
24797
  align-items: flex-start;
24777
24798
  display: flex;
@@ -24899,27 +24920,6 @@ html.v-overlay-scroll-blocked {
24899
24920
  }
24900
24921
  .v-toolbar-items > .v-btn {
24901
24922
  border-radius: 0;
24902
- }.v-tooltip > .v-overlay__content {
24903
- background: rgb(var(--v-theme-surface-variant));
24904
- color: rgb(var(--v-theme-on-surface-variant));
24905
- border-radius: 4px;
24906
- font-size: 0.875rem;
24907
- line-height: 1.6;
24908
- display: inline-block;
24909
- padding: 5px 16px;
24910
- text-transform: initial;
24911
- width: auto;
24912
- opacity: 1;
24913
- pointer-events: none;
24914
- transition-property: opacity, transform;
24915
- }
24916
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24917
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24918
- transition-duration: 150ms;
24919
- }
24920
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24921
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24922
- transition-duration: 75ms;
24923
24923
  }.v-virtual-scroll {
24924
24924
  display: block;
24925
24925
  flex: 1 1 auto;