@vuetify/nightly 3.6.3-master.2024-05-02 → 3.6.3-master.2024-05-05

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/json/attributes.json +17 -17
  3. package/dist/json/importMap-labs.json +14 -14
  4. package/dist/json/importMap.json +146 -146
  5. package/dist/json/web-types.json +28 -28
  6. package/dist/vuetify-labs.css +1848 -1834
  7. package/dist/vuetify-labs.d.ts +129 -123
  8. package/dist/vuetify-labs.esm.js +7 -5
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +7 -5
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1818 -1804
  13. package/dist/vuetify.d.ts +178 -172
  14. package/dist/vuetify.esm.js +7 -5
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +7 -5
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +5 -5
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAlert/VAlert.css +3 -1
  22. package/lib/components/VAvatar/VAvatar.css +3 -1
  23. package/lib/components/VBanner/index.d.mts +11 -11
  24. package/lib/components/VBtn/VBtn.css +3 -1
  25. package/lib/components/VCard/VCard.css +3 -1
  26. package/lib/components/VChip/VChip.css +3 -1
  27. package/lib/components/VChipGroup/index.d.mts +11 -11
  28. package/lib/components/VDataTable/index.d.mts +66 -66
  29. package/lib/components/VList/VListItem.css +3 -1
  30. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +3 -1
  31. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  32. package/lib/components/VNavigationDrawer/index.d.mts +19 -13
  33. package/lib/components/VSlideGroup/index.d.mts +11 -11
  34. package/lib/components/VSnackbar/VSnackbar.css +3 -1
  35. package/lib/components/VTabs/index.d.mts +11 -11
  36. package/lib/components/index.d.mts +129 -123
  37. package/lib/composables/display.mjs +1 -1
  38. package/lib/composables/display.mjs.map +1 -1
  39. package/lib/entry-bundler.mjs +1 -1
  40. package/lib/framework.mjs +1 -1
  41. package/lib/index.d.mts +49 -49
  42. package/lib/styles/tools/_variant.sass +3 -1
  43. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-02
2
+ * Vuetify v3.6.3-master.2024-05-05
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17327,23 +17327,6 @@ html.overflow-y-hidden {
17327
17327
  .v-locale--is-ltr .float-print-start {
17328
17328
  float: left !important;
17329
17329
  }
17330
- }.v-code {
17331
- background-color: rgb(var(--v-theme-code));
17332
- color: rgb(var(--v-theme-on-code));
17333
- border-radius: 4px;
17334
- line-height: 1.8;
17335
- font-size: 0.9em;
17336
- font-weight: normal;
17337
- padding: 0.2em 0.4em;
17338
- }.v-kbd {
17339
- background: rgb(var(--v-theme-kbd));
17340
- color: rgb(var(--v-theme-on-kbd));
17341
- border-radius: 3px;
17342
- display: inline;
17343
- font-size: 85%;
17344
- font-weight: normal;
17345
- padding: 0.2em 0.4rem;
17346
- 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));
17347
17330
  }.v-ripple__container {
17348
17331
  color: inherit;
17349
17332
  border-radius: inherit;
@@ -17380,6 +17363,23 @@ html.overflow-y-hidden {
17380
17363
  .v-ripple__animation--out {
17381
17364
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17365
  opacity: 0;
17366
+ }.v-code {
17367
+ background-color: rgb(var(--v-theme-code));
17368
+ color: rgb(var(--v-theme-on-code));
17369
+ border-radius: 4px;
17370
+ line-height: 1.8;
17371
+ font-size: 0.9em;
17372
+ font-weight: normal;
17373
+ padding: 0.2em 0.4em;
17374
+ }.v-kbd {
17375
+ background: rgb(var(--v-theme-kbd));
17376
+ color: rgb(var(--v-theme-on-kbd));
17377
+ border-radius: 3px;
17378
+ display: inline;
17379
+ font-size: 85%;
17380
+ font-weight: normal;
17381
+ padding: 0.2em 0.4rem;
17382
+ 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));
17383
17383
  }.v-application {
17384
17384
  display: flex;
17385
17385
  background: rgb(var(--v-theme-background));
@@ -17461,13 +17461,15 @@ html.overflow-y-hidden {
17461
17461
  background: currentColor;
17462
17462
  opacity: var(--v-activated-opacity);
17463
17463
  border-radius: inherit;
17464
- position: absolute;
17465
17464
  top: 0;
17466
17465
  right: 0;
17467
17466
  bottom: 0;
17468
17467
  left: 0;
17469
17468
  pointer-events: none;
17470
17469
  }
17470
+ .v-alert .v-alert__underlay {
17471
+ position: absolute;
17472
+ }
17471
17473
  .v-alert--prominent {
17472
17474
  grid-template-areas: "prepend content append close" "prepend content . .";
17473
17475
  }
@@ -17773,13 +17775,15 @@ html.overflow-y-hidden {
17773
17775
  background: currentColor;
17774
17776
  opacity: var(--v-activated-opacity);
17775
17777
  border-radius: inherit;
17776
- position: absolute;
17777
17778
  top: 0;
17778
17779
  right: 0;
17779
17780
  bottom: 0;
17780
17781
  left: 0;
17781
17782
  pointer-events: none;
17782
17783
  }
17784
+ .v-avatar .v-avatar__underlay {
17785
+ position: absolute;
17786
+ }
17783
17787
  .v-avatar--rounded {
17784
17788
  border-radius: 4px;
17785
17789
  }
@@ -18020,6 +18024,38 @@ html.overflow-y-hidden {
18020
18024
  }
18021
18025
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18022
18026
  align-self: flex-start;
18027
+ }.bottom-sheet-transition-enter-from {
18028
+ transform: translateY(100%);
18029
+ }
18030
+ .bottom-sheet-transition-leave-to {
18031
+ transform: translateY(100%);
18032
+ }
18033
+
18034
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18035
+ align-self: flex-end;
18036
+ border-radius: 0;
18037
+ flex: 0 1 auto;
18038
+ left: 0;
18039
+ right: 0;
18040
+ margin-inline: 0;
18041
+ margin-bottom: 0;
18042
+ transition-duration: 0.2s;
18043
+ width: 100%;
18044
+ max-width: 100%;
18045
+ overflow: visible;
18046
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18047
+ }
18048
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18049
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18050
+ border-radius: 0;
18051
+ }
18052
+ .v-bottom-sheet.v-bottom-sheet--inset {
18053
+ max-width: none;
18054
+ }
18055
+ @media (min-width: 600px) {
18056
+ .v-bottom-sheet.v-bottom-sheet--inset {
18057
+ max-width: 70%;
18058
+ }
18023
18059
  }.v-bottom-navigation {
18024
18060
  display: flex;
18025
18061
  max-width: 100%;
@@ -18075,38 +18111,6 @@ html.overflow-y-hidden {
18075
18111
  }
18076
18112
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18077
18113
  transform: translateY(0.5rem);
18078
- }.bottom-sheet-transition-enter-from {
18079
- transform: translateY(100%);
18080
- }
18081
- .bottom-sheet-transition-leave-to {
18082
- transform: translateY(100%);
18083
- }
18084
-
18085
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18086
- align-self: flex-end;
18087
- border-radius: 0;
18088
- flex: 0 1 auto;
18089
- left: 0;
18090
- right: 0;
18091
- margin-inline: 0;
18092
- margin-bottom: 0;
18093
- transition-duration: 0.2s;
18094
- width: 100%;
18095
- max-width: 100%;
18096
- overflow: visible;
18097
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18098
- }
18099
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18100
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18101
- border-radius: 0;
18102
- }
18103
- .v-bottom-sheet.v-bottom-sheet--inset {
18104
- max-width: none;
18105
- }
18106
- @media (min-width: 600px) {
18107
- .v-bottom-sheet.v-bottom-sheet--inset {
18108
- max-width: 70%;
18109
- }
18110
18114
  }.v-breadcrumbs {
18111
18115
  display: flex;
18112
18116
  align-items: center;
@@ -18311,13 +18315,15 @@ html.overflow-y-hidden {
18311
18315
  background: currentColor;
18312
18316
  opacity: var(--v-activated-opacity);
18313
18317
  border-radius: inherit;
18314
- position: absolute;
18315
18318
  top: 0;
18316
18319
  right: 0;
18317
18320
  bottom: 0;
18318
18321
  left: 0;
18319
18322
  pointer-events: none;
18320
18323
  }
18324
+ .v-btn .v-btn__underlay {
18325
+ position: absolute;
18326
+ }
18321
18327
  @supports selector(:focus-visible) {
18322
18328
  .v-btn::after {
18323
18329
  content: "";
@@ -18574,19 +18580,6 @@ html.overflow-y-hidden {
18574
18580
  }
18575
18581
  .v-pagination__item--is-active .v-btn__overlay {
18576
18582
  opacity: var(--v-border-opacity);
18577
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18578
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18579
- }
18580
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18581
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18582
- }
18583
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18584
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18585
- }
18586
- @supports not selector(:focus-visible) {
18587
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18588
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18589
- }
18590
18583
  }.v-btn-group {
18591
18584
  display: inline-flex;
18592
18585
  flex-wrap: nowrap;
@@ -18727,13 +18720,15 @@ html.overflow-y-hidden {
18727
18720
  background: currentColor;
18728
18721
  opacity: var(--v-activated-opacity);
18729
18722
  border-radius: inherit;
18730
- position: absolute;
18731
18723
  top: 0;
18732
18724
  right: 0;
18733
18725
  bottom: 0;
18734
18726
  left: 0;
18735
18727
  pointer-events: none;
18736
18728
  }
18729
+ .v-card .v-card__underlay {
18730
+ position: absolute;
18731
+ }
18737
18732
  .v-card--disabled {
18738
18733
  pointer-events: none;
18739
18734
  -webkit-user-select: none;
@@ -18940,6 +18935,19 @@ html.overflow-y-hidden {
18940
18935
  pointer-events: none;
18941
18936
  opacity: 0;
18942
18937
  transition: opacity 0.2s ease-in-out;
18938
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18939
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18940
+ }
18941
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18942
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18943
+ }
18944
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18945
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18946
+ }
18947
+ @supports not selector(:focus-visible) {
18948
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18949
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18950
+ }
18943
18951
  }.v-carousel {
18944
18952
  overflow: hidden;
18945
18953
  position: relative;
@@ -19003,11 +19011,6 @@ html.overflow-y-hidden {
19003
19011
  flex-direction: column;
19004
19012
  height: 100% !important;
19005
19013
  width: 50px;
19006
- }.v-checkbox.v-input {
19007
- flex: 0 1 auto;
19008
- }
19009
- .v-checkbox .v-selection-control {
19010
- min-height: var(--v-input-control-height);
19011
19014
  }.v-chip {
19012
19015
  align-items: center;
19013
19016
  display: inline-flex;
@@ -19342,13 +19345,15 @@ html.overflow-y-hidden {
19342
19345
  background: currentColor;
19343
19346
  opacity: var(--v-activated-opacity);
19344
19347
  border-radius: inherit;
19345
- position: absolute;
19346
19348
  top: 0;
19347
19349
  right: 0;
19348
19350
  bottom: 0;
19349
19351
  left: 0;
19350
19352
  pointer-events: none;
19351
19353
  }
19354
+ .v-chip .v-chip__underlay {
19355
+ position: absolute;
19356
+ }
19352
19357
  .v-chip--border {
19353
19358
  border-width: thin;
19354
19359
  }
@@ -19436,1626 +19441,1631 @@ html.overflow-y-hidden {
19436
19441
  white-space: normal;
19437
19442
  flex-wrap: wrap;
19438
19443
  max-width: 100%;
19439
- }.v-container {
19440
- width: 100%;
19441
- padding: 16px;
19442
- margin-right: auto;
19443
- margin-left: auto;
19444
- }
19445
- @media (min-width: 960px) {
19446
- .v-container {
19447
- max-width: 900px;
19448
- }
19449
- }
19450
- @media (min-width: 1280px) {
19451
- .v-container {
19452
- max-width: 1200px;
19453
- }
19454
- }
19455
- @media (min-width: 1920px) {
19456
- .v-container {
19457
- max-width: 1800px;
19458
- }
19444
+ }.v-checkbox.v-input {
19445
+ flex: 0 1 auto;
19459
19446
  }
19460
- @media (min-width: 2560px) {
19461
- .v-container {
19462
- max-width: 2400px;
19463
- }
19447
+ .v-checkbox .v-selection-control {
19448
+ min-height: var(--v-input-control-height);
19449
+ }.v-color-picker {
19450
+ align-self: flex-start;
19451
+ contain: content;
19464
19452
  }
19465
- .v-container--fluid {
19466
- max-width: 100%;
19453
+ .v-color-picker.v-sheet {
19454
+ 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));
19455
+ border-radius: 4px;
19467
19456
  }
19468
- .v-container.fill-height {
19469
- align-items: center;
19457
+
19458
+ .v-color-picker__controls {
19470
19459
  display: flex;
19471
- flex-wrap: wrap;
19460
+ flex-direction: column;
19461
+ padding: 16px;
19472
19462
  }
19473
19463
 
19474
- .v-row {
19475
- display: flex;
19476
- flex-wrap: wrap;
19477
- flex: 1 1 auto;
19478
- margin: -12px;
19464
+ .v-color-picker--flat {
19465
+ 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));
19479
19466
  }
19480
- .v-row + .v-row {
19481
- margin-top: 12px;
19467
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19468
+ 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));
19469
+ }.v-combobox .v-field .v-text-field__prefix,
19470
+ .v-combobox .v-field .v-text-field__suffix,
19471
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19472
+ cursor: text;
19482
19473
  }
19483
- .v-row + .v-row--dense {
19484
- margin-top: 4px;
19474
+ .v-combobox .v-field .v-field__input > input {
19475
+ flex: 1 1;
19485
19476
  }
19486
- .v-row--dense {
19487
- margin: -4px;
19477
+ .v-combobox .v-field input {
19478
+ min-width: 64px;
19488
19479
  }
19489
- .v-row--dense > .v-col,
19490
- .v-row--dense > [class*=v-col-] {
19491
- padding: 4px;
19480
+ .v-combobox .v-field:not(.v-field--focused) input {
19481
+ min-width: 0;
19492
19482
  }
19493
- .v-row.v-row--no-gutters {
19494
- margin: 0;
19483
+ .v-combobox .v-field--dirty .v-combobox__selection {
19484
+ margin-inline-end: 2px;
19495
19485
  }
19496
- .v-row.v-row--no-gutters > .v-col,
19497
- .v-row.v-row--no-gutters > [class*=v-col-] {
19498
- padding: 0;
19486
+ .v-combobox .v-combobox__selection-text {
19487
+ overflow: hidden;
19488
+ text-overflow: ellipsis;
19489
+ white-space: nowrap;
19499
19490
  }
19500
19491
 
19501
- .v-spacer {
19502
- flex-grow: 1;
19492
+ .v-combobox__content {
19493
+ overflow: hidden;
19494
+ 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));
19495
+ border-radius: 4px;
19503
19496
  }
19504
-
19505
- .v-col-xxl,
19506
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19507
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19508
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19509
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19510
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19511
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19512
- width: 100%;
19513
- padding: 12px;
19497
+ .v-combobox__mask {
19498
+ background: rgb(var(--v-theme-surface-light));
19514
19499
  }
19515
-
19516
- .v-col {
19517
- flex-basis: 0;
19518
- flex-grow: 1;
19519
- max-width: 100%;
19500
+ .v-combobox__selection {
19501
+ display: inline-flex;
19502
+ align-items: center;
19503
+ height: 1.5rem;
19504
+ letter-spacing: inherit;
19505
+ line-height: inherit;
19506
+ max-width: calc(100% - 2px - 2px);
19520
19507
  }
19521
-
19522
- .v-col-auto {
19523
- flex: 0 0 auto;
19524
- width: auto;
19525
- max-width: 100%;
19508
+ .v-combobox__selection:first-child {
19509
+ margin-inline-start: 0;
19526
19510
  }
19527
-
19528
- .v-col-1 {
19529
- flex: 0 0 8.3333333333%;
19530
- max-width: 8.3333333333%;
19511
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19512
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19513
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19514
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19515
+ top: 0px;
19531
19516
  }
19532
-
19533
- .v-col-2 {
19534
- flex: 0 0 16.6666666667%;
19535
- max-width: 16.6666666667%;
19517
+ .v-combobox--selecting-index .v-combobox__selection {
19518
+ opacity: var(--v-medium-emphasis-opacity);
19536
19519
  }
19537
-
19538
- .v-col-3 {
19539
- flex: 0 0 25%;
19540
- max-width: 25%;
19520
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19521
+ opacity: 1;
19541
19522
  }
19542
-
19543
- .v-col-4 {
19544
- flex: 0 0 33.3333333333%;
19545
- max-width: 33.3333333333%;
19523
+ .v-combobox--selecting-index .v-field__input > input {
19524
+ caret-color: transparent;
19546
19525
  }
19547
-
19548
- .v-col-5 {
19549
- flex: 0 0 41.6666666667%;
19550
- max-width: 41.6666666667%;
19526
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19527
+ flex: 1 1;
19528
+ position: absolute;
19529
+ left: 0;
19530
+ right: 0;
19531
+ width: 100%;
19532
+ padding-inline: inherit;
19551
19533
  }
19552
-
19553
- .v-col-6 {
19554
- flex: 0 0 50%;
19555
- max-width: 50%;
19534
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19535
+ transition: none;
19536
+ }
19537
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19538
+ opacity: 0;
19539
+ }
19540
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19541
+ opacity: 0;
19542
+ }
19543
+ .v-combobox__menu-icon {
19544
+ margin-inline-start: 4px;
19545
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19546
+ }
19547
+ .v-combobox--active-menu .v-combobox__menu-icon {
19548
+ opacity: var(--v-high-emphasis-opacity);
19549
+ transform: rotate(180deg);
19550
+ }.v-counter {
19551
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19552
+ flex: 0 1 auto;
19553
+ font-size: 12px;
19554
+ transition-duration: 150ms;
19555
+ }.v-data-table {
19556
+ width: 100%;
19556
19557
  }
19557
19558
 
19558
- .v-col-7 {
19559
- flex: 0 0 58.3333333333%;
19560
- max-width: 58.3333333333%;
19559
+ .v-data-table__table {
19560
+ width: 100%;
19561
+ border-collapse: separate;
19562
+ border-spacing: 0;
19561
19563
  }
19562
19564
 
19563
- .v-col-8 {
19564
- flex: 0 0 66.6666666667%;
19565
- max-width: 66.6666666667%;
19565
+ .v-data-table__tr--focus {
19566
+ border: 1px dotted black;
19567
+ }
19568
+ .v-data-table__tr--clickable {
19569
+ cursor: pointer;
19566
19570
  }
19567
19571
 
19568
- .v-col-9 {
19569
- flex: 0 0 75%;
19570
- max-width: 75%;
19572
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19573
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19574
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19575
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19576
+ text-align: end;
19577
+ }
19578
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19579
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19580
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19581
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19582
+ flex-direction: row-reverse;
19583
+ }
19584
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19585
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19586
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19587
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19588
+ text-align: center;
19589
+ }
19590
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19591
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19592
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19593
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19594
+ justify-content: center;
19595
+ }
19596
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19597
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19598
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19599
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19600
+ padding: 0 8px;
19601
+ }
19602
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
19603
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
19604
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
19605
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
19606
+ text-overflow: ellipsis;
19607
+ text-wrap: nowrap;
19608
+ overflow: hidden;
19609
+ }
19610
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19611
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
19612
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19613
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
19614
+ display: contents;
19615
+ }
19616
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
19617
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
19618
+ align-items: center;
19619
+ }
19620
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19621
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19622
+ position: sticky;
19623
+ }
19624
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19625
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19626
+ cursor: pointer;
19627
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19628
+ }
19629
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19630
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
19631
+ opacity: 0;
19632
+ }
19633
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
19634
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19635
+ opacity: 0.5;
19571
19636
  }
19572
19637
 
19573
- .v-col-10 {
19574
- flex: 0 0 83.3333333333%;
19575
- max-width: 83.3333333333%;
19638
+ .v-data-table-column--fixed,
19639
+ .v-data-table__th--sticky {
19640
+ background: rgb(var(--v-theme-surface));
19641
+ position: sticky !important;
19642
+ left: 0;
19643
+ z-index: 1;
19576
19644
  }
19577
19645
 
19578
- .v-col-11 {
19579
- flex: 0 0 91.6666666667%;
19580
- max-width: 91.6666666667%;
19646
+ .v-data-table-column--last-fixed {
19647
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19581
19648
  }
19582
19649
 
19583
- .v-col-12 {
19584
- flex: 0 0 100%;
19585
- max-width: 100%;
19650
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
19651
+ z-index: 2;
19586
19652
  }
19587
19653
 
19588
- .offset-1 {
19589
- margin-inline-start: 8.3333333333%;
19654
+ .v-data-table-group-header-row td {
19655
+ background: rgba(var(--v-theme-surface));
19656
+ color: rgba(var(--v-theme-on-surface));
19657
+ }
19658
+ .v-data-table-group-header-row td > span {
19659
+ padding-left: 5px;
19590
19660
  }
19591
19661
 
19592
- .offset-2 {
19593
- margin-inline-start: 16.6666666667%;
19662
+ .v-data-table--loading .v-data-table__td {
19663
+ opacity: var(--v-disabled-opacity);
19594
19664
  }
19595
19665
 
19596
- .offset-3 {
19597
- margin-inline-start: 25%;
19666
+ .v-data-table-group-header-row__column {
19667
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19598
19668
  }
19599
19669
 
19600
- .offset-4 {
19601
- margin-inline-start: 33.3333333333%;
19670
+ .v-data-table-header__content {
19671
+ display: flex;
19672
+ align-items: center;
19602
19673
  }
19603
19674
 
19604
- .offset-5 {
19605
- margin-inline-start: 41.6666666667%;
19675
+ .v-data-table-header__sort-badge {
19676
+ display: inline-flex;
19677
+ justify-content: center;
19678
+ align-items: center;
19679
+ font-size: 0.875rem;
19680
+ padding: 4px;
19681
+ border-radius: 50%;
19682
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
19683
+ min-width: 20px;
19684
+ min-height: 20px;
19685
+ width: 20px;
19686
+ height: 20px;
19606
19687
  }
19607
19688
 
19608
- .offset-6 {
19609
- margin-inline-start: 50%;
19689
+ .v-data-table-progress > th {
19690
+ border: none !important;
19691
+ height: auto !important;
19692
+ padding: 0 !important;
19610
19693
  }
19611
19694
 
19612
- .offset-7 {
19613
- margin-inline-start: 58.3333333333%;
19695
+ .v-data-table-progress__loader {
19696
+ position: relative;
19614
19697
  }
19615
19698
 
19616
- .offset-8 {
19617
- margin-inline-start: 66.6666666667%;
19699
+ .v-data-table-rows-loading,
19700
+ .v-data-table-rows-no-data {
19701
+ text-align: center;
19618
19702
  }
19619
19703
 
19620
- .offset-9 {
19621
- margin-inline-start: 75%;
19704
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19705
+ grid-template-columns: 0;
19706
+ justify-content: center;
19707
+ }
19708
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
19709
+ grid-template-columns: 0;
19710
+ justify-content: end;
19711
+ }
19712
+ .v-data-table__tr--mobile > td {
19713
+ align-items: center;
19714
+ column-gap: 4px;
19715
+ display: grid;
19716
+ grid-template-columns: repeat(2, 1fr);
19717
+ min-height: var(--v-table-row-height);
19718
+ }
19719
+ .v-data-table__tr--mobile > td:not(:last-child) {
19720
+ border-bottom: 0 !important;
19622
19721
  }
19623
19722
 
19624
- .offset-10 {
19625
- margin-inline-start: 83.3333333333%;
19723
+ .v-data-table__td-title {
19724
+ font-weight: bold;
19725
+ text-align: left;
19626
19726
  }
19627
19727
 
19628
- .offset-11 {
19629
- margin-inline-start: 91.6666666667%;
19728
+ .v-data-table__td-value {
19729
+ text-align: right;
19630
19730
  }
19631
19731
 
19632
- @media (min-width: 600px) {
19633
- .v-col-sm {
19634
- flex-basis: 0;
19635
- flex-grow: 1;
19636
- max-width: 100%;
19637
- }
19638
- .v-col-sm-auto {
19639
- flex: 0 0 auto;
19640
- width: auto;
19641
- max-width: 100%;
19642
- }
19643
- .v-col-sm-1 {
19644
- flex: 0 0 8.3333333333%;
19645
- max-width: 8.3333333333%;
19646
- }
19647
- .v-col-sm-2 {
19648
- flex: 0 0 16.6666666667%;
19649
- max-width: 16.6666666667%;
19650
- }
19651
- .v-col-sm-3 {
19652
- flex: 0 0 25%;
19653
- max-width: 25%;
19654
- }
19655
- .v-col-sm-4 {
19656
- flex: 0 0 33.3333333333%;
19657
- max-width: 33.3333333333%;
19658
- }
19659
- .v-col-sm-5 {
19660
- flex: 0 0 41.6666666667%;
19661
- max-width: 41.6666666667%;
19662
- }
19663
- .v-col-sm-6 {
19664
- flex: 0 0 50%;
19665
- max-width: 50%;
19666
- }
19667
- .v-col-sm-7 {
19668
- flex: 0 0 58.3333333333%;
19669
- max-width: 58.3333333333%;
19670
- }
19671
- .v-col-sm-8 {
19672
- flex: 0 0 66.6666666667%;
19673
- max-width: 66.6666666667%;
19674
- }
19675
- .v-col-sm-9 {
19676
- flex: 0 0 75%;
19677
- max-width: 75%;
19678
- }
19679
- .v-col-sm-10 {
19680
- flex: 0 0 83.3333333333%;
19681
- max-width: 83.3333333333%;
19682
- }
19683
- .v-col-sm-11 {
19684
- flex: 0 0 91.6666666667%;
19685
- max-width: 91.6666666667%;
19686
- }
19687
- .v-col-sm-12 {
19688
- flex: 0 0 100%;
19689
- max-width: 100%;
19690
- }
19691
- .offset-sm-0 {
19692
- margin-inline-start: 0;
19693
- }
19694
- .offset-sm-1 {
19695
- margin-inline-start: 8.3333333333%;
19696
- }
19697
- .offset-sm-2 {
19698
- margin-inline-start: 16.6666666667%;
19699
- }
19700
- .offset-sm-3 {
19701
- margin-inline-start: 25%;
19702
- }
19703
- .offset-sm-4 {
19704
- margin-inline-start: 33.3333333333%;
19705
- }
19706
- .offset-sm-5 {
19707
- margin-inline-start: 41.6666666667%;
19708
- }
19709
- .offset-sm-6 {
19710
- margin-inline-start: 50%;
19711
- }
19712
- .offset-sm-7 {
19713
- margin-inline-start: 58.3333333333%;
19714
- }
19715
- .offset-sm-8 {
19716
- margin-inline-start: 66.6666666667%;
19717
- }
19718
- .offset-sm-9 {
19719
- margin-inline-start: 75%;
19720
- }
19721
- .offset-sm-10 {
19722
- margin-inline-start: 83.3333333333%;
19723
- }
19724
- .offset-sm-11 {
19725
- margin-inline-start: 91.6666666667%;
19726
- }
19727
- }
19728
- @media (min-width: 960px) {
19729
- .v-col-md {
19730
- flex-basis: 0;
19731
- flex-grow: 1;
19732
- max-width: 100%;
19733
- }
19734
- .v-col-md-auto {
19735
- flex: 0 0 auto;
19736
- width: auto;
19737
- max-width: 100%;
19738
- }
19739
- .v-col-md-1 {
19740
- flex: 0 0 8.3333333333%;
19741
- max-width: 8.3333333333%;
19742
- }
19743
- .v-col-md-2 {
19744
- flex: 0 0 16.6666666667%;
19745
- max-width: 16.6666666667%;
19746
- }
19747
- .v-col-md-3 {
19748
- flex: 0 0 25%;
19749
- max-width: 25%;
19750
- }
19751
- .v-col-md-4 {
19752
- flex: 0 0 33.3333333333%;
19753
- max-width: 33.3333333333%;
19754
- }
19755
- .v-col-md-5 {
19756
- flex: 0 0 41.6666666667%;
19757
- max-width: 41.6666666667%;
19758
- }
19759
- .v-col-md-6 {
19760
- flex: 0 0 50%;
19761
- max-width: 50%;
19762
- }
19763
- .v-col-md-7 {
19764
- flex: 0 0 58.3333333333%;
19765
- max-width: 58.3333333333%;
19766
- }
19767
- .v-col-md-8 {
19768
- flex: 0 0 66.6666666667%;
19769
- max-width: 66.6666666667%;
19770
- }
19771
- .v-col-md-9 {
19772
- flex: 0 0 75%;
19773
- max-width: 75%;
19774
- }
19775
- .v-col-md-10 {
19776
- flex: 0 0 83.3333333333%;
19777
- max-width: 83.3333333333%;
19778
- }
19779
- .v-col-md-11 {
19780
- flex: 0 0 91.6666666667%;
19781
- max-width: 91.6666666667%;
19782
- }
19783
- .v-col-md-12 {
19784
- flex: 0 0 100%;
19785
- max-width: 100%;
19786
- }
19787
- .offset-md-0 {
19788
- margin-inline-start: 0;
19789
- }
19790
- .offset-md-1 {
19791
- margin-inline-start: 8.3333333333%;
19792
- }
19793
- .offset-md-2 {
19794
- margin-inline-start: 16.6666666667%;
19795
- }
19796
- .offset-md-3 {
19797
- margin-inline-start: 25%;
19798
- }
19799
- .offset-md-4 {
19800
- margin-inline-start: 33.3333333333%;
19801
- }
19802
- .offset-md-5 {
19803
- margin-inline-start: 41.6666666667%;
19804
- }
19805
- .offset-md-6 {
19806
- margin-inline-start: 50%;
19807
- }
19808
- .offset-md-7 {
19809
- margin-inline-start: 58.3333333333%;
19810
- }
19811
- .offset-md-8 {
19812
- margin-inline-start: 66.6666666667%;
19813
- }
19814
- .offset-md-9 {
19815
- margin-inline-start: 75%;
19816
- }
19817
- .offset-md-10 {
19818
- margin-inline-start: 83.3333333333%;
19819
- }
19820
- .offset-md-11 {
19821
- margin-inline-start: 91.6666666667%;
19822
- }
19823
- }
19824
- @media (min-width: 1280px) {
19825
- .v-col-lg {
19826
- flex-basis: 0;
19827
- flex-grow: 1;
19828
- max-width: 100%;
19829
- }
19830
- .v-col-lg-auto {
19831
- flex: 0 0 auto;
19832
- width: auto;
19833
- max-width: 100%;
19834
- }
19835
- .v-col-lg-1 {
19836
- flex: 0 0 8.3333333333%;
19837
- max-width: 8.3333333333%;
19838
- }
19839
- .v-col-lg-2 {
19840
- flex: 0 0 16.6666666667%;
19841
- max-width: 16.6666666667%;
19842
- }
19843
- .v-col-lg-3 {
19844
- flex: 0 0 25%;
19845
- max-width: 25%;
19846
- }
19847
- .v-col-lg-4 {
19848
- flex: 0 0 33.3333333333%;
19849
- max-width: 33.3333333333%;
19850
- }
19851
- .v-col-lg-5 {
19852
- flex: 0 0 41.6666666667%;
19853
- max-width: 41.6666666667%;
19854
- }
19855
- .v-col-lg-6 {
19856
- flex: 0 0 50%;
19857
- max-width: 50%;
19858
- }
19859
- .v-col-lg-7 {
19860
- flex: 0 0 58.3333333333%;
19861
- max-width: 58.3333333333%;
19862
- }
19863
- .v-col-lg-8 {
19864
- flex: 0 0 66.6666666667%;
19865
- max-width: 66.6666666667%;
19866
- }
19867
- .v-col-lg-9 {
19868
- flex: 0 0 75%;
19869
- max-width: 75%;
19870
- }
19871
- .v-col-lg-10 {
19872
- flex: 0 0 83.3333333333%;
19873
- max-width: 83.3333333333%;
19874
- }
19875
- .v-col-lg-11 {
19876
- flex: 0 0 91.6666666667%;
19877
- max-width: 91.6666666667%;
19878
- }
19879
- .v-col-lg-12 {
19880
- flex: 0 0 100%;
19881
- max-width: 100%;
19882
- }
19883
- .offset-lg-0 {
19884
- margin-inline-start: 0;
19885
- }
19886
- .offset-lg-1 {
19887
- margin-inline-start: 8.3333333333%;
19888
- }
19889
- .offset-lg-2 {
19890
- margin-inline-start: 16.6666666667%;
19891
- }
19892
- .offset-lg-3 {
19893
- margin-inline-start: 25%;
19894
- }
19895
- .offset-lg-4 {
19896
- margin-inline-start: 33.3333333333%;
19897
- }
19898
- .offset-lg-5 {
19899
- margin-inline-start: 41.6666666667%;
19900
- }
19901
- .offset-lg-6 {
19902
- margin-inline-start: 50%;
19903
- }
19904
- .offset-lg-7 {
19905
- margin-inline-start: 58.3333333333%;
19906
- }
19907
- .offset-lg-8 {
19908
- margin-inline-start: 66.6666666667%;
19909
- }
19910
- .offset-lg-9 {
19911
- margin-inline-start: 75%;
19912
- }
19913
- .offset-lg-10 {
19914
- margin-inline-start: 83.3333333333%;
19915
- }
19916
- .offset-lg-11 {
19917
- margin-inline-start: 91.6666666667%;
19918
- }
19919
- }
19920
- @media (min-width: 1920px) {
19921
- .v-col-xl {
19922
- flex-basis: 0;
19923
- flex-grow: 1;
19924
- max-width: 100%;
19925
- }
19926
- .v-col-xl-auto {
19927
- flex: 0 0 auto;
19928
- width: auto;
19929
- max-width: 100%;
19930
- }
19931
- .v-col-xl-1 {
19932
- flex: 0 0 8.3333333333%;
19933
- max-width: 8.3333333333%;
19934
- }
19935
- .v-col-xl-2 {
19936
- flex: 0 0 16.6666666667%;
19937
- max-width: 16.6666666667%;
19938
- }
19939
- .v-col-xl-3 {
19940
- flex: 0 0 25%;
19941
- max-width: 25%;
19942
- }
19943
- .v-col-xl-4 {
19944
- flex: 0 0 33.3333333333%;
19945
- max-width: 33.3333333333%;
19946
- }
19947
- .v-col-xl-5 {
19948
- flex: 0 0 41.6666666667%;
19949
- max-width: 41.6666666667%;
19950
- }
19951
- .v-col-xl-6 {
19952
- flex: 0 0 50%;
19953
- max-width: 50%;
19954
- }
19955
- .v-col-xl-7 {
19956
- flex: 0 0 58.3333333333%;
19957
- max-width: 58.3333333333%;
19958
- }
19959
- .v-col-xl-8 {
19960
- flex: 0 0 66.6666666667%;
19961
- max-width: 66.6666666667%;
19962
- }
19963
- .v-col-xl-9 {
19964
- flex: 0 0 75%;
19965
- max-width: 75%;
19966
- }
19967
- .v-col-xl-10 {
19968
- flex: 0 0 83.3333333333%;
19969
- max-width: 83.3333333333%;
19970
- }
19971
- .v-col-xl-11 {
19972
- flex: 0 0 91.6666666667%;
19973
- max-width: 91.6666666667%;
19974
- }
19975
- .v-col-xl-12 {
19976
- flex: 0 0 100%;
19977
- max-width: 100%;
19978
- }
19979
- .offset-xl-0 {
19980
- margin-inline-start: 0;
19981
- }
19982
- .offset-xl-1 {
19983
- margin-inline-start: 8.3333333333%;
19984
- }
19985
- .offset-xl-2 {
19986
- margin-inline-start: 16.6666666667%;
19987
- }
19988
- .offset-xl-3 {
19989
- margin-inline-start: 25%;
19990
- }
19991
- .offset-xl-4 {
19992
- margin-inline-start: 33.3333333333%;
19993
- }
19994
- .offset-xl-5 {
19995
- margin-inline-start: 41.6666666667%;
19996
- }
19997
- .offset-xl-6 {
19998
- margin-inline-start: 50%;
19999
- }
20000
- .offset-xl-7 {
20001
- margin-inline-start: 58.3333333333%;
20002
- }
20003
- .offset-xl-8 {
20004
- margin-inline-start: 66.6666666667%;
20005
- }
20006
- .offset-xl-9 {
20007
- margin-inline-start: 75%;
20008
- }
20009
- .offset-xl-10 {
20010
- margin-inline-start: 83.3333333333%;
20011
- }
20012
- .offset-xl-11 {
20013
- margin-inline-start: 91.6666666667%;
20014
- }
20015
- }
20016
- @media (min-width: 2560px) {
20017
- .v-col-xxl {
20018
- flex-basis: 0;
20019
- flex-grow: 1;
20020
- max-width: 100%;
20021
- }
20022
- .v-col-xxl-auto {
20023
- flex: 0 0 auto;
20024
- width: auto;
20025
- max-width: 100%;
20026
- }
20027
- .v-col-xxl-1 {
20028
- flex: 0 0 8.3333333333%;
20029
- max-width: 8.3333333333%;
20030
- }
20031
- .v-col-xxl-2 {
20032
- flex: 0 0 16.6666666667%;
20033
- max-width: 16.6666666667%;
20034
- }
20035
- .v-col-xxl-3 {
20036
- flex: 0 0 25%;
20037
- max-width: 25%;
20038
- }
20039
- .v-col-xxl-4 {
20040
- flex: 0 0 33.3333333333%;
20041
- max-width: 33.3333333333%;
20042
- }
20043
- .v-col-xxl-5 {
20044
- flex: 0 0 41.6666666667%;
20045
- max-width: 41.6666666667%;
20046
- }
20047
- .v-col-xxl-6 {
20048
- flex: 0 0 50%;
20049
- max-width: 50%;
20050
- }
20051
- .v-col-xxl-7 {
20052
- flex: 0 0 58.3333333333%;
20053
- max-width: 58.3333333333%;
20054
- }
20055
- .v-col-xxl-8 {
20056
- flex: 0 0 66.6666666667%;
20057
- max-width: 66.6666666667%;
20058
- }
20059
- .v-col-xxl-9 {
20060
- flex: 0 0 75%;
20061
- max-width: 75%;
20062
- }
20063
- .v-col-xxl-10 {
20064
- flex: 0 0 83.3333333333%;
20065
- max-width: 83.3333333333%;
20066
- }
20067
- .v-col-xxl-11 {
20068
- flex: 0 0 91.6666666667%;
20069
- max-width: 91.6666666667%;
20070
- }
20071
- .v-col-xxl-12 {
20072
- flex: 0 0 100%;
20073
- max-width: 100%;
20074
- }
20075
- .offset-xxl-0 {
20076
- margin-inline-start: 0;
20077
- }
20078
- .offset-xxl-1 {
20079
- margin-inline-start: 8.3333333333%;
20080
- }
20081
- .offset-xxl-2 {
20082
- margin-inline-start: 16.6666666667%;
20083
- }
20084
- .offset-xxl-3 {
20085
- margin-inline-start: 25%;
20086
- }
20087
- .offset-xxl-4 {
20088
- margin-inline-start: 33.3333333333%;
20089
- }
20090
- .offset-xxl-5 {
20091
- margin-inline-start: 41.6666666667%;
20092
- }
20093
- .offset-xxl-6 {
20094
- margin-inline-start: 50%;
20095
- }
20096
- .offset-xxl-7 {
20097
- margin-inline-start: 58.3333333333%;
20098
- }
20099
- .offset-xxl-8 {
20100
- margin-inline-start: 66.6666666667%;
20101
- }
20102
- .offset-xxl-9 {
20103
- margin-inline-start: 75%;
20104
- }
20105
- .offset-xxl-10 {
20106
- margin-inline-start: 83.3333333333%;
20107
- }
20108
- .offset-xxl-11 {
20109
- margin-inline-start: 91.6666666667%;
20110
- }
20111
- }.v-color-picker {
20112
- align-self: flex-start;
20113
- contain: content;
20114
- }
20115
- .v-color-picker.v-sheet {
20116
- 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));
20117
- border-radius: 4px;
20118
- }
20119
-
20120
- .v-color-picker__controls {
20121
- display: flex;
20122
- flex-direction: column;
20123
- padding: 16px;
20124
- }
20125
-
20126
- .v-color-picker--flat {
20127
- 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));
20128
- }
20129
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20130
- 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));
20131
- }.v-combobox .v-field .v-text-field__prefix,
20132
- .v-combobox .v-field .v-text-field__suffix,
20133
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20134
- cursor: text;
20135
- }
20136
- .v-combobox .v-field .v-field__input > input {
20137
- flex: 1 1;
20138
- }
20139
- .v-combobox .v-field input {
20140
- min-width: 64px;
20141
- }
20142
- .v-combobox .v-field:not(.v-field--focused) input {
20143
- min-width: 0;
20144
- }
20145
- .v-combobox .v-field--dirty .v-combobox__selection {
20146
- margin-inline-end: 2px;
20147
- }
20148
- .v-combobox .v-combobox__selection-text {
20149
- overflow: hidden;
20150
- text-overflow: ellipsis;
20151
- white-space: nowrap;
20152
- }
20153
-
20154
- .v-combobox__content {
20155
- overflow: hidden;
20156
- 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));
20157
- border-radius: 4px;
20158
- }
20159
- .v-combobox__mask {
20160
- background: rgb(var(--v-theme-surface-light));
20161
- }
20162
- .v-combobox__selection {
20163
- display: inline-flex;
20164
- align-items: center;
20165
- height: 1.5rem;
20166
- letter-spacing: inherit;
20167
- line-height: inherit;
20168
- max-width: calc(100% - 2px - 2px);
20169
- }
20170
- .v-combobox__selection:first-child {
20171
- margin-inline-start: 0;
20172
- }
20173
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20174
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20175
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20176
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20177
- top: 0px;
20178
- }
20179
- .v-combobox--selecting-index .v-combobox__selection {
20180
- opacity: var(--v-medium-emphasis-opacity);
19732
+ .v-data-table__td-sort-icon {
19733
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20181
19734
  }
20182
- .v-combobox--selecting-index .v-combobox__selection--selected {
20183
- opacity: 1;
19735
+ .v-data-table__td-sort-icon-active {
19736
+ color: rgba(var(--v-theme-on-surface));
19737
+ }.v-data-table-footer {
19738
+ align-items: center;
19739
+ display: flex;
19740
+ flex-wrap: wrap;
19741
+ justify-content: flex-end;
19742
+ padding: 8px 4px;
20184
19743
  }
20185
- .v-combobox--selecting-index .v-field__input > input {
20186
- caret-color: transparent;
19744
+ .v-data-table-footer__items-per-page {
19745
+ align-items: center;
19746
+ display: flex;
19747
+ justify-content: center;
20187
19748
  }
20188
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20189
- flex: 1 1;
20190
- position: absolute;
20191
- left: 0;
20192
- right: 0;
20193
- width: 100%;
20194
- padding-inline: inherit;
19749
+ .v-data-table-footer__items-per-page > span {
19750
+ padding-inline-end: 8px;
20195
19751
  }
20196
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20197
- transition: none;
19752
+ .v-data-table-footer__items-per-page > .v-select {
19753
+ width: 90px;
20198
19754
  }
20199
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20200
- opacity: 0;
19755
+ .v-data-table-footer__info {
19756
+ display: flex;
19757
+ justify-content: flex-end;
19758
+ min-width: 116px;
19759
+ padding: 0 16px;
20201
19760
  }
20202
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20203
- opacity: 0;
19761
+ .v-data-table-footer__paginationz {
19762
+ align-items: center;
19763
+ display: flex;
19764
+ margin-inline-start: 16px;
20204
19765
  }
20205
- .v-combobox__menu-icon {
20206
- margin-inline-start: 4px;
20207
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19766
+ .v-data-table-footer__page {
19767
+ padding: 0 8px;
19768
+ }.v-date-picker-header {
19769
+ align-items: flex-end;
19770
+ height: 70px;
19771
+ display: grid;
19772
+ grid-template-areas: "prepend content append";
19773
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19774
+ overflow: hidden;
19775
+ padding-inline: 24px 12px;
19776
+ padding-bottom: 12px;
20208
19777
  }
20209
- .v-combobox--active-menu .v-combobox__menu-icon {
20210
- opacity: var(--v-high-emphasis-opacity);
20211
- transform: rotate(180deg);
20212
- }.v-counter {
20213
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20214
- flex: 0 1 auto;
20215
- font-size: 12px;
20216
- transition-duration: 150ms;
20217
- }.v-data-table {
20218
- width: 100%;
19778
+
19779
+ .v-date-picker-header__append {
19780
+ grid-area: append;
20219
19781
  }
20220
19782
 
20221
- .v-data-table__table {
20222
- width: 100%;
20223
- border-collapse: separate;
20224
- border-spacing: 0;
19783
+ .v-date-picker-header__prepend {
19784
+ grid-area: prepend;
19785
+ padding-inline-start: 8px;
20225
19786
  }
20226
19787
 
20227
- .v-data-table__tr--focus {
20228
- border: 1px dotted black;
19788
+ .v-date-picker-header__content {
19789
+ align-items: center;
19790
+ display: inline-flex;
19791
+ font-size: 32px;
19792
+ line-height: 40px;
19793
+ grid-area: content;
19794
+ justify-content: space-between;
20229
19795
  }
20230
- .v-data-table__tr--clickable {
19796
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20231
19797
  cursor: pointer;
20232
19798
  }
19799
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19800
+ opacity: 0.7;
19801
+ }
20233
19802
 
20234
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20235
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20236
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20237
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20238
- text-align: end;
19803
+ .date-picker-header-transition-enter-active,
19804
+ .date-picker-header-reverse-transition-enter-active {
19805
+ transition-duration: 0.3s;
19806
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20239
19807
  }
20240
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20241
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20242
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20243
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20244
- flex-direction: row-reverse;
19808
+ .date-picker-header-transition-leave-active,
19809
+ .date-picker-header-reverse-transition-leave-active {
19810
+ transition-duration: 0.3s;
19811
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20245
19812
  }
20246
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20247
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20248
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20249
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20250
- text-align: center;
19813
+
19814
+ .date-picker-header-transition-enter-from {
19815
+ transform: translate(0, 100%);
20251
19816
  }
20252
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20253
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20254
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20255
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20256
- justify-content: center;
19817
+ .date-picker-header-transition-leave-to {
19818
+ opacity: 0;
19819
+ transform: translate(0, -100%);
20257
19820
  }
20258
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20259
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20260
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20261
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20262
- padding: 0 8px;
19821
+
19822
+ .date-picker-header-reverse-transition-enter-from {
19823
+ transform: translate(0, -100%);
20263
19824
  }
20264
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20265
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20266
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20267
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20268
- text-overflow: ellipsis;
20269
- text-wrap: nowrap;
19825
+ .date-picker-header-reverse-transition-leave-to {
19826
+ opacity: 0;
19827
+ transform: translate(0, 100%);
19828
+ }.v-date-picker {
20270
19829
  overflow: hidden;
19830
+ width: 328px;
20271
19831
  }
20272
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20273
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20274
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20275
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20276
- display: contents;
20277
- }
20278
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20279
- .v-data-table .v-table__wrapper > table tbody > tr > th {
19832
+ .v-date-picker--show-week {
19833
+ width: 368px;
19834
+ }.v-date-picker-controls {
19835
+ display: flex;
20280
19836
  align-items: center;
19837
+ justify-content: space-between;
19838
+ font-size: 0.875rem;
19839
+ padding-top: 4px;
19840
+ padding-bottom: 4px;
19841
+ padding-inline-start: 6px;
19842
+ padding-inline-end: 12px;
20281
19843
  }
20282
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20283
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20284
- position: sticky;
19844
+ .v-date-picker-controls > .v-btn:first-child {
19845
+ text-transform: none;
19846
+ font-weight: 400;
19847
+ line-height: initial;
19848
+ letter-spacing: initial;
20285
19849
  }
20286
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20287
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20288
- cursor: pointer;
20289
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19850
+ .v-date-picker-controls--variant-classic {
19851
+ padding-inline-start: 12px;
20290
19852
  }
20291
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20292
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20293
- opacity: 0;
19853
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19854
+ opacity: 0.7;
20294
19855
  }
20295
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20296
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20297
- opacity: 0.5;
19856
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19857
+ cursor: pointer;
20298
19858
  }
20299
-
20300
- .v-data-table-column--fixed,
20301
- .v-data-table__th--sticky {
20302
- background: rgb(var(--v-theme-surface));
20303
- position: sticky !important;
20304
- left: 0;
20305
- z-index: 1;
19859
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19860
+ opacity: 1;
20306
19861
  }
20307
-
20308
- .v-data-table-column--last-fixed {
20309
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19862
+ .v-date-picker-controls .v-btn:last-child {
19863
+ margin-inline-start: 4px;
20310
19864
  }
20311
-
20312
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20313
- z-index: 2;
19865
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19866
+ transform: rotate(180deg);
20314
19867
  }
20315
19868
 
20316
- .v-data-table-group-header-row td {
20317
- background: rgba(var(--v-theme-surface));
20318
- color: rgba(var(--v-theme-on-surface));
19869
+ .v-date-picker-controls__date {
19870
+ margin-inline-end: 4px;
20319
19871
  }
20320
- .v-data-table-group-header-row td > span {
20321
- padding-left: 5px;
19872
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19873
+ margin: auto;
19874
+ text-align: center;
20322
19875
  }
20323
19876
 
20324
- .v-data-table--loading .v-data-table__td {
20325
- opacity: var(--v-disabled-opacity);
19877
+ .v-date-picker-controls__month {
19878
+ display: flex;
20326
19879
  }
20327
-
20328
- .v-data-table-group-header-row__column {
20329
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19880
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19881
+ flex-direction: row-reverse;
20330
19882
  }
20331
19883
 
20332
- .v-data-table-header__content {
20333
- display: flex;
20334
- align-items: center;
19884
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19885
+ flex: 1 0 auto;
20335
19886
  }
20336
19887
 
20337
- .v-data-table-header__sort-badge {
20338
- display: inline-flex;
20339
- justify-content: center;
20340
- align-items: center;
20341
- font-size: 0.875rem;
20342
- padding: 4px;
20343
- border-radius: 50%;
20344
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20345
- min-width: 20px;
20346
- min-height: 20px;
20347
- width: 20px;
20348
- height: 20px;
19888
+ .v-date-picker__title {
19889
+ display: inline-block;
19890
+ }.v-date-picker-month {
19891
+ display: flex;
19892
+ justify-content: center;
19893
+ padding: 0 12px 8px;
19894
+ --v-date-picker-month-day-diff: 4px;
20349
19895
  }
20350
19896
 
20351
- .v-data-table-progress > th {
20352
- border: none !important;
20353
- height: auto !important;
20354
- padding: 0 !important;
19897
+ .v-date-picker-month__weeks {
19898
+ display: grid;
19899
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19900
+ column-gap: 4px;
19901
+ font-size: 0.85rem;
19902
+ }
19903
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19904
+ grid-row-gap: 0;
20355
19905
  }
20356
19906
 
20357
- .v-data-table-progress__loader {
20358
- position: relative;
19907
+ .v-date-picker-month__weekday {
19908
+ font-size: 0.85rem;
20359
19909
  }
20360
19910
 
20361
- .v-data-table-rows-loading,
20362
- .v-data-table-rows-no-data {
20363
- text-align: center;
19911
+ .v-date-picker-month__days {
19912
+ display: grid;
19913
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19914
+ column-gap: 4px;
19915
+ flex: 1 1;
19916
+ justify-content: space-around;
20364
19917
  }
20365
19918
 
20366
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20367
- grid-template-columns: 0;
19919
+ .v-date-picker-month__day {
19920
+ align-items: center;
19921
+ display: flex;
20368
19922
  justify-content: center;
19923
+ position: relative;
19924
+ height: 40px;
19925
+ width: 40px;
20369
19926
  }
20370
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20371
- grid-template-columns: 0;
20372
- justify-content: end;
19927
+ .v-date-picker-month__day--selected .v-btn {
19928
+ background-color: rgb(var(--v-theme-surface-variant));
19929
+ color: rgb(var(--v-theme-on-surface-variant));
20373
19930
  }
20374
- .v-data-table__tr--mobile > td {
20375
- align-items: center;
20376
- column-gap: 4px;
20377
- display: grid;
20378
- grid-template-columns: repeat(2, 1fr);
20379
- min-height: var(--v-table-row-height);
19931
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19932
+ --v-btn-height: 24px;
19933
+ --v-btn-size: 0.85rem;
20380
19934
  }
20381
- .v-data-table__tr--mobile > td:not(:last-child) {
20382
- border-bottom: 0 !important;
19935
+ .v-date-picker-month__day--week {
19936
+ font-size: var(--v-btn-size);
20383
19937
  }
20384
19938
 
20385
- .v-data-table__td-title {
20386
- font-weight: bold;
20387
- text-align: left;
19939
+ .v-date-picker-month__day--adjacent {
19940
+ opacity: 0.5;
20388
19941
  }
20389
19942
 
20390
- .v-data-table__td-value {
20391
- text-align: right;
19943
+ .v-date-picker-month__day--hide-adjacent {
19944
+ opacity: 0;
19945
+ }.v-date-picker-months {
19946
+ height: 288px;
20392
19947
  }
20393
19948
 
20394
- .v-data-table__td-sort-icon {
20395
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20396
- }
20397
- .v-data-table__td-sort-icon-active {
20398
- color: rgba(var(--v-theme-on-surface));
20399
- }.v-data-table-footer {
19949
+ .v-date-picker-months__content {
20400
19950
  align-items: center;
20401
- display: flex;
20402
- flex-wrap: wrap;
20403
- justify-content: flex-end;
20404
- padding: 8px 4px;
19951
+ display: grid;
19952
+ flex: 1 1;
19953
+ height: inherit;
19954
+ justify-content: space-around;
19955
+ grid-template-columns: repeat(2, 1fr);
19956
+ grid-gap: 0px 24px;
19957
+ padding-inline-start: 36px;
19958
+ padding-inline-end: 36px;
20405
19959
  }
20406
- .v-data-table-footer__items-per-page {
19960
+ .v-date-picker-months__content .v-btn {
19961
+ text-transform: none;
19962
+ padding-inline-start: 8px;
19963
+ padding-inline-end: 8px;
19964
+ }.v-date-picker-years {
19965
+ height: 288px;
19966
+ overflow-y: scroll;
19967
+ }
19968
+
19969
+ .v-date-picker-years__content {
19970
+ display: grid;
19971
+ flex: 1 1;
19972
+ justify-content: space-around;
19973
+ grid-template-columns: repeat(3, 1fr);
19974
+ gap: 8px 24px;
19975
+ padding-inline: 32px;
19976
+ }
19977
+ .v-date-picker-years__content .v-btn {
19978
+ padding-inline: 8px;
19979
+ }.v-dialog {
20407
19980
  align-items: center;
20408
- display: flex;
20409
19981
  justify-content: center;
19982
+ margin: auto;
20410
19983
  }
20411
- .v-data-table-footer__items-per-page > span {
20412
- padding-inline-end: 8px;
20413
- }
20414
- .v-data-table-footer__items-per-page > .v-select {
20415
- width: 90px;
19984
+ .v-dialog > .v-overlay__content {
19985
+ max-height: calc(100% - 48px);
19986
+ width: calc(100% - 48px);
19987
+ max-width: calc(100% - 48px);
19988
+ margin: 24px;
20416
19989
  }
20417
- .v-data-table-footer__info {
19990
+ .v-dialog > .v-overlay__content,
19991
+ .v-dialog > .v-overlay__content > form {
20418
19992
  display: flex;
20419
- justify-content: flex-end;
20420
- min-width: 116px;
20421
- padding: 0 16px;
19993
+ flex-direction: column;
19994
+ min-height: 0;
20422
19995
  }
20423
- .v-data-table-footer__paginationz {
20424
- align-items: center;
19996
+ .v-dialog > .v-overlay__content > .v-card,
19997
+ .v-dialog > .v-overlay__content > .v-sheet,
19998
+ .v-dialog > .v-overlay__content > form > .v-card,
19999
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20000
+ --v-scrollbar-offset: 0px;
20001
+ border-radius: 4px;
20002
+ overflow-y: auto;
20003
+ 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));
20004
+ }
20005
+ .v-dialog > .v-overlay__content > .v-card,
20006
+ .v-dialog > .v-overlay__content > form > .v-card {
20425
20007
  display: flex;
20426
- margin-inline-start: 16px;
20008
+ flex-direction: column;
20427
20009
  }
20428
- .v-data-table-footer__page {
20429
- padding: 0 8px;
20430
- }.v-date-picker {
20431
- overflow: hidden;
20432
- width: 328px;
20010
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20011
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20012
+ padding: 16px 24px;
20433
20013
  }
20434
- .v-date-picker--show-week {
20435
- width: 368px;
20436
- }.v-date-picker-header {
20437
- align-items: flex-end;
20438
- height: 70px;
20439
- display: grid;
20440
- grid-template-areas: "prepend content append";
20441
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20442
- overflow: hidden;
20443
- padding-inline: 24px 12px;
20444
- padding-bottom: 12px;
20014
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20015
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20016
+ padding-top: 0;
20445
20017
  }
20446
-
20447
- .v-date-picker-header__append {
20448
- grid-area: append;
20018
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20019
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20020
+ font-size: inherit;
20021
+ letter-spacing: 0.03125em;
20022
+ line-height: inherit;
20023
+ padding: 16px 24px 24px;
20449
20024
  }
20450
-
20451
- .v-date-picker-header__prepend {
20452
- grid-area: prepend;
20453
- padding-inline-start: 8px;
20025
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20026
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20027
+ justify-content: flex-end;
20454
20028
  }
20455
20029
 
20456
- .v-date-picker-header__content {
20457
- align-items: center;
20458
- display: inline-flex;
20459
- font-size: 32px;
20460
- line-height: 40px;
20461
- grid-area: content;
20462
- justify-content: space-between;
20030
+ .v-dialog--fullscreen {
20031
+ --v-scrollbar-offset: 0px;
20463
20032
  }
20464
- .v-date-picker-header--clickable .v-date-picker-header__content {
20465
- cursor: pointer;
20033
+ .v-dialog--fullscreen > .v-overlay__content {
20034
+ border-radius: 0;
20035
+ margin: 0;
20036
+ padding: 0;
20037
+ width: 100%;
20038
+ height: 100%;
20039
+ max-width: 100%;
20040
+ max-height: 100%;
20041
+ overflow-y: auto;
20042
+ top: 0;
20043
+ left: 0;
20466
20044
  }
20467
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20468
- opacity: 0.7;
20045
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20046
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20047
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20048
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20049
+ min-height: 100%;
20050
+ min-width: 100%;
20051
+ border-radius: 0;
20469
20052
  }
20470
20053
 
20471
- .date-picker-header-transition-enter-active,
20472
- .date-picker-header-reverse-transition-enter-active {
20473
- transition-duration: 0.3s;
20474
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20054
+ .v-dialog--scrollable > .v-overlay__content,
20055
+ .v-dialog--scrollable > .v-overlay__content > form {
20056
+ display: flex;
20057
+ }
20058
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20059
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20060
+ display: flex;
20061
+ flex: 1 1 100%;
20062
+ flex-direction: column;
20063
+ max-height: 100%;
20064
+ max-width: 100%;
20065
+ }
20066
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20067
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20068
+ -webkit-backface-visibility: hidden;
20069
+ backface-visibility: hidden;
20070
+ overflow-y: auto;
20071
+ }.v-divider {
20072
+ display: block;
20073
+ flex: 1 1 100%;
20074
+ height: 0px;
20075
+ max-height: 0px;
20076
+ opacity: var(--v-border-opacity);
20077
+ transition: inherit;
20078
+ border-style: solid;
20079
+ border-width: thin 0 0 0;
20080
+ }
20081
+ .v-divider--vertical {
20082
+ align-self: stretch;
20083
+ border-width: 0 thin 0 0;
20084
+ display: inline-flex;
20085
+ height: 100%;
20086
+ margin-left: -1px;
20087
+ max-height: 100%;
20088
+ max-width: 0px;
20089
+ vertical-align: text-bottom;
20090
+ width: 0px;
20091
+ }
20092
+ .v-divider--inset:not(.v-divider--vertical) {
20093
+ max-width: calc(100% - 72px);
20094
+ margin-inline-start: 72px;
20475
20095
  }
20476
- .date-picker-header-transition-leave-active,
20477
- .date-picker-header-reverse-transition-leave-active {
20478
- transition-duration: 0.3s;
20479
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20096
+ .v-divider--inset.v-divider--vertical {
20097
+ margin-bottom: 8px;
20098
+ margin-top: 8px;
20099
+ max-height: calc(100% - 16px);
20480
20100
  }
20481
20101
 
20482
- .date-picker-header-transition-enter-from {
20483
- transform: translate(0, 100%);
20102
+ .v-divider__content {
20103
+ padding: 0 16px;
20484
20104
  }
20485
- .date-picker-header-transition-leave-to {
20486
- opacity: 0;
20487
- transform: translate(0, -100%);
20105
+ .v-divider__wrapper--vertical .v-divider__content {
20106
+ padding: 4px 0;
20488
20107
  }
20489
20108
 
20490
- .date-picker-header-reverse-transition-enter-from {
20491
- transform: translate(0, -100%);
20492
- }
20493
- .date-picker-header-reverse-transition-leave-to {
20494
- opacity: 0;
20495
- transform: translate(0, 100%);
20496
- }.v-date-picker-controls {
20109
+ .v-divider__wrapper {
20497
20110
  display: flex;
20498
20111
  align-items: center;
20499
- justify-content: space-between;
20500
- font-size: 0.875rem;
20501
- padding-top: 4px;
20502
- padding-bottom: 4px;
20503
- padding-inline-start: 6px;
20504
- padding-inline-end: 12px;
20112
+ justify-content: center;
20505
20113
  }
20506
- .v-date-picker-controls > .v-btn:first-child {
20507
- text-transform: none;
20508
- font-weight: 400;
20509
- line-height: initial;
20510
- letter-spacing: initial;
20114
+ .v-divider__wrapper--vertical {
20115
+ flex-direction: column;
20116
+ height: 100%;
20511
20117
  }
20512
- .v-date-picker-controls--variant-classic {
20513
- padding-inline-start: 12px;
20118
+ .v-divider__wrapper--vertical .v-divider {
20119
+ margin: 0 auto;
20120
+ }.v-empty-state {
20121
+ align-items: center;
20122
+ display: flex;
20123
+ flex-direction: column;
20124
+ justify-content: center;
20125
+ min-height: 100%;
20126
+ padding: 16px;
20514
20127
  }
20515
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20516
- opacity: 0.7;
20128
+ .v-empty-state--start {
20129
+ align-items: flex-start;
20517
20130
  }
20518
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20519
- cursor: pointer;
20131
+ .v-empty-state--center {
20132
+ align-items: center;
20520
20133
  }
20521
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20522
- opacity: 1;
20134
+ .v-empty-state--end {
20135
+ align-items: flex-end;
20523
20136
  }
20524
- .v-date-picker-controls .v-btn:last-child {
20525
- margin-inline-start: 4px;
20137
+
20138
+ .v-empty-state__media {
20139
+ text-align: center;
20140
+ width: 100%;
20526
20141
  }
20527
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20528
- transform: rotate(180deg);
20142
+ .v-empty-state__media .v-icon {
20143
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20529
20144
  }
20530
20145
 
20531
- .v-date-picker-controls__date {
20532
- margin-inline-end: 4px;
20533
- }
20534
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20535
- margin: auto;
20146
+ .v-empty-state__headline {
20147
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20148
+ font-size: 3.75rem;
20149
+ font-weight: 300;
20150
+ line-height: 1;
20536
20151
  text-align: center;
20152
+ margin-bottom: 8px;
20153
+ }
20154
+ .v-empty-state--mobile .v-empty-state__headline {
20155
+ font-size: 2.125rem;
20537
20156
  }
20538
20157
 
20539
- .v-date-picker-controls__month {
20540
- display: flex;
20158
+ .v-empty-state__title {
20159
+ font-size: 1.25rem;
20160
+ font-weight: 500;
20161
+ line-height: 1.6;
20162
+ margin-bottom: 4px;
20163
+ text-align: center;
20541
20164
  }
20542
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20543
- flex-direction: row-reverse;
20165
+
20166
+ .v-empty-state__text {
20167
+ font-size: 0.875rem;
20168
+ font-weight: 400;
20169
+ line-height: 1.425;
20170
+ padding: 0 16px;
20171
+ text-align: center;
20544
20172
  }
20545
20173
 
20546
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20547
- flex: 1 0 auto;
20174
+ .v-empty-state__content {
20175
+ padding: 24px 0;
20548
20176
  }
20549
20177
 
20550
- .v-date-picker__title {
20551
- display: inline-block;
20552
- }.v-date-picker-months {
20553
- height: 288px;
20178
+ .v-empty-state__actions {
20179
+ display: flex;
20180
+ gap: 8px;
20181
+ padding: 16px;
20554
20182
  }
20555
20183
 
20556
- .v-date-picker-months__content {
20557
- align-items: center;
20558
- display: grid;
20559
- flex: 1 1;
20560
- height: inherit;
20561
- justify-content: space-around;
20562
- grid-template-columns: repeat(2, 1fr);
20563
- grid-gap: 0px 24px;
20564
- padding-inline-start: 36px;
20565
- padding-inline-end: 36px;
20184
+ .v-empty-state__action-btn.v-btn {
20185
+ background-color: rgb(var(--v-theme-surface-variant));
20186
+ color: rgb(var(--v-theme-on-surface-variant));
20187
+ }.v-expansion-panel {
20188
+ background-color: rgb(var(--v-theme-surface));
20189
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20566
20190
  }
20567
- .v-date-picker-months__content .v-btn {
20568
- text-transform: none;
20569
- padding-inline-start: 8px;
20570
- padding-inline-end: 8px;
20571
- }.v-date-picker-years {
20572
- height: 288px;
20573
- overflow-y: scroll;
20191
+ .v-expansion-panel:not(:first-child)::after {
20192
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20574
20193
  }
20575
-
20576
- .v-date-picker-years__content {
20577
- display: grid;
20578
- flex: 1 1;
20579
- justify-content: space-around;
20580
- grid-template-columns: repeat(3, 1fr);
20581
- gap: 8px 24px;
20582
- padding-inline: 32px;
20194
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20195
+ color: rgba(var(--v-theme-on-surface), 0.26);
20583
20196
  }
20584
- .v-date-picker-years__content .v-btn {
20585
- padding-inline: 8px;
20586
- }.v-date-picker-month {
20197
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20198
+ opacity: 0.4615384615;
20199
+ }
20200
+
20201
+ .v-expansion-panels {
20587
20202
  display: flex;
20203
+ flex-wrap: wrap;
20588
20204
  justify-content: center;
20589
- padding: 0 12px 8px;
20590
- --v-date-picker-month-day-diff: 4px;
20205
+ list-style-type: none;
20206
+ padding: 0;
20207
+ width: 100%;
20208
+ position: relative;
20209
+ z-index: 1;
20591
20210
  }
20592
-
20593
- .v-date-picker-month__weeks {
20594
- display: grid;
20595
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20596
- column-gap: 4px;
20597
- font-size: 0.85rem;
20211
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20212
+ border-bottom-left-radius: 0 !important;
20213
+ border-bottom-right-radius: 0 !important;
20598
20214
  }
20599
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20600
- grid-row-gap: 0;
20215
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20216
+ border-top-left-radius: 0 !important;
20217
+ border-top-right-radius: 0 !important;
20218
+ }
20219
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20220
+ border-bottom-left-radius: 0 !important;
20221
+ border-bottom-right-radius: 0 !important;
20222
+ }
20223
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20224
+ border-top-left-radius: 0 !important;
20225
+ border-top-right-radius: 0 !important;
20226
+ }
20227
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20228
+ border-bottom-left-radius: 0 !important;
20229
+ border-bottom-right-radius: 0 !important;
20230
+ }
20231
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20232
+ border-top-left-radius: 0 !important;
20233
+ border-top-right-radius: 0 !important;
20234
+ }
20235
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20236
+ border-bottom-left-radius: initial;
20237
+ border-bottom-right-radius: initial;
20238
+ }
20239
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20240
+ border-radius: 0 !important;
20241
+ }
20242
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20243
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20601
20244
  }
20602
20245
 
20603
- .v-date-picker-month__weekday {
20604
- font-size: 0.85rem;
20246
+ .v-expansion-panel {
20247
+ flex: 1 0 100%;
20248
+ max-width: 100%;
20249
+ position: relative;
20250
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20251
+ transition-property: margin-top, border-radius, border, max-width;
20252
+ border-radius: 4px;
20253
+ }
20254
+ .v-expansion-panel:not(:first-child)::after {
20255
+ border-top-style: solid;
20256
+ border-top-width: thin;
20257
+ content: "";
20258
+ left: 0;
20259
+ position: absolute;
20260
+ right: 0;
20261
+ top: 0;
20262
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20263
+ }
20264
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20265
+ pointer-events: none;
20266
+ }
20267
+ .v-expansion-panel--active:not(:first-child),
20268
+ .v-expansion-panel--active + .v-expansion-panel {
20269
+ margin-top: 16px;
20270
+ }
20271
+ .v-expansion-panel--active:not(:first-child)::after,
20272
+ .v-expansion-panel--active + .v-expansion-panel::after {
20273
+ opacity: 0;
20274
+ }
20275
+ .v-expansion-panel--active > .v-expansion-panel-title {
20276
+ border-bottom-left-radius: 0;
20277
+ border-bottom-right-radius: 0;
20278
+ }
20279
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20280
+ min-height: 64px;
20605
20281
  }
20606
20282
 
20607
- .v-date-picker-month__days {
20608
- display: grid;
20609
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20610
- column-gap: 4px;
20611
- flex: 1 1;
20612
- justify-content: space-around;
20283
+ .v-expansion-panel__shadow {
20284
+ position: absolute;
20285
+ top: 0;
20286
+ left: 0;
20287
+ width: 100%;
20288
+ height: 100%;
20289
+ 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));
20290
+ border-radius: inherit;
20291
+ z-index: -1;
20613
20292
  }
20614
20293
 
20615
- .v-date-picker-month__day {
20294
+ .v-expansion-panel-title {
20616
20295
  align-items: center;
20296
+ text-align: start;
20297
+ border-radius: inherit;
20617
20298
  display: flex;
20618
- justify-content: center;
20299
+ font-size: 0.9375rem;
20300
+ line-height: 1;
20301
+ min-height: 48px;
20302
+ outline: none;
20303
+ padding: 16px 24px;
20619
20304
  position: relative;
20620
- height: 40px;
20621
- width: 40px;
20305
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20306
+ width: 100%;
20307
+ justify-content: space-between;
20622
20308
  }
20623
- .v-date-picker-month__day--selected .v-btn {
20624
- background-color: rgb(var(--v-theme-surface-variant));
20625
- color: rgb(var(--v-theme-on-surface-variant));
20309
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20310
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20626
20311
  }
20627
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20628
- --v-btn-height: 24px;
20629
- --v-btn-size: 0.85rem;
20312
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20313
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20630
20314
  }
20631
- .v-date-picker-month__day--week {
20632
- font-size: var(--v-btn-size);
20315
+ @supports not selector(:focus-visible) {
20316
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20317
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20318
+ }
20633
20319
  }
20634
-
20635
- .v-date-picker-month__day--adjacent {
20636
- opacity: 0.5;
20320
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20321
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20322
+ }
20323
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20324
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20325
+ }
20326
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20327
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20328
+ }
20329
+ @supports not selector(:focus-visible) {
20330
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20331
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20332
+ }
20637
20333
  }
20638
20334
 
20639
- .v-date-picker-month__day--hide-adjacent {
20335
+ .v-expansion-panel-title__overlay {
20336
+ position: absolute;
20337
+ top: 0;
20338
+ left: 0;
20339
+ width: 100%;
20340
+ height: 100%;
20341
+ background-color: currentColor;
20342
+ border-radius: inherit;
20640
20343
  opacity: 0;
20641
- }.v-dialog {
20642
- align-items: center;
20643
- justify-content: center;
20644
- margin: auto;
20645
20344
  }
20646
- .v-dialog > .v-overlay__content {
20647
- max-height: calc(100% - 48px);
20648
- width: calc(100% - 48px);
20649
- max-width: calc(100% - 48px);
20650
- margin: 24px;
20345
+
20346
+ .v-expansion-panel-title__icon {
20347
+ display: inline-flex;
20348
+ margin-bottom: -4px;
20349
+ margin-top: -4px;
20350
+ -webkit-user-select: none;
20351
+ user-select: none;
20352
+ margin-inline-start: auto;
20651
20353
  }
20652
- .v-dialog > .v-overlay__content,
20653
- .v-dialog > .v-overlay__content > form {
20354
+
20355
+ .v-expansion-panel-text {
20654
20356
  display: flex;
20655
- flex-direction: column;
20656
- min-height: 0;
20657
20357
  }
20658
- .v-dialog > .v-overlay__content > .v-card,
20659
- .v-dialog > .v-overlay__content > .v-sheet,
20660
- .v-dialog > .v-overlay__content > form > .v-card,
20661
- .v-dialog > .v-overlay__content > form > .v-sheet {
20662
- --v-scrollbar-offset: 0px;
20663
- border-radius: 4px;
20664
- overflow-y: auto;
20665
- 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));
20358
+ .v-expansion-panel-text__wrapper {
20359
+ padding: 8px 24px 16px;
20360
+ flex: 1 1 auto;
20361
+ max-width: 100%;
20666
20362
  }
20667
- .v-dialog > .v-overlay__content > .v-card,
20668
- .v-dialog > .v-overlay__content > form > .v-card {
20669
- display: flex;
20670
- flex-direction: column;
20363
+
20364
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20365
+ margin-top: 0;
20671
20366
  }
20672
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20673
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20674
- padding: 16px 24px;
20367
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20368
+ opacity: 1;
20675
20369
  }
20676
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20677
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20678
- padding-top: 0;
20370
+
20371
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20372
+ max-width: calc(100% - 32px);
20679
20373
  }
20680
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20681
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20682
- font-size: inherit;
20683
- letter-spacing: 0.03125em;
20684
- line-height: inherit;
20685
- padding: 16px 24px 24px;
20374
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20375
+ max-width: calc(100% + 16px);
20686
20376
  }
20687
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20688
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20689
- justify-content: flex-end;
20377
+
20378
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20379
+ max-width: 100%;
20380
+ }
20381
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20382
+ max-width: calc(100% - 32px);
20690
20383
  }
20691
20384
 
20692
- .v-dialog--fullscreen {
20693
- --v-scrollbar-offset: 0px;
20385
+ .v-expansion-panels--flat > .v-expansion-panel::after {
20386
+ border-top: none;
20694
20387
  }
20695
- .v-dialog--fullscreen > .v-overlay__content {
20388
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20389
+ display: none;
20390
+ }
20391
+
20392
+ .v-expansion-panels--tile {
20696
20393
  border-radius: 0;
20697
- margin: 0;
20698
- padding: 0;
20699
- width: 100%;
20700
- height: 100%;
20701
- max-width: 100%;
20702
- max-height: 100%;
20703
- overflow-y: auto;
20704
- top: 0;
20705
- left: 0;
20706
20394
  }
20707
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20708
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20709
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20710
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20711
- min-height: 100%;
20712
- min-width: 100%;
20395
+ .v-expansion-panels--tile > .v-expansion-panel {
20713
20396
  border-radius: 0;
20397
+ }.v-container {
20398
+ width: 100%;
20399
+ padding: 16px;
20400
+ margin-right: auto;
20401
+ margin-left: auto;
20714
20402
  }
20715
-
20716
- .v-dialog--scrollable > .v-overlay__content,
20717
- .v-dialog--scrollable > .v-overlay__content > form {
20718
- display: flex;
20403
+ @media (min-width: 960px) {
20404
+ .v-container {
20405
+ max-width: 900px;
20406
+ }
20719
20407
  }
20720
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20721
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20722
- display: flex;
20723
- flex: 1 1 100%;
20724
- flex-direction: column;
20725
- max-height: 100%;
20726
- max-width: 100%;
20408
+ @media (min-width: 1280px) {
20409
+ .v-container {
20410
+ max-width: 1200px;
20411
+ }
20727
20412
  }
20728
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20729
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20730
- -webkit-backface-visibility: hidden;
20731
- backface-visibility: hidden;
20732
- overflow-y: auto;
20733
- }.v-divider {
20734
- display: block;
20735
- flex: 1 1 100%;
20736
- height: 0px;
20737
- max-height: 0px;
20738
- opacity: var(--v-border-opacity);
20739
- transition: inherit;
20740
- border-style: solid;
20741
- border-width: thin 0 0 0;
20413
+ @media (min-width: 1920px) {
20414
+ .v-container {
20415
+ max-width: 1800px;
20416
+ }
20742
20417
  }
20743
- .v-divider--vertical {
20744
- align-self: stretch;
20745
- border-width: 0 thin 0 0;
20746
- display: inline-flex;
20747
- height: 100%;
20748
- margin-left: -1px;
20749
- max-height: 100%;
20750
- max-width: 0px;
20751
- vertical-align: text-bottom;
20752
- width: 0px;
20418
+ @media (min-width: 2560px) {
20419
+ .v-container {
20420
+ max-width: 2400px;
20421
+ }
20753
20422
  }
20754
- .v-divider--inset:not(.v-divider--vertical) {
20755
- max-width: calc(100% - 72px);
20756
- margin-inline-start: 72px;
20423
+ .v-container--fluid {
20424
+ max-width: 100%;
20757
20425
  }
20758
- .v-divider--inset.v-divider--vertical {
20759
- margin-bottom: 8px;
20760
- margin-top: 8px;
20761
- max-height: calc(100% - 16px);
20426
+ .v-container.fill-height {
20427
+ align-items: center;
20428
+ display: flex;
20429
+ flex-wrap: wrap;
20762
20430
  }
20763
20431
 
20764
- .v-divider__content {
20765
- padding: 0 16px;
20432
+ .v-row {
20433
+ display: flex;
20434
+ flex-wrap: wrap;
20435
+ flex: 1 1 auto;
20436
+ margin: -12px;
20766
20437
  }
20767
- .v-divider__wrapper--vertical .v-divider__content {
20768
- padding: 4px 0;
20438
+ .v-row + .v-row {
20439
+ margin-top: 12px;
20769
20440
  }
20770
-
20771
- .v-divider__wrapper {
20772
- display: flex;
20773
- align-items: center;
20774
- justify-content: center;
20441
+ .v-row + .v-row--dense {
20442
+ margin-top: 4px;
20775
20443
  }
20776
- .v-divider__wrapper--vertical {
20777
- flex-direction: column;
20778
- height: 100%;
20444
+ .v-row--dense {
20445
+ margin: -4px;
20779
20446
  }
20780
- .v-divider__wrapper--vertical .v-divider {
20781
- margin: 0 auto;
20782
- }.v-empty-state {
20783
- align-items: center;
20784
- display: flex;
20785
- flex-direction: column;
20786
- justify-content: center;
20787
- min-height: 100%;
20788
- padding: 16px;
20447
+ .v-row--dense > .v-col,
20448
+ .v-row--dense > [class*=v-col-] {
20449
+ padding: 4px;
20789
20450
  }
20790
- .v-empty-state--start {
20791
- align-items: flex-start;
20451
+ .v-row.v-row--no-gutters {
20452
+ margin: 0;
20792
20453
  }
20793
- .v-empty-state--center {
20794
- align-items: center;
20454
+ .v-row.v-row--no-gutters > .v-col,
20455
+ .v-row.v-row--no-gutters > [class*=v-col-] {
20456
+ padding: 0;
20795
20457
  }
20796
- .v-empty-state--end {
20797
- align-items: flex-end;
20458
+
20459
+ .v-spacer {
20460
+ flex-grow: 1;
20798
20461
  }
20799
20462
 
20800
- .v-empty-state__media {
20801
- text-align: center;
20463
+ .v-col-xxl,
20464
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
20465
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
20466
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
20467
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
20468
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
20469
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
20802
20470
  width: 100%;
20803
- }
20804
- .v-empty-state__media .v-icon {
20805
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20471
+ padding: 12px;
20806
20472
  }
20807
20473
 
20808
- .v-empty-state__headline {
20809
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20810
- font-size: 3.75rem;
20811
- font-weight: 300;
20812
- line-height: 1;
20813
- text-align: center;
20814
- margin-bottom: 8px;
20815
- }
20816
- .v-empty-state--mobile .v-empty-state__headline {
20817
- font-size: 2.125rem;
20474
+ .v-col {
20475
+ flex-basis: 0;
20476
+ flex-grow: 1;
20477
+ max-width: 100%;
20818
20478
  }
20819
20479
 
20820
- .v-empty-state__title {
20821
- font-size: 1.25rem;
20822
- font-weight: 500;
20823
- line-height: 1.6;
20824
- margin-bottom: 4px;
20825
- text-align: center;
20480
+ .v-col-auto {
20481
+ flex: 0 0 auto;
20482
+ width: auto;
20483
+ max-width: 100%;
20826
20484
  }
20827
20485
 
20828
- .v-empty-state__text {
20829
- font-size: 0.875rem;
20830
- font-weight: 400;
20831
- line-height: 1.425;
20832
- padding: 0 16px;
20833
- text-align: center;
20486
+ .v-col-1 {
20487
+ flex: 0 0 8.3333333333%;
20488
+ max-width: 8.3333333333%;
20834
20489
  }
20835
20490
 
20836
- .v-empty-state__content {
20837
- padding: 24px 0;
20491
+ .v-col-2 {
20492
+ flex: 0 0 16.6666666667%;
20493
+ max-width: 16.6666666667%;
20838
20494
  }
20839
20495
 
20840
- .v-empty-state__actions {
20841
- display: flex;
20842
- gap: 8px;
20843
- padding: 16px;
20496
+ .v-col-3 {
20497
+ flex: 0 0 25%;
20498
+ max-width: 25%;
20844
20499
  }
20845
20500
 
20846
- .v-empty-state__action-btn.v-btn {
20847
- background-color: rgb(var(--v-theme-surface-variant));
20848
- color: rgb(var(--v-theme-on-surface-variant));
20849
- }.v-expansion-panel {
20850
- background-color: rgb(var(--v-theme-surface));
20851
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20852
- }
20853
- .v-expansion-panel:not(:first-child)::after {
20854
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20855
- }
20856
- .v-expansion-panel--disabled .v-expansion-panel-title {
20857
- color: rgba(var(--v-theme-on-surface), 0.26);
20858
- }
20859
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20860
- opacity: 0.4615384615;
20501
+ .v-col-4 {
20502
+ flex: 0 0 33.3333333333%;
20503
+ max-width: 33.3333333333%;
20861
20504
  }
20862
20505
 
20863
- .v-expansion-panels {
20864
- display: flex;
20865
- flex-wrap: wrap;
20866
- justify-content: center;
20867
- list-style-type: none;
20868
- padding: 0;
20869
- width: 100%;
20870
- position: relative;
20871
- z-index: 1;
20506
+ .v-col-5 {
20507
+ flex: 0 0 41.6666666667%;
20508
+ max-width: 41.6666666667%;
20872
20509
  }
20873
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20874
- border-bottom-left-radius: 0 !important;
20875
- border-bottom-right-radius: 0 !important;
20510
+
20511
+ .v-col-6 {
20512
+ flex: 0 0 50%;
20513
+ max-width: 50%;
20876
20514
  }
20877
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20878
- border-top-left-radius: 0 !important;
20879
- border-top-right-radius: 0 !important;
20515
+
20516
+ .v-col-7 {
20517
+ flex: 0 0 58.3333333333%;
20518
+ max-width: 58.3333333333%;
20880
20519
  }
20881
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20882
- border-bottom-left-radius: 0 !important;
20883
- border-bottom-right-radius: 0 !important;
20520
+
20521
+ .v-col-8 {
20522
+ flex: 0 0 66.6666666667%;
20523
+ max-width: 66.6666666667%;
20884
20524
  }
20885
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20886
- border-top-left-radius: 0 !important;
20887
- border-top-right-radius: 0 !important;
20525
+
20526
+ .v-col-9 {
20527
+ flex: 0 0 75%;
20528
+ max-width: 75%;
20888
20529
  }
20889
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20890
- border-bottom-left-radius: 0 !important;
20891
- border-bottom-right-radius: 0 !important;
20530
+
20531
+ .v-col-10 {
20532
+ flex: 0 0 83.3333333333%;
20533
+ max-width: 83.3333333333%;
20892
20534
  }
20893
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20894
- border-top-left-radius: 0 !important;
20895
- border-top-right-radius: 0 !important;
20535
+
20536
+ .v-col-11 {
20537
+ flex: 0 0 91.6666666667%;
20538
+ max-width: 91.6666666667%;
20896
20539
  }
20897
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20898
- border-bottom-left-radius: initial;
20899
- border-bottom-right-radius: initial;
20540
+
20541
+ .v-col-12 {
20542
+ flex: 0 0 100%;
20543
+ max-width: 100%;
20900
20544
  }
20901
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20902
- border-radius: 0 !important;
20545
+
20546
+ .offset-1 {
20547
+ margin-inline-start: 8.3333333333%;
20903
20548
  }
20904
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20905
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20549
+
20550
+ .offset-2 {
20551
+ margin-inline-start: 16.6666666667%;
20906
20552
  }
20907
20553
 
20908
- .v-expansion-panel {
20909
- flex: 1 0 100%;
20910
- max-width: 100%;
20911
- position: relative;
20912
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20913
- transition-property: margin-top, border-radius, border, max-width;
20914
- border-radius: 4px;
20554
+ .offset-3 {
20555
+ margin-inline-start: 25%;
20915
20556
  }
20916
- .v-expansion-panel:not(:first-child)::after {
20917
- border-top-style: solid;
20918
- border-top-width: thin;
20919
- content: "";
20920
- left: 0;
20921
- position: absolute;
20922
- right: 0;
20923
- top: 0;
20924
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20557
+
20558
+ .offset-4 {
20559
+ margin-inline-start: 33.3333333333%;
20925
20560
  }
20926
- .v-expansion-panel--disabled .v-expansion-panel-title {
20927
- pointer-events: none;
20561
+
20562
+ .offset-5 {
20563
+ margin-inline-start: 41.6666666667%;
20928
20564
  }
20929
- .v-expansion-panel--active:not(:first-child),
20930
- .v-expansion-panel--active + .v-expansion-panel {
20931
- margin-top: 16px;
20565
+
20566
+ .offset-6 {
20567
+ margin-inline-start: 50%;
20932
20568
  }
20933
- .v-expansion-panel--active:not(:first-child)::after,
20934
- .v-expansion-panel--active + .v-expansion-panel::after {
20935
- opacity: 0;
20569
+
20570
+ .offset-7 {
20571
+ margin-inline-start: 58.3333333333%;
20936
20572
  }
20937
- .v-expansion-panel--active > .v-expansion-panel-title {
20938
- border-bottom-left-radius: 0;
20939
- border-bottom-right-radius: 0;
20573
+
20574
+ .offset-8 {
20575
+ margin-inline-start: 66.6666666667%;
20940
20576
  }
20941
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20942
- min-height: 64px;
20577
+
20578
+ .offset-9 {
20579
+ margin-inline-start: 75%;
20943
20580
  }
20944
20581
 
20945
- .v-expansion-panel__shadow {
20946
- position: absolute;
20947
- top: 0;
20948
- left: 0;
20949
- width: 100%;
20950
- height: 100%;
20951
- 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));
20952
- border-radius: inherit;
20953
- z-index: -1;
20582
+ .offset-10 {
20583
+ margin-inline-start: 83.3333333333%;
20954
20584
  }
20955
20585
 
20956
- .v-expansion-panel-title {
20957
- align-items: center;
20958
- text-align: start;
20959
- border-radius: inherit;
20960
- display: flex;
20961
- font-size: 0.9375rem;
20962
- line-height: 1;
20963
- min-height: 48px;
20964
- outline: none;
20965
- padding: 16px 24px;
20966
- position: relative;
20967
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20968
- width: 100%;
20969
- justify-content: space-between;
20586
+ .offset-11 {
20587
+ margin-inline-start: 91.6666666667%;
20970
20588
  }
20971
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20972
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20589
+
20590
+ @media (min-width: 600px) {
20591
+ .v-col-sm {
20592
+ flex-basis: 0;
20593
+ flex-grow: 1;
20594
+ max-width: 100%;
20595
+ }
20596
+ .v-col-sm-auto {
20597
+ flex: 0 0 auto;
20598
+ width: auto;
20599
+ max-width: 100%;
20600
+ }
20601
+ .v-col-sm-1 {
20602
+ flex: 0 0 8.3333333333%;
20603
+ max-width: 8.3333333333%;
20604
+ }
20605
+ .v-col-sm-2 {
20606
+ flex: 0 0 16.6666666667%;
20607
+ max-width: 16.6666666667%;
20608
+ }
20609
+ .v-col-sm-3 {
20610
+ flex: 0 0 25%;
20611
+ max-width: 25%;
20612
+ }
20613
+ .v-col-sm-4 {
20614
+ flex: 0 0 33.3333333333%;
20615
+ max-width: 33.3333333333%;
20616
+ }
20617
+ .v-col-sm-5 {
20618
+ flex: 0 0 41.6666666667%;
20619
+ max-width: 41.6666666667%;
20620
+ }
20621
+ .v-col-sm-6 {
20622
+ flex: 0 0 50%;
20623
+ max-width: 50%;
20624
+ }
20625
+ .v-col-sm-7 {
20626
+ flex: 0 0 58.3333333333%;
20627
+ max-width: 58.3333333333%;
20628
+ }
20629
+ .v-col-sm-8 {
20630
+ flex: 0 0 66.6666666667%;
20631
+ max-width: 66.6666666667%;
20632
+ }
20633
+ .v-col-sm-9 {
20634
+ flex: 0 0 75%;
20635
+ max-width: 75%;
20636
+ }
20637
+ .v-col-sm-10 {
20638
+ flex: 0 0 83.3333333333%;
20639
+ max-width: 83.3333333333%;
20640
+ }
20641
+ .v-col-sm-11 {
20642
+ flex: 0 0 91.6666666667%;
20643
+ max-width: 91.6666666667%;
20644
+ }
20645
+ .v-col-sm-12 {
20646
+ flex: 0 0 100%;
20647
+ max-width: 100%;
20648
+ }
20649
+ .offset-sm-0 {
20650
+ margin-inline-start: 0;
20651
+ }
20652
+ .offset-sm-1 {
20653
+ margin-inline-start: 8.3333333333%;
20654
+ }
20655
+ .offset-sm-2 {
20656
+ margin-inline-start: 16.6666666667%;
20657
+ }
20658
+ .offset-sm-3 {
20659
+ margin-inline-start: 25%;
20660
+ }
20661
+ .offset-sm-4 {
20662
+ margin-inline-start: 33.3333333333%;
20663
+ }
20664
+ .offset-sm-5 {
20665
+ margin-inline-start: 41.6666666667%;
20666
+ }
20667
+ .offset-sm-6 {
20668
+ margin-inline-start: 50%;
20669
+ }
20670
+ .offset-sm-7 {
20671
+ margin-inline-start: 58.3333333333%;
20672
+ }
20673
+ .offset-sm-8 {
20674
+ margin-inline-start: 66.6666666667%;
20675
+ }
20676
+ .offset-sm-9 {
20677
+ margin-inline-start: 75%;
20678
+ }
20679
+ .offset-sm-10 {
20680
+ margin-inline-start: 83.3333333333%;
20681
+ }
20682
+ .offset-sm-11 {
20683
+ margin-inline-start: 91.6666666667%;
20684
+ }
20973
20685
  }
20974
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20975
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20686
+ @media (min-width: 960px) {
20687
+ .v-col-md {
20688
+ flex-basis: 0;
20689
+ flex-grow: 1;
20690
+ max-width: 100%;
20691
+ }
20692
+ .v-col-md-auto {
20693
+ flex: 0 0 auto;
20694
+ width: auto;
20695
+ max-width: 100%;
20696
+ }
20697
+ .v-col-md-1 {
20698
+ flex: 0 0 8.3333333333%;
20699
+ max-width: 8.3333333333%;
20700
+ }
20701
+ .v-col-md-2 {
20702
+ flex: 0 0 16.6666666667%;
20703
+ max-width: 16.6666666667%;
20704
+ }
20705
+ .v-col-md-3 {
20706
+ flex: 0 0 25%;
20707
+ max-width: 25%;
20708
+ }
20709
+ .v-col-md-4 {
20710
+ flex: 0 0 33.3333333333%;
20711
+ max-width: 33.3333333333%;
20712
+ }
20713
+ .v-col-md-5 {
20714
+ flex: 0 0 41.6666666667%;
20715
+ max-width: 41.6666666667%;
20716
+ }
20717
+ .v-col-md-6 {
20718
+ flex: 0 0 50%;
20719
+ max-width: 50%;
20720
+ }
20721
+ .v-col-md-7 {
20722
+ flex: 0 0 58.3333333333%;
20723
+ max-width: 58.3333333333%;
20724
+ }
20725
+ .v-col-md-8 {
20726
+ flex: 0 0 66.6666666667%;
20727
+ max-width: 66.6666666667%;
20728
+ }
20729
+ .v-col-md-9 {
20730
+ flex: 0 0 75%;
20731
+ max-width: 75%;
20732
+ }
20733
+ .v-col-md-10 {
20734
+ flex: 0 0 83.3333333333%;
20735
+ max-width: 83.3333333333%;
20736
+ }
20737
+ .v-col-md-11 {
20738
+ flex: 0 0 91.6666666667%;
20739
+ max-width: 91.6666666667%;
20740
+ }
20741
+ .v-col-md-12 {
20742
+ flex: 0 0 100%;
20743
+ max-width: 100%;
20744
+ }
20745
+ .offset-md-0 {
20746
+ margin-inline-start: 0;
20747
+ }
20748
+ .offset-md-1 {
20749
+ margin-inline-start: 8.3333333333%;
20750
+ }
20751
+ .offset-md-2 {
20752
+ margin-inline-start: 16.6666666667%;
20753
+ }
20754
+ .offset-md-3 {
20755
+ margin-inline-start: 25%;
20756
+ }
20757
+ .offset-md-4 {
20758
+ margin-inline-start: 33.3333333333%;
20759
+ }
20760
+ .offset-md-5 {
20761
+ margin-inline-start: 41.6666666667%;
20762
+ }
20763
+ .offset-md-6 {
20764
+ margin-inline-start: 50%;
20765
+ }
20766
+ .offset-md-7 {
20767
+ margin-inline-start: 58.3333333333%;
20768
+ }
20769
+ .offset-md-8 {
20770
+ margin-inline-start: 66.6666666667%;
20771
+ }
20772
+ .offset-md-9 {
20773
+ margin-inline-start: 75%;
20774
+ }
20775
+ .offset-md-10 {
20776
+ margin-inline-start: 83.3333333333%;
20777
+ }
20778
+ .offset-md-11 {
20779
+ margin-inline-start: 91.6666666667%;
20780
+ }
20976
20781
  }
20977
- @supports not selector(:focus-visible) {
20978
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20979
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20782
+ @media (min-width: 1280px) {
20783
+ .v-col-lg {
20784
+ flex-basis: 0;
20785
+ flex-grow: 1;
20786
+ max-width: 100%;
20787
+ }
20788
+ .v-col-lg-auto {
20789
+ flex: 0 0 auto;
20790
+ width: auto;
20791
+ max-width: 100%;
20792
+ }
20793
+ .v-col-lg-1 {
20794
+ flex: 0 0 8.3333333333%;
20795
+ max-width: 8.3333333333%;
20796
+ }
20797
+ .v-col-lg-2 {
20798
+ flex: 0 0 16.6666666667%;
20799
+ max-width: 16.6666666667%;
20800
+ }
20801
+ .v-col-lg-3 {
20802
+ flex: 0 0 25%;
20803
+ max-width: 25%;
20804
+ }
20805
+ .v-col-lg-4 {
20806
+ flex: 0 0 33.3333333333%;
20807
+ max-width: 33.3333333333%;
20808
+ }
20809
+ .v-col-lg-5 {
20810
+ flex: 0 0 41.6666666667%;
20811
+ max-width: 41.6666666667%;
20812
+ }
20813
+ .v-col-lg-6 {
20814
+ flex: 0 0 50%;
20815
+ max-width: 50%;
20816
+ }
20817
+ .v-col-lg-7 {
20818
+ flex: 0 0 58.3333333333%;
20819
+ max-width: 58.3333333333%;
20820
+ }
20821
+ .v-col-lg-8 {
20822
+ flex: 0 0 66.6666666667%;
20823
+ max-width: 66.6666666667%;
20824
+ }
20825
+ .v-col-lg-9 {
20826
+ flex: 0 0 75%;
20827
+ max-width: 75%;
20828
+ }
20829
+ .v-col-lg-10 {
20830
+ flex: 0 0 83.3333333333%;
20831
+ max-width: 83.3333333333%;
20832
+ }
20833
+ .v-col-lg-11 {
20834
+ flex: 0 0 91.6666666667%;
20835
+ max-width: 91.6666666667%;
20836
+ }
20837
+ .v-col-lg-12 {
20838
+ flex: 0 0 100%;
20839
+ max-width: 100%;
20840
+ }
20841
+ .offset-lg-0 {
20842
+ margin-inline-start: 0;
20843
+ }
20844
+ .offset-lg-1 {
20845
+ margin-inline-start: 8.3333333333%;
20846
+ }
20847
+ .offset-lg-2 {
20848
+ margin-inline-start: 16.6666666667%;
20849
+ }
20850
+ .offset-lg-3 {
20851
+ margin-inline-start: 25%;
20852
+ }
20853
+ .offset-lg-4 {
20854
+ margin-inline-start: 33.3333333333%;
20855
+ }
20856
+ .offset-lg-5 {
20857
+ margin-inline-start: 41.6666666667%;
20980
20858
  }
20981
- }
20982
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20983
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20984
- }
20985
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20986
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20987
- }
20988
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20989
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20990
- }
20991
- @supports not selector(:focus-visible) {
20992
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20993
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20859
+ .offset-lg-6 {
20860
+ margin-inline-start: 50%;
20861
+ }
20862
+ .offset-lg-7 {
20863
+ margin-inline-start: 58.3333333333%;
20864
+ }
20865
+ .offset-lg-8 {
20866
+ margin-inline-start: 66.6666666667%;
20867
+ }
20868
+ .offset-lg-9 {
20869
+ margin-inline-start: 75%;
20870
+ }
20871
+ .offset-lg-10 {
20872
+ margin-inline-start: 83.3333333333%;
20873
+ }
20874
+ .offset-lg-11 {
20875
+ margin-inline-start: 91.6666666667%;
20994
20876
  }
20995
20877
  }
20996
-
20997
- .v-expansion-panel-title__overlay {
20998
- position: absolute;
20999
- top: 0;
21000
- left: 0;
21001
- width: 100%;
21002
- height: 100%;
21003
- background-color: currentColor;
21004
- border-radius: inherit;
21005
- opacity: 0;
21006
- }
21007
-
21008
- .v-expansion-panel-title__icon {
21009
- display: inline-flex;
21010
- margin-bottom: -4px;
21011
- margin-top: -4px;
21012
- -webkit-user-select: none;
21013
- user-select: none;
21014
- margin-inline-start: auto;
21015
- }
21016
-
21017
- .v-expansion-panel-text {
21018
- display: flex;
21019
- }
21020
- .v-expansion-panel-text__wrapper {
21021
- padding: 8px 24px 16px;
21022
- flex: 1 1 auto;
21023
- max-width: 100%;
21024
- }
21025
-
21026
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21027
- margin-top: 0;
21028
- }
21029
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21030
- opacity: 1;
21031
- }
21032
-
21033
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21034
- max-width: calc(100% - 32px);
21035
- }
21036
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21037
- max-width: calc(100% + 16px);
21038
- }
21039
-
21040
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21041
- max-width: 100%;
21042
- }
21043
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21044
- max-width: calc(100% - 32px);
21045
- }
21046
-
21047
- .v-expansion-panels--flat > .v-expansion-panel::after {
21048
- border-top: none;
21049
- }
21050
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21051
- display: none;
21052
- }
21053
-
21054
- .v-expansion-panels--tile {
21055
- border-radius: 0;
20878
+ @media (min-width: 1920px) {
20879
+ .v-col-xl {
20880
+ flex-basis: 0;
20881
+ flex-grow: 1;
20882
+ max-width: 100%;
20883
+ }
20884
+ .v-col-xl-auto {
20885
+ flex: 0 0 auto;
20886
+ width: auto;
20887
+ max-width: 100%;
20888
+ }
20889
+ .v-col-xl-1 {
20890
+ flex: 0 0 8.3333333333%;
20891
+ max-width: 8.3333333333%;
20892
+ }
20893
+ .v-col-xl-2 {
20894
+ flex: 0 0 16.6666666667%;
20895
+ max-width: 16.6666666667%;
20896
+ }
20897
+ .v-col-xl-3 {
20898
+ flex: 0 0 25%;
20899
+ max-width: 25%;
20900
+ }
20901
+ .v-col-xl-4 {
20902
+ flex: 0 0 33.3333333333%;
20903
+ max-width: 33.3333333333%;
20904
+ }
20905
+ .v-col-xl-5 {
20906
+ flex: 0 0 41.6666666667%;
20907
+ max-width: 41.6666666667%;
20908
+ }
20909
+ .v-col-xl-6 {
20910
+ flex: 0 0 50%;
20911
+ max-width: 50%;
20912
+ }
20913
+ .v-col-xl-7 {
20914
+ flex: 0 0 58.3333333333%;
20915
+ max-width: 58.3333333333%;
20916
+ }
20917
+ .v-col-xl-8 {
20918
+ flex: 0 0 66.6666666667%;
20919
+ max-width: 66.6666666667%;
20920
+ }
20921
+ .v-col-xl-9 {
20922
+ flex: 0 0 75%;
20923
+ max-width: 75%;
20924
+ }
20925
+ .v-col-xl-10 {
20926
+ flex: 0 0 83.3333333333%;
20927
+ max-width: 83.3333333333%;
20928
+ }
20929
+ .v-col-xl-11 {
20930
+ flex: 0 0 91.6666666667%;
20931
+ max-width: 91.6666666667%;
20932
+ }
20933
+ .v-col-xl-12 {
20934
+ flex: 0 0 100%;
20935
+ max-width: 100%;
20936
+ }
20937
+ .offset-xl-0 {
20938
+ margin-inline-start: 0;
20939
+ }
20940
+ .offset-xl-1 {
20941
+ margin-inline-start: 8.3333333333%;
20942
+ }
20943
+ .offset-xl-2 {
20944
+ margin-inline-start: 16.6666666667%;
20945
+ }
20946
+ .offset-xl-3 {
20947
+ margin-inline-start: 25%;
20948
+ }
20949
+ .offset-xl-4 {
20950
+ margin-inline-start: 33.3333333333%;
20951
+ }
20952
+ .offset-xl-5 {
20953
+ margin-inline-start: 41.6666666667%;
20954
+ }
20955
+ .offset-xl-6 {
20956
+ margin-inline-start: 50%;
20957
+ }
20958
+ .offset-xl-7 {
20959
+ margin-inline-start: 58.3333333333%;
20960
+ }
20961
+ .offset-xl-8 {
20962
+ margin-inline-start: 66.6666666667%;
20963
+ }
20964
+ .offset-xl-9 {
20965
+ margin-inline-start: 75%;
20966
+ }
20967
+ .offset-xl-10 {
20968
+ margin-inline-start: 83.3333333333%;
20969
+ }
20970
+ .offset-xl-11 {
20971
+ margin-inline-start: 91.6666666667%;
20972
+ }
21056
20973
  }
21057
- .v-expansion-panels--tile > .v-expansion-panel {
21058
- border-radius: 0;
20974
+ @media (min-width: 2560px) {
20975
+ .v-col-xxl {
20976
+ flex-basis: 0;
20977
+ flex-grow: 1;
20978
+ max-width: 100%;
20979
+ }
20980
+ .v-col-xxl-auto {
20981
+ flex: 0 0 auto;
20982
+ width: auto;
20983
+ max-width: 100%;
20984
+ }
20985
+ .v-col-xxl-1 {
20986
+ flex: 0 0 8.3333333333%;
20987
+ max-width: 8.3333333333%;
20988
+ }
20989
+ .v-col-xxl-2 {
20990
+ flex: 0 0 16.6666666667%;
20991
+ max-width: 16.6666666667%;
20992
+ }
20993
+ .v-col-xxl-3 {
20994
+ flex: 0 0 25%;
20995
+ max-width: 25%;
20996
+ }
20997
+ .v-col-xxl-4 {
20998
+ flex: 0 0 33.3333333333%;
20999
+ max-width: 33.3333333333%;
21000
+ }
21001
+ .v-col-xxl-5 {
21002
+ flex: 0 0 41.6666666667%;
21003
+ max-width: 41.6666666667%;
21004
+ }
21005
+ .v-col-xxl-6 {
21006
+ flex: 0 0 50%;
21007
+ max-width: 50%;
21008
+ }
21009
+ .v-col-xxl-7 {
21010
+ flex: 0 0 58.3333333333%;
21011
+ max-width: 58.3333333333%;
21012
+ }
21013
+ .v-col-xxl-8 {
21014
+ flex: 0 0 66.6666666667%;
21015
+ max-width: 66.6666666667%;
21016
+ }
21017
+ .v-col-xxl-9 {
21018
+ flex: 0 0 75%;
21019
+ max-width: 75%;
21020
+ }
21021
+ .v-col-xxl-10 {
21022
+ flex: 0 0 83.3333333333%;
21023
+ max-width: 83.3333333333%;
21024
+ }
21025
+ .v-col-xxl-11 {
21026
+ flex: 0 0 91.6666666667%;
21027
+ max-width: 91.6666666667%;
21028
+ }
21029
+ .v-col-xxl-12 {
21030
+ flex: 0 0 100%;
21031
+ max-width: 100%;
21032
+ }
21033
+ .offset-xxl-0 {
21034
+ margin-inline-start: 0;
21035
+ }
21036
+ .offset-xxl-1 {
21037
+ margin-inline-start: 8.3333333333%;
21038
+ }
21039
+ .offset-xxl-2 {
21040
+ margin-inline-start: 16.6666666667%;
21041
+ }
21042
+ .offset-xxl-3 {
21043
+ margin-inline-start: 25%;
21044
+ }
21045
+ .offset-xxl-4 {
21046
+ margin-inline-start: 33.3333333333%;
21047
+ }
21048
+ .offset-xxl-5 {
21049
+ margin-inline-start: 41.6666666667%;
21050
+ }
21051
+ .offset-xxl-6 {
21052
+ margin-inline-start: 50%;
21053
+ }
21054
+ .offset-xxl-7 {
21055
+ margin-inline-start: 58.3333333333%;
21056
+ }
21057
+ .offset-xxl-8 {
21058
+ margin-inline-start: 66.6666666667%;
21059
+ }
21060
+ .offset-xxl-9 {
21061
+ margin-inline-start: 75%;
21062
+ }
21063
+ .offset-xxl-10 {
21064
+ margin-inline-start: 83.3333333333%;
21065
+ }
21066
+ .offset-xxl-11 {
21067
+ margin-inline-start: 91.6666666667%;
21068
+ }
21059
21069
  }.v-fab {
21060
21070
  align-items: center;
21061
21071
  display: inline-flex;
@@ -21695,7 +21705,35 @@ textarea.v-field__input::placeholder {
21695
21705
  opacity: 0;
21696
21706
  }
21697
21707
 
21698
- /* endregion */.v-file-input--hide.v-input .v-field,
21708
+ /* endregion */.v-footer {
21709
+ align-items: center;
21710
+ display: flex;
21711
+ flex: 1 1 auto;
21712
+ padding: 8px 16px;
21713
+ position: relative;
21714
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21715
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21716
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21717
+ border-style: solid;
21718
+ border-width: 0;
21719
+ 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));
21720
+ border-radius: 0;
21721
+ background: rgb(var(--v-theme-surface));
21722
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21723
+ }
21724
+ .v-footer--border {
21725
+ border-width: thin;
21726
+ box-shadow: none;
21727
+ }
21728
+ .v-footer--absolute {
21729
+ position: absolute;
21730
+ }
21731
+ .v-footer--fixed {
21732
+ position: fixed;
21733
+ }
21734
+ .v-footer--rounded {
21735
+ border-radius: 4px;
21736
+ }.v-file-input--hide.v-input .v-field,
21699
21737
  .v-file-input--hide.v-input .v-input__control,
21700
21738
  .v-file-input--hide.v-input .v-input__details {
21701
21739
  display: none;
@@ -21724,34 +21762,6 @@ textarea.v-field__input::placeholder {
21724
21762
  }
21725
21763
  .v-input--plain-underlined.v-file-input .v-input__details {
21726
21764
  padding-inline: 0;
21727
- }.v-footer {
21728
- align-items: center;
21729
- display: flex;
21730
- flex: 1 1 auto;
21731
- padding: 8px 16px;
21732
- position: relative;
21733
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21734
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21735
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21736
- border-style: solid;
21737
- border-width: 0;
21738
- 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));
21739
- border-radius: 0;
21740
- background: rgb(var(--v-theme-surface));
21741
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21742
- }
21743
- .v-footer--border {
21744
- border-width: thin;
21745
- box-shadow: none;
21746
- }
21747
- .v-footer--absolute {
21748
- position: absolute;
21749
- }
21750
- .v-footer--fixed {
21751
- position: fixed;
21752
- }
21753
- .v-footer--rounded {
21754
- border-radius: 4px;
21755
21765
  }.v-icon {
21756
21766
  --v-icon-size-multiplier: 1;
21757
21767
  align-items: center;
@@ -22043,6 +22053,36 @@ textarea.v-field__input::placeholder {
22043
22053
 
22044
22054
  .v-layout-item--absolute {
22045
22055
  position: absolute;
22056
+ }.v-locale-provider {
22057
+ display: contents;
22058
+ }.v-main {
22059
+ flex: 1 0 auto;
22060
+ max-width: 100%;
22061
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22062
+ padding-left: var(--v-layout-left);
22063
+ padding-right: var(--v-layout-right);
22064
+ padding-top: var(--v-layout-top);
22065
+ padding-bottom: var(--v-layout-bottom);
22066
+ }
22067
+ .v-main__scroller {
22068
+ max-width: 100%;
22069
+ position: relative;
22070
+ }
22071
+ .v-main--scrollable {
22072
+ display: flex;
22073
+ position: absolute;
22074
+ top: 0;
22075
+ left: 0;
22076
+ width: 100%;
22077
+ height: 100%;
22078
+ }
22079
+ .v-main--scrollable > .v-main__scroller {
22080
+ flex: 1 1 auto;
22081
+ overflow-y: auto;
22082
+ --v-layout-left: 0px;
22083
+ --v-layout-right: 0px;
22084
+ --v-layout-top: 0px;
22085
+ --v-layout-bottom: 0px;
22046
22086
  }.v-list {
22047
22087
  overflow: auto;
22048
22088
  padding: 8px 0;
@@ -22222,13 +22262,15 @@ textarea.v-field__input::placeholder {
22222
22262
  background: currentColor;
22223
22263
  opacity: var(--v-activated-opacity);
22224
22264
  border-radius: inherit;
22225
- position: absolute;
22226
22265
  top: 0;
22227
22266
  right: 0;
22228
22267
  bottom: 0;
22229
22268
  left: 0;
22230
22269
  pointer-events: none;
22231
22270
  }
22271
+ .v-list-item .v-list-item__underlay {
22272
+ position: absolute;
22273
+ }
22232
22274
  @supports selector(:focus-visible) {
22233
22275
  .v-list-item::after {
22234
22276
  content: "";
@@ -22598,36 +22640,6 @@ textarea.v-field__input::placeholder {
22598
22640
  }
22599
22641
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22600
22642
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22601
- }.v-locale-provider {
22602
- display: contents;
22603
- }.v-main {
22604
- flex: 1 0 auto;
22605
- max-width: 100%;
22606
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22607
- padding-left: var(--v-layout-left);
22608
- padding-right: var(--v-layout-right);
22609
- padding-top: var(--v-layout-top);
22610
- padding-bottom: var(--v-layout-bottom);
22611
- }
22612
- .v-main__scroller {
22613
- max-width: 100%;
22614
- position: relative;
22615
- }
22616
- .v-main--scrollable {
22617
- display: flex;
22618
- position: absolute;
22619
- top: 0;
22620
- left: 0;
22621
- width: 100%;
22622
- height: 100%;
22623
- }
22624
- .v-main--scrollable > .v-main__scroller {
22625
- flex: 1 1 auto;
22626
- overflow-y: auto;
22627
- --v-layout-left: 0px;
22628
- --v-layout-right: 0px;
22629
- --v-layout-top: 0px;
22630
- --v-layout-bottom: 0px;
22631
22643
  }.v-menu > .v-overlay__content {
22632
22644
  display: flex;
22633
22645
  flex-direction: column;
@@ -23217,63 +23229,6 @@ html.v-overlay-scroll-blocked {
23217
23229
  }
23218
23230
  .v-radio-group .v-input__details {
23219
23231
  padding-inline: 16px;
23220
- }.v-slider .v-slider__container input {
23221
- cursor: default;
23222
- padding: 0;
23223
- width: 100%;
23224
- display: none;
23225
- }
23226
- .v-slider > .v-input__append,
23227
- .v-slider > .v-input__prepend {
23228
- padding: 0;
23229
- }
23230
-
23231
- .v-slider__container {
23232
- position: relative;
23233
- min-height: inherit;
23234
- width: 100%;
23235
- height: 100%;
23236
- display: flex;
23237
- justify-content: center;
23238
- align-items: center;
23239
- cursor: pointer;
23240
- }
23241
- .v-input--disabled .v-slider__container {
23242
- opacity: var(--v-disabled-opacity);
23243
- }
23244
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23245
- color: rgb(var(--v-theme-error));
23246
- }
23247
-
23248
- .v-slider.v-input--horizontal {
23249
- align-items: center;
23250
- margin-inline: 8px 8px;
23251
- }
23252
- .v-slider.v-input--horizontal > .v-input__control {
23253
- min-height: 32px;
23254
- display: flex;
23255
- align-items: center;
23256
- }
23257
-
23258
- .v-slider.v-input--vertical {
23259
- justify-content: center;
23260
- margin-top: 12px;
23261
- margin-bottom: 12px;
23262
- }
23263
- .v-slider.v-input--vertical > .v-input__control {
23264
- min-height: 300px;
23265
- }
23266
-
23267
- .v-slider.v-input--disabled {
23268
- pointer-events: none;
23269
- }
23270
-
23271
- .v-slider--has-labels > .v-input__control {
23272
- margin-bottom: 4px;
23273
- }
23274
-
23275
- .v-slider__label {
23276
- margin-inline-end: 12px;
23277
23232
  }.v-rating {
23278
23233
  max-width: 100%;
23279
23234
  display: inline-flex;
@@ -23328,6 +23283,63 @@ html.v-overlay-scroll-blocked {
23328
23283
  opacity: 0;
23329
23284
  position: absolute;
23330
23285
  width: 0;
23286
+ }.v-slider .v-slider__container input {
23287
+ cursor: default;
23288
+ padding: 0;
23289
+ width: 100%;
23290
+ display: none;
23291
+ }
23292
+ .v-slider > .v-input__append,
23293
+ .v-slider > .v-input__prepend {
23294
+ padding: 0;
23295
+ }
23296
+
23297
+ .v-slider__container {
23298
+ position: relative;
23299
+ min-height: inherit;
23300
+ width: 100%;
23301
+ height: 100%;
23302
+ display: flex;
23303
+ justify-content: center;
23304
+ align-items: center;
23305
+ cursor: pointer;
23306
+ }
23307
+ .v-input--disabled .v-slider__container {
23308
+ opacity: var(--v-disabled-opacity);
23309
+ }
23310
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23311
+ color: rgb(var(--v-theme-error));
23312
+ }
23313
+
23314
+ .v-slider.v-input--horizontal {
23315
+ align-items: center;
23316
+ margin-inline: 8px 8px;
23317
+ }
23318
+ .v-slider.v-input--horizontal > .v-input__control {
23319
+ min-height: 32px;
23320
+ display: flex;
23321
+ align-items: center;
23322
+ }
23323
+
23324
+ .v-slider.v-input--vertical {
23325
+ justify-content: center;
23326
+ margin-top: 12px;
23327
+ margin-bottom: 12px;
23328
+ }
23329
+ .v-slider.v-input--vertical > .v-input__control {
23330
+ min-height: 300px;
23331
+ }
23332
+
23333
+ .v-slider.v-input--disabled {
23334
+ pointer-events: none;
23335
+ }
23336
+
23337
+ .v-slider--has-labels > .v-input__control {
23338
+ margin-bottom: 4px;
23339
+ }
23340
+
23341
+ .v-slider__label {
23342
+ margin-inline-end: 12px;
23331
23343
  }.v-responsive {
23332
23344
  display: flex;
23333
23345
  flex: 1 0 auto;
@@ -23870,13 +23882,15 @@ html.v-overlay-scroll-blocked {
23870
23882
  background: currentColor;
23871
23883
  opacity: var(--v-activated-opacity);
23872
23884
  border-radius: inherit;
23873
- position: absolute;
23874
23885
  top: 0;
23875
23886
  right: 0;
23876
23887
  bottom: 0;
23877
23888
  left: 0;
23878
23889
  pointer-events: none;
23879
23890
  }
23891
+ .v-snackbar .v-snackbar__underlay {
23892
+ position: absolute;
23893
+ }
23880
23894
 
23881
23895
  .v-snackbar__content {
23882
23896
  flex-grow: 1;
@@ -23994,6 +24008,142 @@ html.v-overlay-scroll-blocked {
23994
24008
  }
23995
24009
  .v-speed-dial__content > *:nth-child(10) {
23996
24010
  transition-delay: 0.45s;
24011
+ }.v-switch .v-label {
24012
+ padding-inline-start: 10px;
24013
+ }
24014
+
24015
+ .v-switch__loader {
24016
+ display: flex;
24017
+ }
24018
+ .v-switch__loader .v-progress-circular {
24019
+ color: rgb(var(--v-theme-surface));
24020
+ }
24021
+
24022
+ .v-switch__track,
24023
+ .v-switch__thumb {
24024
+ transition: none;
24025
+ }
24026
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24027
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24028
+ background-color: rgb(var(--v-theme-error));
24029
+ color: rgb(var(--v-theme-on-error));
24030
+ }
24031
+
24032
+ .v-switch__track-true {
24033
+ margin-inline-end: auto;
24034
+ }
24035
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24036
+ opacity: 0;
24037
+ }
24038
+
24039
+ .v-switch__track-false {
24040
+ margin-inline-start: auto;
24041
+ }
24042
+ .v-selection-control--dirty .v-switch__track-false {
24043
+ opacity: 0;
24044
+ }
24045
+
24046
+ .v-switch__track {
24047
+ display: inline-flex;
24048
+ align-items: center;
24049
+ font-size: 0.5rem;
24050
+ padding: 0 5px;
24051
+ background-color: rgb(var(--v-theme-surface-variant));
24052
+ border-radius: 9999px;
24053
+ height: 14px;
24054
+ opacity: 0.6;
24055
+ min-width: 36px;
24056
+ cursor: pointer;
24057
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24058
+ }
24059
+ .v-switch--inset .v-switch__track {
24060
+ border-radius: 9999px;
24061
+ font-size: 0.75rem;
24062
+ height: 32px;
24063
+ min-width: 52px;
24064
+ }
24065
+
24066
+ .v-switch__thumb {
24067
+ align-items: center;
24068
+ background-color: rgb(var(--v-theme-surface-bright));
24069
+ color: rgb(var(--v-theme-on-surface-bright));
24070
+ border-radius: 50%;
24071
+ display: flex;
24072
+ font-size: 0.75rem;
24073
+ height: 20px;
24074
+ justify-content: center;
24075
+ width: 20px;
24076
+ pointer-events: none;
24077
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24078
+ position: relative;
24079
+ overflow: hidden;
24080
+ }
24081
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24082
+ 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));
24083
+ }
24084
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24085
+ background: rgb(var(--v-theme-surface-variant));
24086
+ color: rgb(var(--v-theme-on-surface-variant));
24087
+ 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));
24088
+ }
24089
+ .v-switch--inset .v-switch__thumb {
24090
+ height: 24px;
24091
+ width: 24px;
24092
+ transform: scale(0.6666666667);
24093
+ }
24094
+ .v-switch--inset .v-switch__thumb--filled {
24095
+ transform: none;
24096
+ }
24097
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24098
+ transform: none;
24099
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24100
+ }
24101
+
24102
+ .v-switch.v-input {
24103
+ flex: 0 1 auto;
24104
+ }
24105
+ .v-switch .v-selection-control {
24106
+ min-height: var(--v-input-control-height);
24107
+ }
24108
+ .v-switch .v-selection-control__input {
24109
+ border-radius: 50%;
24110
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24111
+ position: absolute;
24112
+ }
24113
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24114
+ transform: translateX(-10px);
24115
+ }
24116
+
24117
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24118
+ transform: translateX(10px);
24119
+ }
24120
+
24121
+ .v-switch .v-selection-control__input .v-icon {
24122
+ position: absolute;
24123
+ }
24124
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24125
+ transform: translateX(10px);
24126
+ }
24127
+
24128
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24129
+ transform: translateX(-10px);
24130
+ }
24131
+
24132
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24133
+ transform: scale(0.8);
24134
+ }
24135
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24136
+ transform: scale(0.75);
24137
+ box-shadow: none;
24138
+ }
24139
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24140
+ width: auto;
24141
+ }
24142
+ .v-switch.v-input--vertical .v-label {
24143
+ min-width: max-content;
24144
+ }
24145
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24146
+ transform: rotate(-90deg);
23997
24147
  }.v-stepper.v-sheet {
23998
24148
  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));
23999
24149
  border-radius: 4px;
@@ -24110,171 +24260,43 @@ html.v-overlay-scroll-blocked {
24110
24260
  }
24111
24261
  .v-stepper--mobile .v-stepper-item__subtitle {
24112
24262
  display: none;
24113
- }.v-switch .v-label {
24114
- padding-inline-start: 10px;
24115
- }
24116
-
24117
- .v-switch__loader {
24118
- display: flex;
24119
- }
24120
- .v-switch__loader .v-progress-circular {
24121
- color: rgb(var(--v-theme-surface));
24122
- }
24123
-
24124
- .v-switch__track,
24125
- .v-switch__thumb {
24126
- transition: none;
24127
- }
24128
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24129
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24130
- background-color: rgb(var(--v-theme-error));
24131
- color: rgb(var(--v-theme-on-error));
24132
- }
24133
-
24134
- .v-switch__track-true {
24135
- margin-inline-end: auto;
24136
- }
24137
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24138
- opacity: 0;
24139
- }
24140
-
24141
- .v-switch__track-false {
24142
- margin-inline-start: auto;
24143
- }
24144
- .v-selection-control--dirty .v-switch__track-false {
24145
- opacity: 0;
24146
- }
24147
-
24148
- .v-switch__track {
24149
- display: inline-flex;
24150
- align-items: center;
24151
- font-size: 0.5rem;
24152
- padding: 0 5px;
24153
- background-color: rgb(var(--v-theme-surface-variant));
24154
- border-radius: 9999px;
24155
- height: 14px;
24156
- opacity: 0.6;
24157
- min-width: 36px;
24158
- cursor: pointer;
24159
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24160
- }
24161
- .v-switch--inset .v-switch__track {
24162
- border-radius: 9999px;
24163
- font-size: 0.75rem;
24164
- height: 32px;
24165
- min-width: 52px;
24166
- }
24167
-
24168
- .v-switch__thumb {
24263
+ }.v-system-bar {
24169
24264
  align-items: center;
24170
- background-color: rgb(var(--v-theme-surface-bright));
24171
- color: rgb(var(--v-theme-on-surface-bright));
24172
- border-radius: 50%;
24173
24265
  display: flex;
24174
- font-size: 0.75rem;
24175
- height: 20px;
24176
- justify-content: center;
24177
- width: 20px;
24178
- pointer-events: none;
24179
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24266
+ flex: 1 1 auto;
24267
+ height: 24px;
24268
+ justify-content: flex-end;
24269
+ max-width: 100%;
24270
+ padding-inline: 8px;
24180
24271
  position: relative;
24181
- overflow: hidden;
24182
- }
24183
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24184
- 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));
24185
- }
24186
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24187
- background: rgb(var(--v-theme-surface-variant));
24188
- color: rgb(var(--v-theme-on-surface-variant));
24272
+ text-align: end;
24273
+ width: 100%;
24189
24274
  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));
24275
+ background: rgba(var(--v-theme-surface-light));
24276
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24277
+ font-size: 0.75rem;
24278
+ font-weight: 400;
24279
+ letter-spacing: 0.0333333333em;
24280
+ line-height: 1.667;
24281
+ text-transform: none;
24190
24282
  }
24191
- .v-switch--inset .v-switch__thumb {
24192
- height: 24px;
24193
- width: 24px;
24194
- transform: scale(0.6666666667);
24195
- }
24196
- .v-switch--inset .v-switch__thumb--filled {
24197
- transform: none;
24198
- }
24199
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24200
- transform: none;
24201
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24202
- }
24203
-
24204
- .v-switch.v-input {
24205
- flex: 0 1 auto;
24206
- }
24207
- .v-switch .v-selection-control {
24208
- min-height: var(--v-input-control-height);
24209
- }
24210
- .v-switch .v-selection-control__input {
24211
- border-radius: 50%;
24212
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24213
- position: absolute;
24214
- }
24215
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24216
- transform: translateX(-10px);
24217
- }
24218
-
24219
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24220
- transform: translateX(10px);
24283
+ .v-system-bar .v-icon {
24284
+ opacity: var(--v-medium-emphasis-opacity);
24221
24285
  }
24222
-
24223
- .v-switch .v-selection-control__input .v-icon {
24286
+ .v-system-bar--absolute {
24224
24287
  position: absolute;
24225
24288
  }
24226
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24227
- transform: translateX(10px);
24228
- }
24229
-
24230
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24231
- transform: translateX(-10px);
24232
- }
24233
-
24234
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24235
- transform: scale(0.8);
24236
- }
24237
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24238
- transform: scale(0.75);
24239
- box-shadow: none;
24240
- }
24241
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24242
- width: auto;
24243
- }
24244
- .v-switch.v-input--vertical .v-label {
24245
- min-width: max-content;
24289
+ .v-system-bar--fixed {
24290
+ position: fixed;
24246
24291
  }
24247
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24248
- transform: rotate(-90deg);
24249
- }.v-tab.v-tab.v-btn {
24250
- height: var(--v-tabs-height);
24292
+ .v-system-bar--rounded {
24251
24293
  border-radius: 0;
24252
- min-width: 90px;
24253
- }
24254
- .v-slide-group--horizontal .v-tab {
24255
- max-width: 360px;
24256
- }
24257
- .v-slide-group--vertical .v-tab {
24258
- justify-content: start;
24259
- }
24260
-
24261
- .v-tab__slider {
24262
- position: absolute;
24263
- bottom: 0;
24264
- left: 0;
24265
- height: 2px;
24266
- width: 100%;
24267
- background: currentColor;
24268
- pointer-events: none;
24269
- opacity: 0;
24270
24294
  }
24271
- .v-tab--selected .v-tab__slider {
24272
- opacity: 1;
24295
+ .v-system-bar--window {
24296
+ height: 32px;
24273
24297
  }
24274
- .v-slide-group--vertical .v-tab__slider {
24275
- top: 0;
24276
- height: 100%;
24277
- width: 2px;
24298
+ .v-system-bar:not(.v-system-bar--absolute) {
24299
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24278
24300
  }.v-tabs {
24279
24301
  display: flex;
24280
24302
  height: var(--v-tabs-height);
@@ -24341,43 +24363,35 @@ html.v-overlay-scroll-blocked {
24341
24363
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24342
24364
  margin-inline-end: 52px;
24343
24365
  }
24344
- }.v-system-bar {
24345
- align-items: center;
24346
- display: flex;
24347
- flex: 1 1 auto;
24348
- height: 24px;
24349
- justify-content: flex-end;
24350
- max-width: 100%;
24351
- padding-inline: 8px;
24352
- position: relative;
24353
- text-align: end;
24354
- width: 100%;
24355
- 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));
24356
- background: rgba(var(--v-theme-surface-light));
24357
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24358
- font-size: 0.75rem;
24359
- font-weight: 400;
24360
- letter-spacing: 0.0333333333em;
24361
- line-height: 1.667;
24362
- text-transform: none;
24363
- }
24364
- .v-system-bar .v-icon {
24365
- opacity: var(--v-medium-emphasis-opacity);
24366
+ }.v-tab.v-tab.v-btn {
24367
+ height: var(--v-tabs-height);
24368
+ border-radius: 0;
24369
+ min-width: 90px;
24366
24370
  }
24367
- .v-system-bar--absolute {
24368
- position: absolute;
24371
+ .v-slide-group--horizontal .v-tab {
24372
+ max-width: 360px;
24369
24373
  }
24370
- .v-system-bar--fixed {
24371
- position: fixed;
24374
+ .v-slide-group--vertical .v-tab {
24375
+ justify-content: start;
24372
24376
  }
24373
- .v-system-bar--rounded {
24374
- border-radius: 0;
24377
+
24378
+ .v-tab__slider {
24379
+ position: absolute;
24380
+ bottom: 0;
24381
+ left: 0;
24382
+ height: 2px;
24383
+ width: 100%;
24384
+ background: currentColor;
24385
+ pointer-events: none;
24386
+ opacity: 0;
24375
24387
  }
24376
- .v-system-bar--window {
24377
- height: 32px;
24388
+ .v-tab--selected .v-tab__slider {
24389
+ opacity: 1;
24378
24390
  }
24379
- .v-system-bar:not(.v-system-bar--absolute) {
24380
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24391
+ .v-slide-group--vertical .v-tab__slider {
24392
+ top: 0;
24393
+ height: 100%;
24394
+ width: 2px;
24381
24395
  }.v-table {
24382
24396
  background: rgb(var(--v-theme-surface));
24383
24397
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24516,45 +24530,6 @@ html.v-overlay-scroll-blocked {
24516
24530
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24517
24531
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24518
24532
  border-top: 0px !important;
24519
- }.v-textarea .v-field {
24520
- --v-textarea-control-height: var(--v-input-control-height);
24521
- }
24522
- .v-textarea .v-field__field {
24523
- --v-input-control-height: var(--v-textarea-control-height);
24524
- }
24525
- .v-textarea .v-field__input {
24526
- flex: 1 1 auto;
24527
- outline: none;
24528
- -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));
24529
- 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));
24530
- }
24531
- .v-textarea .v-field__input.v-textarea__sizer {
24532
- visibility: hidden;
24533
- position: absolute;
24534
- top: 0;
24535
- left: 0;
24536
- height: 0 !important;
24537
- min-height: 0 !important;
24538
- pointer-events: none;
24539
- }
24540
- .v-textarea--no-resize .v-field__input {
24541
- resize: none;
24542
- }
24543
- .v-textarea .v-field--no-label textarea,
24544
- .v-textarea .v-field--active textarea {
24545
- opacity: 1;
24546
- }
24547
- .v-textarea textarea {
24548
- opacity: 0;
24549
- flex: 1;
24550
- min-width: 0;
24551
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24552
- }
24553
- .v-textarea textarea:focus, .v-textarea textarea:active {
24554
- outline: none;
24555
- }
24556
- .v-textarea textarea:invalid {
24557
- box-shadow: none;
24558
24533
  }/* region BLOCK */
24559
24534
  .v-text-field input {
24560
24535
  color: inherit;
@@ -24622,9 +24597,45 @@ html.v-overlay-scroll-blocked {
24622
24597
  padding-inline-end: var(--v-field-padding-end);
24623
24598
  }
24624
24599
 
24625
- /* endregion */.v-theme-provider {
24626
- background: rgb(var(--v-theme-background));
24627
- color: rgb(var(--v-theme-on-background));
24600
+ /* endregion */.v-textarea .v-field {
24601
+ --v-textarea-control-height: var(--v-input-control-height);
24602
+ }
24603
+ .v-textarea .v-field__field {
24604
+ --v-input-control-height: var(--v-textarea-control-height);
24605
+ }
24606
+ .v-textarea .v-field__input {
24607
+ flex: 1 1 auto;
24608
+ outline: none;
24609
+ -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));
24610
+ 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));
24611
+ }
24612
+ .v-textarea .v-field__input.v-textarea__sizer {
24613
+ visibility: hidden;
24614
+ position: absolute;
24615
+ top: 0;
24616
+ left: 0;
24617
+ height: 0 !important;
24618
+ min-height: 0 !important;
24619
+ pointer-events: none;
24620
+ }
24621
+ .v-textarea--no-resize .v-field__input {
24622
+ resize: none;
24623
+ }
24624
+ .v-textarea .v-field--no-label textarea,
24625
+ .v-textarea .v-field--active textarea {
24626
+ opacity: 1;
24627
+ }
24628
+ .v-textarea textarea {
24629
+ opacity: 0;
24630
+ flex: 1;
24631
+ min-width: 0;
24632
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24633
+ }
24634
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24635
+ outline: none;
24636
+ }
24637
+ .v-textarea textarea:invalid {
24638
+ box-shadow: none;
24628
24639
  }.v-timeline .v-timeline-divider__dot {
24629
24640
  background: rgb(var(--v-theme-surface-light));
24630
24641
  }
@@ -25271,6 +25282,9 @@ html.v-overlay-scroll-blocked {
25271
25282
  }
25272
25283
  .v-window-y-reverse-transition-leave-to {
25273
25284
  transform: translateY(100%);
25285
+ }.v-theme-provider {
25286
+ background: rgb(var(--v-theme-background));
25287
+ color: rgb(var(--v-theme-on-background));
25274
25288
  }.v-color-picker-canvas {
25275
25289
  display: flex;
25276
25290
  position: relative;
@@ -25293,34 +25307,6 @@ html.v-overlay-scroll-blocked {
25293
25307
  }
25294
25308
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25295
25309
  will-change: transform;
25296
- }.v-color-picker-edit {
25297
- display: flex;
25298
- margin-top: 24px;
25299
- }
25300
-
25301
- .v-color-picker-edit__input {
25302
- width: 100%;
25303
- display: flex;
25304
- flex-wrap: wrap;
25305
- justify-content: center;
25306
- text-align: center;
25307
- }
25308
- .v-color-picker-edit__input:not(:last-child) {
25309
- margin-inline-end: 8px;
25310
- }
25311
- .v-color-picker-edit__input input {
25312
- border-radius: 4px;
25313
- margin-bottom: 8px;
25314
- min-width: 0;
25315
- outline: none;
25316
- text-align: center;
25317
- width: 100%;
25318
- height: 32px;
25319
- background: rgba(var(--v-theme-surface-variant), 0.2);
25320
- color: rgba(var(--v-theme-on-surface));
25321
- }
25322
- .v-color-picker-edit__input span {
25323
- font-size: 0.75rem;
25324
25310
  }.v-color-picker-preview__alpha .v-slider-track__background {
25325
25311
  background-color: transparent !important;
25326
25312
  }
@@ -25391,6 +25377,34 @@ html.v-overlay-scroll-blocked {
25391
25377
  .v-color-picker-preview__eye-dropper {
25392
25378
  position: relative;
25393
25379
  margin-right: 12px;
25380
+ }.v-color-picker-edit {
25381
+ display: flex;
25382
+ margin-top: 24px;
25383
+ }
25384
+
25385
+ .v-color-picker-edit__input {
25386
+ width: 100%;
25387
+ display: flex;
25388
+ flex-wrap: wrap;
25389
+ justify-content: center;
25390
+ text-align: center;
25391
+ }
25392
+ .v-color-picker-edit__input:not(:last-child) {
25393
+ margin-inline-end: 8px;
25394
+ }
25395
+ .v-color-picker-edit__input input {
25396
+ border-radius: 4px;
25397
+ margin-bottom: 8px;
25398
+ min-width: 0;
25399
+ outline: none;
25400
+ text-align: center;
25401
+ width: 100%;
25402
+ height: 32px;
25403
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25404
+ color: rgba(var(--v-theme-on-surface));
25405
+ }
25406
+ .v-color-picker-edit__input span {
25407
+ font-size: 0.75rem;
25394
25408
  }.v-color-picker-swatches {
25395
25409
  overflow-y: auto;
25396
25410
  }