@vuetify/nightly 3.7.0-master.2024-08-22 → 3.7.0-master.2024-08-26

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 (53) hide show
  1. package/dist/json/importMap-labs.json +20 -20
  2. package/dist/json/importMap.json +148 -148
  3. package/dist/json/web-types.json +1 -1
  4. package/dist/vuetify-labs.css +2811 -2811
  5. package/dist/vuetify-labs.d.ts +1839 -36
  6. package/dist/vuetify-labs.esm.js +5 -3
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +5 -3
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +1493 -1493
  11. package/dist/vuetify.d.ts +404 -80
  12. package/dist/vuetify.esm.js +5 -3
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +5 -3
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +3 -3
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VAutocomplete/index.d.mts +45 -3
  20. package/lib/components/VCombobox/index.d.mts +45 -3
  21. package/lib/components/VDialog/index.d.mts +36 -3
  22. package/lib/components/VFileInput/index.d.mts +27 -3
  23. package/lib/components/VForm/index.d.mts +96 -3
  24. package/lib/components/VMenu/index.d.mts +45 -3
  25. package/lib/components/VSelect/index.d.mts +45 -3
  26. package/lib/components/VSnackbar/index.d.mts +36 -3
  27. package/lib/components/VTabs/index.d.mts +15 -3
  28. package/lib/components/VTextField/index.d.mts +33 -3
  29. package/lib/components/VTextarea/index.d.mts +27 -3
  30. package/lib/components/VTooltip/index.d.mts +36 -3
  31. package/lib/components/index.d.mts +351 -27
  32. package/lib/components/index.mjs +1 -1
  33. package/lib/components/index.mjs.map +1 -1
  34. package/lib/composables/forwardRefs.mjs +2 -0
  35. package/lib/composables/forwardRefs.mjs.map +1 -1
  36. package/lib/entry-bundler.mjs +1 -1
  37. package/lib/framework.mjs +1 -1
  38. package/lib/index.d.mts +53 -53
  39. package/lib/labs/VNumberInput/index.d.mts +2273 -794
  40. package/lib/labs/VSnackbarQueue/index.d.mts +36 -3
  41. package/lib/labs/components.d.mts +2293 -781
  42. package/package.json +1 -1
  43. package/lib/components/VTreeview/VTreeview.mjs +0 -350
  44. package/lib/components/VTreeview/VTreeview.mjs.map +0 -1
  45. package/lib/components/VTreeview/VTreeview.sass +0 -128
  46. package/lib/components/VTreeview/VTreeviewNode.mjs +0 -321
  47. package/lib/components/VTreeview/VTreeviewNode.mjs.map +0 -1
  48. package/lib/components/VTreeview/_mixins.sass +0 -18
  49. package/lib/components/VTreeview/_variables.scss +0 -10
  50. package/lib/components/VTreeview/index.mjs +0 -10
  51. package/lib/components/VTreeview/index.mjs.map +0 -1
  52. package/lib/components/VTreeview/util/filterTreeItems.mjs +0 -25
  53. package/lib/components/VTreeview/util/filterTreeItems.mjs.map +0 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.0-master.2024-08-22
2
+ * Vuetify v3.7.0-master.2024-08-26
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19230,19 +19230,6 @@ html.overflow-y-hidden {
19230
19230
  }
19231
19231
  .v-pagination__item--is-active .v-btn__overlay {
19232
19232
  opacity: var(--v-border-opacity);
19233
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19234
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19235
- }
19236
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19237
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19238
- }
19239
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19240
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19241
- }
19242
- @supports not selector(:focus-visible) {
19243
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19244
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19245
- }
19246
19233
  }.v-btn-group {
19247
19234
  display: inline-flex;
19248
19235
  flex-wrap: nowrap;
@@ -19307,6 +19294,19 @@ html.overflow-y-hidden {
19307
19294
  }
19308
19295
  .v-btn-group--tile {
19309
19296
  border-radius: 0;
19297
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19298
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19299
+ }
19300
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19301
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19302
+ }
19303
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19304
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19305
+ }
19306
+ @supports not selector(:focus-visible) {
19307
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19308
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19309
+ }
19310
19310
  }.v-card {
19311
19311
  display: block;
19312
19312
  overflow: hidden;
@@ -19615,6 +19615,76 @@ html.overflow-y-hidden {
19615
19615
  pointer-events: none;
19616
19616
  opacity: 0;
19617
19617
  transition: opacity 0.2s ease-in-out;
19618
+ }.v-carousel {
19619
+ overflow: hidden;
19620
+ position: relative;
19621
+ width: 100%;
19622
+ }
19623
+ .v-carousel__controls {
19624
+ align-items: center;
19625
+ bottom: 0;
19626
+ display: flex;
19627
+ height: 50px;
19628
+ justify-content: center;
19629
+ list-style-type: none;
19630
+ position: absolute;
19631
+ width: 100%;
19632
+ z-index: 1;
19633
+ }
19634
+ .v-carousel__controls {
19635
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19636
+ color: rgb(var(--v-theme-on-surface-variant));
19637
+ }
19638
+ .v-carousel__controls > .v-item-group {
19639
+ flex: 0 1 auto;
19640
+ }
19641
+ .v-carousel__controls__item {
19642
+ margin: 0 8px;
19643
+ }
19644
+ .v-carousel__controls__item .v-icon {
19645
+ opacity: 0.5;
19646
+ }
19647
+ .v-carousel__controls__item--active .v-icon {
19648
+ opacity: 1;
19649
+ vertical-align: middle;
19650
+ }
19651
+ .v-carousel__controls__item:hover {
19652
+ background: none;
19653
+ }
19654
+ .v-carousel__controls__item:hover .v-icon {
19655
+ opacity: 0.8;
19656
+ }
19657
+
19658
+ .v-carousel__progress {
19659
+ margin: 0;
19660
+ position: absolute;
19661
+ bottom: 0;
19662
+ left: 0;
19663
+ right: 0;
19664
+ }
19665
+
19666
+ .v-carousel-item {
19667
+ display: block;
19668
+ height: inherit;
19669
+ text-decoration: none;
19670
+ }
19671
+ .v-carousel-item > .v-img {
19672
+ height: inherit;
19673
+ }
19674
+
19675
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19676
+ background: transparent;
19677
+ }
19678
+
19679
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19680
+ flex-direction: column;
19681
+ height: 100% !important;
19682
+ width: 50px;
19683
+ }.v-checkbox.v-input {
19684
+ flex: 0 1 auto;
19685
+ }
19686
+ .v-checkbox .v-selection-control {
19687
+ min-height: var(--v-input-control-height);
19618
19688
  }.v-chip {
19619
19689
  align-items: center;
19620
19690
  display: inline-flex;
@@ -20033,76 +20103,6 @@ html.overflow-y-hidden {
20033
20103
 
20034
20104
  .v-chip--label {
20035
20105
  border-radius: 4px;
20036
- }.v-carousel {
20037
- overflow: hidden;
20038
- position: relative;
20039
- width: 100%;
20040
- }
20041
- .v-carousel__controls {
20042
- align-items: center;
20043
- bottom: 0;
20044
- display: flex;
20045
- height: 50px;
20046
- justify-content: center;
20047
- list-style-type: none;
20048
- position: absolute;
20049
- width: 100%;
20050
- z-index: 1;
20051
- }
20052
- .v-carousel__controls {
20053
- background: rgba(var(--v-theme-surface-variant), 0.3);
20054
- color: rgb(var(--v-theme-on-surface-variant));
20055
- }
20056
- .v-carousel__controls > .v-item-group {
20057
- flex: 0 1 auto;
20058
- }
20059
- .v-carousel__controls__item {
20060
- margin: 0 8px;
20061
- }
20062
- .v-carousel__controls__item .v-icon {
20063
- opacity: 0.5;
20064
- }
20065
- .v-carousel__controls__item--active .v-icon {
20066
- opacity: 1;
20067
- vertical-align: middle;
20068
- }
20069
- .v-carousel__controls__item:hover {
20070
- background: none;
20071
- }
20072
- .v-carousel__controls__item:hover .v-icon {
20073
- opacity: 0.8;
20074
- }
20075
-
20076
- .v-carousel__progress {
20077
- margin: 0;
20078
- position: absolute;
20079
- bottom: 0;
20080
- left: 0;
20081
- right: 0;
20082
- }
20083
-
20084
- .v-carousel-item {
20085
- display: block;
20086
- height: inherit;
20087
- text-decoration: none;
20088
- }
20089
- .v-carousel-item > .v-img {
20090
- height: inherit;
20091
- }
20092
-
20093
- .v-carousel--hide-delimiter-background .v-carousel__controls {
20094
- background: transparent;
20095
- }
20096
-
20097
- .v-carousel--vertical-delimiters .v-carousel__controls {
20098
- flex-direction: column;
20099
- height: 100% !important;
20100
- width: 50px;
20101
- }.v-checkbox.v-input {
20102
- flex: 0 1 auto;
20103
- }
20104
- .v-checkbox .v-selection-control {
20105
- min-height: var(--v-input-control-height);
20106
20106
  }.v-chip-group {
20107
20107
  display: flex;
20108
20108
  max-width: 100%;
@@ -20233,147 +20233,230 @@ html.overflow-y-hidden {
20233
20233
  flex: 0 1 auto;
20234
20234
  font-size: 12px;
20235
20235
  transition-duration: 150ms;
20236
- }.v-date-picker {
20237
- overflow: hidden;
20238
- width: 328px;
20239
- }
20240
- .v-date-picker--show-week {
20241
- width: 368px;
20242
- }.v-date-picker-controls {
20243
- display: flex;
20244
- align-items: center;
20245
- justify-content: space-between;
20246
- font-size: 0.875rem;
20247
- padding-top: 4px;
20248
- padding-bottom: 4px;
20249
- padding-inline-start: 6px;
20250
- padding-inline-end: 12px;
20251
- }
20252
- .v-date-picker-controls > .v-btn:first-child {
20253
- text-transform: none;
20254
- font-weight: 400;
20255
- line-height: initial;
20256
- letter-spacing: initial;
20236
+ }.v-data-table {
20237
+ width: 100%;
20257
20238
  }
20258
- .v-date-picker-controls--variant-classic {
20259
- padding-inline-start: 12px;
20239
+
20240
+ .v-data-table__table {
20241
+ width: 100%;
20242
+ border-collapse: separate;
20243
+ border-spacing: 0;
20260
20244
  }
20261
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20262
- opacity: 0.7;
20245
+
20246
+ .v-data-table__tr--focus {
20247
+ border: 1px dotted black;
20263
20248
  }
20264
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20249
+ .v-data-table__tr--clickable {
20265
20250
  cursor: pointer;
20266
20251
  }
20267
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20268
- opacity: 1;
20269
- }
20270
- .v-date-picker-controls .v-btn:last-child {
20271
- margin-inline-start: 4px;
20272
- }
20273
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20274
- transform: rotate(180deg);
20275
- }
20276
20252
 
20277
- .v-date-picker-controls__date {
20278
- margin-inline-end: 4px;
20253
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20254
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20255
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20256
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20257
+ text-align: end;
20279
20258
  }
20280
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20281
- margin: auto;
20259
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20260
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20261
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20262
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20263
+ flex-direction: row-reverse;
20264
+ }
20265
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20266
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20267
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20268
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20282
20269
  text-align: center;
20283
20270
  }
20284
-
20285
- .v-date-picker-controls__month {
20286
- display: flex;
20271
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20272
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20273
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20274
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20275
+ justify-content: center;
20287
20276
  }
20288
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20289
- flex-direction: row-reverse;
20277
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20278
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20279
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20280
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20281
+ padding: 0 8px;
20290
20282
  }
20291
-
20292
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20293
- flex: 1 0 auto;
20283
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20284
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20285
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20286
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20287
+ text-overflow: ellipsis;
20288
+ text-wrap: nowrap;
20289
+ overflow: hidden;
20290
+ }
20291
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20292
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20293
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20294
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20295
+ display: contents;
20296
+ }
20297
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20298
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20299
+ align-items: center;
20300
+ }
20301
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20302
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20303
+ position: sticky;
20304
+ }
20305
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20306
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20307
+ cursor: pointer;
20308
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20309
+ }
20310
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20311
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20312
+ opacity: 0;
20313
+ }
20314
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20315
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20316
+ opacity: 0.5;
20317
+ }
20318
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
20319
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
20320
+ height: -moz-fit-content;
20321
+ height: fit-content;
20294
20322
  }
20295
20323
 
20296
- .v-date-picker__title {
20297
- display: inline-block;
20298
- }.v-date-picker-header {
20299
- align-items: flex-end;
20300
- height: 70px;
20301
- display: grid;
20302
- grid-template-areas: "prepend content append";
20303
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20304
- overflow: hidden;
20305
- padding-inline: 24px 12px;
20306
- padding-bottom: 12px;
20324
+ .v-data-table-column--fixed,
20325
+ .v-data-table__th--sticky {
20326
+ background: rgb(var(--v-theme-surface));
20327
+ position: sticky !important;
20328
+ left: 0;
20329
+ z-index: 1;
20307
20330
  }
20308
20331
 
20309
- .v-date-picker-header__append {
20310
- grid-area: append;
20332
+ .v-data-table-column--last-fixed {
20333
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20311
20334
  }
20312
20335
 
20313
- .v-date-picker-header__prepend {
20314
- grid-area: prepend;
20315
- padding-inline-start: 8px;
20336
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20337
+ z-index: 2;
20316
20338
  }
20317
20339
 
20318
- .v-date-picker-header__content {
20319
- align-items: center;
20320
- display: inline-flex;
20321
- font-size: 32px;
20322
- line-height: 40px;
20323
- grid-area: content;
20324
- justify-content: space-between;
20340
+ .v-data-table-group-header-row td {
20341
+ background: rgba(var(--v-theme-surface));
20342
+ color: rgba(var(--v-theme-on-surface));
20325
20343
  }
20326
- .v-date-picker-header--clickable .v-date-picker-header__content {
20327
- cursor: pointer;
20344
+ .v-data-table-group-header-row td > span {
20345
+ padding-left: 5px;
20328
20346
  }
20329
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20330
- opacity: 0.7;
20347
+
20348
+ .v-data-table--loading .v-data-table__td {
20349
+ opacity: var(--v-disabled-opacity);
20331
20350
  }
20332
20351
 
20333
- .date-picker-header-transition-enter-active,
20334
- .date-picker-header-reverse-transition-enter-active {
20335
- transition-duration: 0.3s;
20336
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20352
+ .v-data-table-group-header-row__column {
20353
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20337
20354
  }
20338
- .date-picker-header-transition-leave-active,
20339
- .date-picker-header-reverse-transition-leave-active {
20340
- transition-duration: 0.3s;
20341
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20355
+
20356
+ .v-data-table-header__content {
20357
+ display: flex;
20358
+ align-items: center;
20342
20359
  }
20343
20360
 
20344
- .date-picker-header-transition-enter-from {
20345
- transform: translate(0, 100%);
20361
+ .v-data-table-header__sort-badge {
20362
+ display: inline-flex;
20363
+ justify-content: center;
20364
+ align-items: center;
20365
+ font-size: 0.875rem;
20366
+ padding: 4px;
20367
+ border-radius: 50%;
20368
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20369
+ min-width: 20px;
20370
+ min-height: 20px;
20371
+ width: 20px;
20372
+ height: 20px;
20346
20373
  }
20347
- .date-picker-header-transition-leave-to {
20348
- opacity: 0;
20349
- transform: translate(0, -100%);
20374
+
20375
+ .v-data-table-progress > th {
20376
+ border: none !important;
20377
+ height: auto !important;
20378
+ padding: 0 !important;
20350
20379
  }
20351
20380
 
20352
- .date-picker-header-reverse-transition-enter-from {
20353
- transform: translate(0, -100%);
20381
+ .v-data-table-progress__loader {
20382
+ position: relative;
20354
20383
  }
20355
- .date-picker-header-reverse-transition-leave-to {
20356
- opacity: 0;
20357
- transform: translate(0, 100%);
20358
- }.v-date-picker-months {
20359
- height: 288px;
20384
+
20385
+ .v-data-table-rows-loading,
20386
+ .v-data-table-rows-no-data {
20387
+ text-align: center;
20360
20388
  }
20361
20389
 
20362
- .v-date-picker-months__content {
20390
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20391
+ grid-template-columns: 0;
20392
+ justify-content: center;
20393
+ }
20394
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20395
+ grid-template-columns: 0;
20396
+ justify-content: end;
20397
+ }
20398
+ .v-data-table__tr--mobile > td {
20363
20399
  align-items: center;
20400
+ column-gap: 4px;
20364
20401
  display: grid;
20365
- flex: 1 1;
20366
- height: inherit;
20367
- justify-content: space-around;
20368
20402
  grid-template-columns: repeat(2, 1fr);
20369
- grid-gap: 0px 24px;
20370
- padding-inline-start: 36px;
20371
- padding-inline-end: 36px;
20403
+ min-height: var(--v-table-row-height);
20372
20404
  }
20373
- .v-date-picker-months__content .v-btn {
20374
- text-transform: none;
20375
- padding-inline-start: 8px;
20405
+ .v-data-table__tr--mobile > td:not(:last-child) {
20406
+ border-bottom: 0 !important;
20407
+ }
20408
+
20409
+ .v-data-table__td-title {
20410
+ font-weight: 500;
20411
+ text-align: left;
20412
+ }
20413
+
20414
+ .v-data-table__td-value {
20415
+ text-align: right;
20416
+ }
20417
+
20418
+ .v-data-table__td-sort-icon {
20419
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20420
+ }
20421
+ .v-data-table__td-sort-icon-active {
20422
+ color: rgba(var(--v-theme-on-surface));
20423
+ }.v-data-table-footer {
20424
+ align-items: center;
20425
+ display: flex;
20426
+ flex-wrap: wrap;
20427
+ justify-content: flex-end;
20428
+ padding: 8px 4px;
20429
+ }
20430
+ .v-data-table-footer__items-per-page {
20431
+ align-items: center;
20432
+ display: flex;
20433
+ justify-content: center;
20434
+ }
20435
+ .v-data-table-footer__items-per-page > span {
20376
20436
  padding-inline-end: 8px;
20437
+ }
20438
+ .v-data-table-footer__items-per-page > .v-select {
20439
+ width: 90px;
20440
+ }
20441
+ .v-data-table-footer__info {
20442
+ display: flex;
20443
+ justify-content: flex-end;
20444
+ min-width: 116px;
20445
+ padding: 0 16px;
20446
+ }
20447
+ .v-data-table-footer__paginationz {
20448
+ align-items: center;
20449
+ display: flex;
20450
+ margin-inline-start: 16px;
20451
+ }
20452
+ .v-data-table-footer__page {
20453
+ padding: 0 8px;
20454
+ }.v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 328px;
20457
+ }
20458
+ .v-date-picker--show-week {
20459
+ width: 368px;
20377
20460
  }.v-date-picker-month {
20378
20461
  display: flex;
20379
20462
  justify-content: center;
@@ -20429,41 +20512,176 @@ html.overflow-y-hidden {
20429
20512
 
20430
20513
  .v-date-picker-month__day--hide-adjacent {
20431
20514
  opacity: 0;
20432
- }.v-date-picker-years {
20433
- height: 288px;
20434
- overflow-y: scroll;
20515
+ }.v-date-picker-header {
20516
+ align-items: flex-end;
20517
+ height: 70px;
20518
+ display: grid;
20519
+ grid-template-areas: "prepend content append";
20520
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20521
+ overflow: hidden;
20522
+ padding-inline: 24px 12px;
20523
+ padding-bottom: 12px;
20435
20524
  }
20436
20525
 
20437
- .v-date-picker-years__content {
20438
- display: grid;
20439
- flex: 1 1;
20440
- justify-content: space-around;
20441
- grid-template-columns: repeat(3, 1fr);
20442
- gap: 8px 24px;
20443
- padding-inline: 32px;
20526
+ .v-date-picker-header__append {
20527
+ grid-area: append;
20444
20528
  }
20445
- .v-date-picker-years__content .v-btn {
20446
- padding-inline: 8px;
20447
- }.v-dialog {
20529
+
20530
+ .v-date-picker-header__prepend {
20531
+ grid-area: prepend;
20532
+ padding-inline-start: 8px;
20533
+ }
20534
+
20535
+ .v-date-picker-header__content {
20448
20536
  align-items: center;
20449
- justify-content: center;
20450
- margin: auto;
20537
+ display: inline-flex;
20538
+ font-size: 32px;
20539
+ line-height: 40px;
20540
+ grid-area: content;
20541
+ justify-content: space-between;
20451
20542
  }
20452
- .v-dialog > .v-overlay__content {
20453
- max-height: calc(100% - 48px);
20454
- width: calc(100% - 48px);
20455
- max-width: calc(100% - 48px);
20456
- margin: 24px;
20543
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20544
+ cursor: pointer;
20457
20545
  }
20458
- .v-dialog > .v-overlay__content,
20459
- .v-dialog > .v-overlay__content > form {
20460
- display: flex;
20461
- flex-direction: column;
20462
- min-height: 0;
20546
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20547
+ opacity: 0.7;
20463
20548
  }
20464
- .v-dialog > .v-overlay__content > .v-card,
20465
- .v-dialog > .v-overlay__content > .v-sheet,
20466
- .v-dialog > .v-overlay__content > form > .v-card,
20549
+
20550
+ .date-picker-header-transition-enter-active,
20551
+ .date-picker-header-reverse-transition-enter-active {
20552
+ transition-duration: 0.3s;
20553
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20554
+ }
20555
+ .date-picker-header-transition-leave-active,
20556
+ .date-picker-header-reverse-transition-leave-active {
20557
+ transition-duration: 0.3s;
20558
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20559
+ }
20560
+
20561
+ .date-picker-header-transition-enter-from {
20562
+ transform: translate(0, 100%);
20563
+ }
20564
+ .date-picker-header-transition-leave-to {
20565
+ opacity: 0;
20566
+ transform: translate(0, -100%);
20567
+ }
20568
+
20569
+ .date-picker-header-reverse-transition-enter-from {
20570
+ transform: translate(0, -100%);
20571
+ }
20572
+ .date-picker-header-reverse-transition-leave-to {
20573
+ opacity: 0;
20574
+ transform: translate(0, 100%);
20575
+ }.v-date-picker-months {
20576
+ height: 288px;
20577
+ }
20578
+
20579
+ .v-date-picker-months__content {
20580
+ align-items: center;
20581
+ display: grid;
20582
+ flex: 1 1;
20583
+ height: inherit;
20584
+ justify-content: space-around;
20585
+ grid-template-columns: repeat(2, 1fr);
20586
+ grid-gap: 0px 24px;
20587
+ padding-inline-start: 36px;
20588
+ padding-inline-end: 36px;
20589
+ }
20590
+ .v-date-picker-months__content .v-btn {
20591
+ text-transform: none;
20592
+ padding-inline-start: 8px;
20593
+ padding-inline-end: 8px;
20594
+ }.v-date-picker-controls {
20595
+ display: flex;
20596
+ align-items: center;
20597
+ justify-content: space-between;
20598
+ font-size: 0.875rem;
20599
+ padding-top: 4px;
20600
+ padding-bottom: 4px;
20601
+ padding-inline-start: 6px;
20602
+ padding-inline-end: 12px;
20603
+ }
20604
+ .v-date-picker-controls > .v-btn:first-child {
20605
+ text-transform: none;
20606
+ font-weight: 400;
20607
+ line-height: initial;
20608
+ letter-spacing: initial;
20609
+ }
20610
+ .v-date-picker-controls--variant-classic {
20611
+ padding-inline-start: 12px;
20612
+ }
20613
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20614
+ opacity: 0.7;
20615
+ }
20616
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20617
+ cursor: pointer;
20618
+ }
20619
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20620
+ opacity: 1;
20621
+ }
20622
+ .v-date-picker-controls .v-btn:last-child {
20623
+ margin-inline-start: 4px;
20624
+ }
20625
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20626
+ transform: rotate(180deg);
20627
+ }
20628
+
20629
+ .v-date-picker-controls__date {
20630
+ margin-inline-end: 4px;
20631
+ }
20632
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20633
+ margin: auto;
20634
+ text-align: center;
20635
+ }
20636
+
20637
+ .v-date-picker-controls__month {
20638
+ display: flex;
20639
+ }
20640
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20641
+ flex-direction: row-reverse;
20642
+ }
20643
+
20644
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20645
+ flex: 1 0 auto;
20646
+ }
20647
+
20648
+ .v-date-picker__title {
20649
+ display: inline-block;
20650
+ }.v-date-picker-years {
20651
+ height: 288px;
20652
+ overflow-y: scroll;
20653
+ }
20654
+
20655
+ .v-date-picker-years__content {
20656
+ display: grid;
20657
+ flex: 1 1;
20658
+ justify-content: space-around;
20659
+ grid-template-columns: repeat(3, 1fr);
20660
+ gap: 8px 24px;
20661
+ padding-inline: 32px;
20662
+ }
20663
+ .v-date-picker-years__content .v-btn {
20664
+ padding-inline: 8px;
20665
+ }.v-dialog {
20666
+ align-items: center;
20667
+ justify-content: center;
20668
+ margin: auto;
20669
+ }
20670
+ .v-dialog > .v-overlay__content {
20671
+ max-height: calc(100% - 48px);
20672
+ width: calc(100% - 48px);
20673
+ max-width: calc(100% - 48px);
20674
+ margin: 24px;
20675
+ }
20676
+ .v-dialog > .v-overlay__content,
20677
+ .v-dialog > .v-overlay__content > form {
20678
+ display: flex;
20679
+ flex-direction: column;
20680
+ min-height: 0;
20681
+ }
20682
+ .v-dialog > .v-overlay__content > .v-card,
20683
+ .v-dialog > .v-overlay__content > .v-sheet,
20684
+ .v-dialog > .v-overlay__content > form > .v-card,
20467
20685
  .v-dialog > .v-overlay__content > form > .v-sheet {
20468
20686
  --v-scrollbar-offset: 0px;
20469
20687
  border-radius: 4px;
@@ -20541,58 +20759,6 @@ html.overflow-y-hidden {
20541
20759
  -webkit-backface-visibility: hidden;
20542
20760
  backface-visibility: hidden;
20543
20761
  overflow-y: auto;
20544
- }.v-divider {
20545
- display: block;
20546
- flex: 1 1 100%;
20547
- height: 0px;
20548
- max-height: 0px;
20549
- opacity: var(--v-border-opacity);
20550
- transition: inherit;
20551
- }
20552
- .v-divider {
20553
- border-style: solid;
20554
- border-width: thin 0 0 0;
20555
- }
20556
- .v-divider--vertical {
20557
- align-self: stretch;
20558
- border-width: 0 thin 0 0;
20559
- display: inline-flex;
20560
- height: auto;
20561
- margin-left: -1px;
20562
- max-height: 100%;
20563
- max-width: 0px;
20564
- vertical-align: text-bottom;
20565
- width: 0px;
20566
- }
20567
- .v-divider--inset:not(.v-divider--vertical) {
20568
- max-width: calc(100% - 72px);
20569
- margin-inline-start: 72px;
20570
- }
20571
- .v-divider--inset.v-divider--vertical {
20572
- margin-bottom: 8px;
20573
- margin-top: 8px;
20574
- max-height: calc(100% - 16px);
20575
- }
20576
-
20577
- .v-divider__content {
20578
- padding: 0 16px;
20579
- text-wrap: nowrap;
20580
- }
20581
- .v-divider__wrapper--vertical .v-divider__content {
20582
- padding: 4px 0;
20583
- }
20584
-
20585
- .v-divider__wrapper {
20586
- display: flex;
20587
- align-items: center;
20588
- justify-content: center;
20589
- }
20590
- .v-divider__wrapper--vertical {
20591
- flex-direction: column;
20592
- height: 100%;
20593
- }
20594
- .v-divider__wrapper--vertical .v-divider {
20595
- margin: 0 auto;
20596
20762
  }.v-empty-state {
20597
20763
  align-items: center;
20598
20764
  display: flex;
@@ -20660,78 +20826,61 @@ html.overflow-y-hidden {
20660
20826
  .v-empty-state__action-btn.v-btn {
20661
20827
  background-color: initial;
20662
20828
  color: initial;
20663
- }.v-fab {
20664
- align-items: center;
20829
+ }.v-divider {
20830
+ display: block;
20831
+ flex: 1 1 100%;
20832
+ height: 0px;
20833
+ max-height: 0px;
20834
+ opacity: var(--v-border-opacity);
20835
+ transition: inherit;
20836
+ }
20837
+ .v-divider {
20838
+ border-style: solid;
20839
+ border-width: thin 0 0 0;
20840
+ }
20841
+ .v-divider--vertical {
20842
+ align-self: stretch;
20843
+ border-width: 0 thin 0 0;
20665
20844
  display: inline-flex;
20666
- flex: 1 1 auto;
20667
- pointer-events: none;
20668
- position: relative;
20669
- transition-duration: 0.2s;
20670
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20671
- vertical-align: middle;
20845
+ height: auto;
20846
+ margin-left: -1px;
20847
+ max-height: 100%;
20848
+ max-width: 0px;
20849
+ vertical-align: text-bottom;
20850
+ width: 0px;
20672
20851
  }
20673
- .v-fab .v-btn {
20674
- pointer-events: auto;
20852
+ .v-divider--inset:not(.v-divider--vertical) {
20853
+ max-width: calc(100% - 72px);
20854
+ margin-inline-start: 72px;
20675
20855
  }
20676
- .v-fab .v-btn--variant-elevated {
20677
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20856
+ .v-divider--inset.v-divider--vertical {
20857
+ margin-bottom: 8px;
20858
+ margin-top: 8px;
20859
+ max-height: calc(100% - 16px);
20678
20860
  }
20679
- .v-fab--app, .v-fab--absolute {
20680
- display: flex;
20861
+
20862
+ .v-divider__content {
20863
+ padding: 0 16px;
20864
+ text-wrap: nowrap;
20681
20865
  }
20682
- .v-fab--start, .v-fab--left {
20683
- justify-content: flex-start;
20866
+ .v-divider__wrapper--vertical .v-divider__content {
20867
+ padding: 4px 0;
20684
20868
  }
20685
- .v-fab--center {
20869
+
20870
+ .v-divider__wrapper {
20871
+ display: flex;
20686
20872
  align-items: center;
20687
20873
  justify-content: center;
20688
20874
  }
20689
- .v-fab--end, .v-fab--right {
20690
- justify-content: flex-end;
20875
+ .v-divider__wrapper--vertical {
20876
+ flex-direction: column;
20877
+ height: 100%;
20691
20878
  }
20692
- .v-fab--bottom {
20693
- align-items: flex-end;
20694
- }
20695
- .v-fab--top {
20696
- align-items: flex-start;
20697
- }
20698
- .v-fab--extended .v-btn {
20699
- border-radius: 9999px !important;
20700
- }
20701
-
20702
- .v-fab__container {
20703
- align-self: center;
20704
- display: inline-flex;
20705
- position: absolute;
20706
- vertical-align: middle;
20707
- }
20708
- .v-fab--app .v-fab__container {
20709
- margin: 12px;
20710
- }
20711
- .v-fab--absolute .v-fab__container {
20712
- position: absolute;
20713
- z-index: 4;
20714
- }
20715
- .v-fab--offset.v-fab--top .v-fab__container {
20716
- transform: translateY(-50%);
20717
- }
20718
- .v-fab--offset.v-fab--bottom .v-fab__container {
20719
- transform: translateY(50%);
20720
- }
20721
- .v-fab--top .v-fab__container {
20722
- top: 0;
20723
- }
20724
- .v-fab--bottom .v-fab__container {
20725
- bottom: 0;
20726
- }
20727
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20728
- left: 0;
20729
- }
20730
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20731
- right: 0;
20732
- }.v-expansion-panel {
20733
- background-color: rgb(var(--v-theme-surface));
20734
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20879
+ .v-divider__wrapper--vertical .v-divider {
20880
+ margin: 0 auto;
20881
+ }.v-expansion-panel {
20882
+ background-color: rgb(var(--v-theme-surface));
20883
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20735
20884
  }
20736
20885
  .v-expansion-panel:not(:first-child)::after {
20737
20886
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -20945,6 +21094,75 @@ html.overflow-y-hidden {
20945
21094
  }
20946
21095
  .v-expansion-panels--tile > .v-expansion-panel {
20947
21096
  border-radius: 0;
21097
+ }.v-fab {
21098
+ align-items: center;
21099
+ display: inline-flex;
21100
+ flex: 1 1 auto;
21101
+ pointer-events: none;
21102
+ position: relative;
21103
+ transition-duration: 0.2s;
21104
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21105
+ vertical-align: middle;
21106
+ }
21107
+ .v-fab .v-btn {
21108
+ pointer-events: auto;
21109
+ }
21110
+ .v-fab .v-btn--variant-elevated {
21111
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21112
+ }
21113
+ .v-fab--app, .v-fab--absolute {
21114
+ display: flex;
21115
+ }
21116
+ .v-fab--start, .v-fab--left {
21117
+ justify-content: flex-start;
21118
+ }
21119
+ .v-fab--center {
21120
+ align-items: center;
21121
+ justify-content: center;
21122
+ }
21123
+ .v-fab--end, .v-fab--right {
21124
+ justify-content: flex-end;
21125
+ }
21126
+ .v-fab--bottom {
21127
+ align-items: flex-end;
21128
+ }
21129
+ .v-fab--top {
21130
+ align-items: flex-start;
21131
+ }
21132
+ .v-fab--extended .v-btn {
21133
+ border-radius: 9999px !important;
21134
+ }
21135
+
21136
+ .v-fab__container {
21137
+ align-self: center;
21138
+ display: inline-flex;
21139
+ position: absolute;
21140
+ vertical-align: middle;
21141
+ }
21142
+ .v-fab--app .v-fab__container {
21143
+ margin: 12px;
21144
+ }
21145
+ .v-fab--absolute .v-fab__container {
21146
+ position: absolute;
21147
+ z-index: 4;
21148
+ }
21149
+ .v-fab--offset.v-fab--top .v-fab__container {
21150
+ transform: translateY(-50%);
21151
+ }
21152
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21153
+ transform: translateY(50%);
21154
+ }
21155
+ .v-fab--top .v-fab__container {
21156
+ top: 0;
21157
+ }
21158
+ .v-fab--bottom .v-fab__container {
21159
+ bottom: 0;
21160
+ }
21161
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21162
+ left: 0;
21163
+ }
21164
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21165
+ right: 0;
20948
21166
  }/* region INPUT */
20949
21167
  .v-field {
20950
21168
  display: grid;
@@ -22265,6 +22483,57 @@ textarea.v-field__input::placeholder {
22265
22483
  .offset-xxl-11 {
22266
22484
  margin-inline-start: 91.6666666667%;
22267
22485
  }
22486
+ }.v-img {
22487
+ --v-theme-overlay-multiplier: 3;
22488
+ z-index: 0;
22489
+ }
22490
+ .v-img.v-img--absolute {
22491
+ height: 100%;
22492
+ left: 0;
22493
+ overflow: hidden;
22494
+ position: absolute;
22495
+ top: 0;
22496
+ width: 100%;
22497
+ z-index: -1;
22498
+ }
22499
+ .v-img--booting .v-responsive__sizer {
22500
+ transition: none;
22501
+ }
22502
+ .v-img--rounded {
22503
+ border-radius: 4px;
22504
+ }
22505
+
22506
+ .v-img__img,
22507
+ .v-img__picture,
22508
+ .v-img__gradient,
22509
+ .v-img__placeholder,
22510
+ .v-img__error {
22511
+ z-index: -1;
22512
+ }
22513
+ .v-img__img,
22514
+ .v-img__picture,
22515
+ .v-img__gradient,
22516
+ .v-img__placeholder,
22517
+ .v-img__error {
22518
+ position: absolute;
22519
+ top: 0;
22520
+ left: 0;
22521
+ width: 100%;
22522
+ height: 100%;
22523
+ }
22524
+
22525
+ .v-img__img--preload {
22526
+ filter: blur(4px);
22527
+ }
22528
+ .v-img__img--contain {
22529
+ object-fit: contain;
22530
+ }
22531
+ .v-img__img--cover {
22532
+ object-fit: cover;
22533
+ }
22534
+
22535
+ .v-img__gradient {
22536
+ background-repeat: no-repeat;
22268
22537
  }.v-icon {
22269
22538
  --v-icon-size-multiplier: 1;
22270
22539
  align-items: center;
@@ -22318,62 +22587,31 @@ textarea.v-field__input::placeholder {
22318
22587
 
22319
22588
  .v-icon--end {
22320
22589
  margin-inline-start: 8px;
22321
- }.v-img {
22322
- --v-theme-overlay-multiplier: 3;
22323
- z-index: 0;
22590
+ }.v-infinite-scroll--horizontal {
22591
+ display: flex;
22592
+ flex-direction: row;
22593
+ overflow-x: auto;
22324
22594
  }
22325
- .v-img.v-img--absolute {
22595
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22326
22596
  height: 100%;
22327
- left: 0;
22328
- overflow: hidden;
22329
- position: absolute;
22330
- top: 0;
22331
- width: 100%;
22332
- z-index: -1;
22333
- }
22334
- .v-img--booting .v-responsive__sizer {
22335
- transition: none;
22336
- }
22337
- .v-img--rounded {
22338
- border-radius: 4px;
22597
+ width: 1px;
22339
22598
  }
22340
22599
 
22341
- .v-img__img,
22342
- .v-img__picture,
22343
- .v-img__gradient,
22344
- .v-img__placeholder,
22345
- .v-img__error {
22346
- z-index: -1;
22600
+ .v-infinite-scroll--vertical {
22601
+ display: flex;
22602
+ flex-direction: column;
22603
+ overflow-y: auto;
22347
22604
  }
22348
- .v-img__img,
22349
- .v-img__picture,
22350
- .v-img__gradient,
22351
- .v-img__placeholder,
22352
- .v-img__error {
22353
- position: absolute;
22354
- top: 0;
22355
- left: 0;
22605
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22606
+ height: 1px;
22356
22607
  width: 100%;
22357
- height: 100%;
22358
- }
22359
-
22360
- .v-img__img--preload {
22361
- filter: blur(4px);
22362
- }
22363
- .v-img__img--contain {
22364
- object-fit: contain;
22365
- }
22366
- .v-img__img--cover {
22367
- object-fit: cover;
22368
22608
  }
22369
22609
 
22370
- .v-img__gradient {
22371
- background-repeat: no-repeat;
22372
- }.v-item-group {
22373
- flex: 0 1 auto;
22374
- max-width: 100%;
22375
- position: relative;
22376
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22610
+ .v-infinite-scroll__side {
22611
+ align-items: center;
22612
+ display: flex;
22613
+ justify-content: center;
22614
+ padding: 8px;
22377
22615
  }.v-input {
22378
22616
  display: grid;
22379
22617
  flex: 1 1 auto;
@@ -22516,6 +22754,26 @@ textarea.v-field__input::placeholder {
22516
22754
 
22517
22755
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22518
22756
  padding-top: calc(var(--v-input-padding-top) + 0px);
22757
+ }.v-item-group {
22758
+ flex: 0 1 auto;
22759
+ max-width: 100%;
22760
+ position: relative;
22761
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22762
+ }.v-label {
22763
+ align-items: center;
22764
+ color: inherit;
22765
+ display: inline-flex;
22766
+ font-size: 1rem;
22767
+ letter-spacing: 0.009375em;
22768
+ min-width: 0;
22769
+ opacity: var(--v-medium-emphasis-opacity);
22770
+ overflow: hidden;
22771
+ text-overflow: ellipsis;
22772
+ white-space: nowrap;
22773
+ }
22774
+
22775
+ .v-label--clickable {
22776
+ cursor: pointer;
22519
22777
  }.v-layout {
22520
22778
  --v-scrollbar-offset: 0px;
22521
22779
  display: flex;
@@ -22531,51 +22789,11 @@ textarea.v-field__input::placeholder {
22531
22789
 
22532
22790
  .v-layout-item--absolute {
22533
22791
  position: absolute;
22534
- }.v-infinite-scroll--horizontal {
22535
- display: flex;
22536
- flex-direction: row;
22537
- overflow-x: auto;
22538
- }
22539
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22540
- height: 100%;
22541
- width: 1px;
22542
- }
22543
-
22544
- .v-infinite-scroll--vertical {
22545
- display: flex;
22546
- flex-direction: column;
22547
- overflow-y: auto;
22548
- }
22549
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22550
- height: 1px;
22551
- width: 100%;
22552
- }
22553
-
22554
- .v-infinite-scroll__side {
22555
- align-items: center;
22556
- display: flex;
22557
- justify-content: center;
22558
- padding: 8px;
22559
- }.v-label {
22560
- align-items: center;
22561
- color: inherit;
22562
- display: inline-flex;
22563
- font-size: 1rem;
22564
- letter-spacing: 0.009375em;
22565
- min-width: 0;
22566
- opacity: var(--v-medium-emphasis-opacity);
22567
- overflow: hidden;
22568
- text-overflow: ellipsis;
22569
- white-space: nowrap;
22570
- }
22571
-
22572
- .v-label--clickable {
22573
- cursor: pointer;
22574
- }.v-list {
22575
- overflow: auto;
22576
- padding: 8px 0;
22577
- position: relative;
22578
- outline: none;
22792
+ }.v-list {
22793
+ overflow: auto;
22794
+ padding: 8px 0;
22795
+ position: relative;
22796
+ outline: none;
22579
22797
  }
22580
22798
  .v-list {
22581
22799
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23148,6 +23366,25 @@ textarea.v-field__input::placeholder {
23148
23366
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23149
23367
  }.v-locale-provider {
23150
23368
  display: contents;
23369
+ }.v-menu > .v-overlay__content {
23370
+ display: flex;
23371
+ flex-direction: column;
23372
+ }
23373
+ .v-menu > .v-overlay__content {
23374
+ border-radius: 4px;
23375
+ }
23376
+ .v-menu > .v-overlay__content > .v-card,
23377
+ .v-menu > .v-overlay__content > .v-sheet,
23378
+ .v-menu > .v-overlay__content > .v-list {
23379
+ background: rgb(var(--v-theme-surface));
23380
+ border-radius: inherit;
23381
+ overflow: auto;
23382
+ height: 100%;
23383
+ }
23384
+ .v-menu > .v-overlay__content > .v-card,
23385
+ .v-menu > .v-overlay__content > .v-sheet,
23386
+ .v-menu > .v-overlay__content > .v-list {
23387
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23151
23388
  }.v-main {
23152
23389
  flex: 1 0 auto;
23153
23390
  max-width: 100%;
@@ -23194,83 +23431,6 @@ textarea.v-field__input::placeholder {
23194
23431
  -webkit-hyphens: auto;
23195
23432
  hyphens: auto;
23196
23433
  transition-duration: 150ms;
23197
- }.v-menu > .v-overlay__content {
23198
- display: flex;
23199
- flex-direction: column;
23200
- }
23201
- .v-menu > .v-overlay__content {
23202
- border-radius: 4px;
23203
- }
23204
- .v-menu > .v-overlay__content > .v-card,
23205
- .v-menu > .v-overlay__content > .v-sheet,
23206
- .v-menu > .v-overlay__content > .v-list {
23207
- background: rgb(var(--v-theme-surface));
23208
- border-radius: inherit;
23209
- overflow: auto;
23210
- height: 100%;
23211
- }
23212
- .v-menu > .v-overlay__content > .v-card,
23213
- .v-menu > .v-overlay__content > .v-sheet,
23214
- .v-menu > .v-overlay__content > .v-list {
23215
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23216
- }.v-otp-input {
23217
- align-items: center;
23218
- display: flex;
23219
- justify-content: center;
23220
- padding: 0.5rem 0;
23221
- position: relative;
23222
- }
23223
- .v-otp-input {
23224
- border-radius: 4px;
23225
- }
23226
- .v-otp-input .v-field {
23227
- height: 100%;
23228
- }
23229
-
23230
- .v-otp-input__divider {
23231
- margin: 0 8px;
23232
- }
23233
-
23234
- .v-otp-input__content {
23235
- align-items: center;
23236
- display: flex;
23237
- gap: 0.5rem;
23238
- height: 64px;
23239
- padding: 0.5rem;
23240
- justify-content: center;
23241
- max-width: 320px;
23242
- position: relative;
23243
- border-radius: inherit;
23244
- }
23245
- .v-otp-input--divided .v-otp-input__content {
23246
- max-width: 360px;
23247
- }
23248
-
23249
- .v-otp-input__field {
23250
- color: inherit;
23251
- font-size: 1.25rem;
23252
- height: 100%;
23253
- outline: none;
23254
- text-align: center;
23255
- width: 100%;
23256
- }
23257
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23258
- -webkit-appearance: none;
23259
- margin: 0;
23260
- }
23261
- .v-otp-input__field[type=number] {
23262
- -moz-appearance: textfield;
23263
- }
23264
-
23265
- .v-otp-input__loader {
23266
- align-items: center;
23267
- display: flex;
23268
- height: 100%;
23269
- justify-content: center;
23270
- width: 100%;
23271
- }
23272
- .v-otp-input__loader .v-progress-linear {
23273
- position: absolute;
23274
23434
  }.v-navigation-drawer {
23275
23435
  -webkit-overflow-scrolling: touch;
23276
23436
  background: rgb(var(--v-theme-surface));
@@ -23442,6 +23602,64 @@ html.v-overlay-scroll-blocked {
23442
23602
 
23443
23603
  .v-overlay--scroll-blocked {
23444
23604
  padding-inline-end: var(--v-scrollbar-offset);
23605
+ }.v-otp-input {
23606
+ align-items: center;
23607
+ display: flex;
23608
+ justify-content: center;
23609
+ padding: 0.5rem 0;
23610
+ position: relative;
23611
+ }
23612
+ .v-otp-input {
23613
+ border-radius: 4px;
23614
+ }
23615
+ .v-otp-input .v-field {
23616
+ height: 100%;
23617
+ }
23618
+
23619
+ .v-otp-input__divider {
23620
+ margin: 0 8px;
23621
+ }
23622
+
23623
+ .v-otp-input__content {
23624
+ align-items: center;
23625
+ display: flex;
23626
+ gap: 0.5rem;
23627
+ height: 64px;
23628
+ padding: 0.5rem;
23629
+ justify-content: center;
23630
+ max-width: 320px;
23631
+ position: relative;
23632
+ border-radius: inherit;
23633
+ }
23634
+ .v-otp-input--divided .v-otp-input__content {
23635
+ max-width: 360px;
23636
+ }
23637
+
23638
+ .v-otp-input__field {
23639
+ color: inherit;
23640
+ font-size: 1.25rem;
23641
+ height: 100%;
23642
+ outline: none;
23643
+ text-align: center;
23644
+ width: 100%;
23645
+ }
23646
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23647
+ -webkit-appearance: none;
23648
+ margin: 0;
23649
+ }
23650
+ .v-otp-input__field[type=number] {
23651
+ -moz-appearance: textfield;
23652
+ }
23653
+
23654
+ .v-otp-input__loader {
23655
+ align-items: center;
23656
+ display: flex;
23657
+ height: 100%;
23658
+ justify-content: center;
23659
+ width: 100%;
23660
+ }
23661
+ .v-otp-input__loader .v-progress-linear {
23662
+ position: absolute;
23445
23663
  }.v-pagination__list {
23446
23664
  display: inline-flex;
23447
23665
  list-style-type: none;
@@ -23450,6 +23668,12 @@ html.v-overlay-scroll-blocked {
23450
23668
  }
23451
23669
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23452
23670
  margin: 0.3rem;
23671
+ }.v-parallax {
23672
+ position: relative;
23673
+ overflow: hidden;
23674
+ }
23675
+ .v-parallax--active > .v-img__img {
23676
+ will-change: transform;
23453
23677
  }.v-progress-circular {
23454
23678
  align-items: center;
23455
23679
  display: inline-flex;
@@ -23780,12 +24004,6 @@ html.v-overlay-scroll-blocked {
23780
24004
  0% {
23781
24005
  background-position-x: var(--v-progress-linear-height);
23782
24006
  }
23783
- }.v-parallax {
23784
- position: relative;
23785
- overflow: hidden;
23786
- }
23787
- .v-parallax--active > .v-img__img {
23788
- will-change: transform;
23789
24007
  }.v-radio-group > .v-input__control {
23790
24008
  flex-direction: column;
23791
24009
  }
@@ -23855,32 +24073,6 @@ html.v-overlay-scroll-blocked {
23855
24073
 
23856
24074
  .v-slider__label {
23857
24075
  margin-inline-end: 12px;
23858
- }.v-responsive {
23859
- display: flex;
23860
- flex: 1 0 auto;
23861
- max-height: 100%;
23862
- max-width: 100%;
23863
- overflow: hidden;
23864
- position: relative;
23865
- }
23866
- .v-responsive--inline {
23867
- display: inline-flex;
23868
- flex: 0 0 auto;
23869
- }
23870
-
23871
- .v-responsive__content {
23872
- flex: 1 0 0px;
23873
- max-width: 100%;
23874
- }
23875
-
23876
- .v-responsive__sizer ~ .v-responsive__content {
23877
- margin-inline-start: -100%;
23878
- }
23879
-
23880
- .v-responsive__sizer {
23881
- flex: 1 0 0px;
23882
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23883
- pointer-events: none;
23884
24076
  }.v-rating {
23885
24077
  max-width: 100%;
23886
24078
  display: inline-flex;
@@ -23934,6 +24126,32 @@ html.v-overlay-scroll-blocked {
23934
24126
  opacity: 0;
23935
24127
  position: absolute;
23936
24128
  width: 0;
24129
+ }.v-responsive {
24130
+ display: flex;
24131
+ flex: 1 0 auto;
24132
+ max-height: 100%;
24133
+ max-width: 100%;
24134
+ overflow: hidden;
24135
+ position: relative;
24136
+ }
24137
+ .v-responsive--inline {
24138
+ display: inline-flex;
24139
+ flex: 0 0 auto;
24140
+ }
24141
+
24142
+ .v-responsive__content {
24143
+ flex: 1 0 0px;
24144
+ max-width: 100%;
24145
+ }
24146
+
24147
+ .v-responsive__sizer ~ .v-responsive__content {
24148
+ margin-inline-start: -100%;
24149
+ }
24150
+
24151
+ .v-responsive__sizer {
24152
+ flex: 1 0 0px;
24153
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24154
+ pointer-events: none;
23937
24155
  }.v-select .v-field .v-text-field__prefix,
23938
24156
  .v-select .v-field .v-text-field__suffix,
23939
24157
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24133,159 +24351,244 @@ html.v-overlay-scroll-blocked {
24133
24351
  }
24134
24352
  .v-sheet--rounded {
24135
24353
  border-radius: 4px;
24136
- }.v-snackbar {
24137
- justify-content: center;
24138
- z-index: 10000;
24139
- margin: 8px;
24140
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
24141
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
24354
+ }.v-skeleton-loader {
24355
+ align-items: center;
24356
+ background: rgb(var(--v-theme-surface));
24357
+ border-radius: 4px;
24358
+ display: flex;
24359
+ flex-wrap: wrap;
24360
+ position: relative;
24361
+ vertical-align: top;
24142
24362
  }
24143
- .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
24144
- align-items: flex-end;
24363
+ .v-skeleton-loader__actions {
24364
+ justify-content: end;
24145
24365
  }
24146
- .v-snackbar__wrapper {
24366
+ .v-skeleton-loader .v-skeleton-loader__ossein {
24367
+ height: 100%;
24368
+ }
24369
+ .v-skeleton-loader .v-skeleton-loader__avatar,
24370
+ .v-skeleton-loader .v-skeleton-loader__button,
24371
+ .v-skeleton-loader .v-skeleton-loader__chip,
24372
+ .v-skeleton-loader .v-skeleton-loader__divider,
24373
+ .v-skeleton-loader .v-skeleton-loader__heading,
24374
+ .v-skeleton-loader .v-skeleton-loader__image,
24375
+ .v-skeleton-loader .v-skeleton-loader__ossein,
24376
+ .v-skeleton-loader .v-skeleton-loader__text {
24377
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
24378
+ }
24379
+ .v-skeleton-loader .v-skeleton-loader__list-item,
24380
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
24381
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
24382
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
24383
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
24384
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
24385
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
24386
+ border-radius: 4px;
24387
+ }
24388
+ .v-skeleton-loader__bone {
24147
24389
  align-items: center;
24390
+ border-radius: inherit;
24148
24391
  display: flex;
24149
- max-width: 672px;
24150
- min-height: 48px;
24151
- min-width: 344px;
24392
+ flex: 1 1 100%;
24393
+ flex-wrap: wrap;
24152
24394
  overflow: hidden;
24153
- padding: 0;
24395
+ position: relative;
24154
24396
  }
24155
- .v-snackbar__wrapper {
24156
- border-radius: 4px;
24397
+ .v-skeleton-loader__bone::after {
24398
+ animation: loading 1.5s infinite;
24399
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
24400
+ transform: translateX(-100%);
24401
+ z-index: 1;
24157
24402
  }
24158
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24159
- background: transparent;
24160
- color: inherit;
24403
+ .v-skeleton-loader__bone::after {
24404
+ content: "";
24405
+ position: absolute;
24406
+ top: 0;
24407
+ left: 0;
24408
+ width: 100%;
24409
+ height: 100%;
24161
24410
  }
24162
- .v-snackbar--variant-plain {
24163
- opacity: 0.62;
24411
+ .v-skeleton-loader__avatar {
24412
+ border-radius: 50%;
24413
+ flex: 0 1 auto;
24414
+ margin: 8px 16px;
24415
+ max-height: 48px;
24416
+ min-height: 48px;
24417
+ height: 48px;
24418
+ max-width: 48px;
24419
+ min-width: 48px;
24420
+ width: 48px;
24164
24421
  }
24165
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24166
- opacity: 1;
24422
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
24423
+ flex: 1 1 auto;
24424
+ margin-inline-start: 0;
24167
24425
  }
24168
- .v-snackbar--variant-plain .v-snackbar__overlay {
24169
- display: none;
24426
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
24427
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
24428
+ margin-inline-start: 0;
24170
24429
  }
24171
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24172
- background: rgb(var(--v-theme-surface-variant));
24173
- color: rgb(var(--v-theme-on-surface-variant));
24430
+ .v-skeleton-loader__button {
24431
+ border-radius: 4px;
24432
+ height: 36px;
24433
+ margin: 16px;
24434
+ max-width: 64px;
24174
24435
  }
24175
- .v-snackbar--variant-elevated {
24176
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24436
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
24437
+ flex: 1 1 auto;
24438
+ margin-inline-start: 0;
24177
24439
  }
24178
- .v-snackbar--variant-flat {
24179
- 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));
24440
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
24441
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
24442
+ margin-inline-start: 0;
24180
24443
  }
24181
- .v-snackbar--variant-outlined {
24182
- border: thin solid currentColor;
24444
+ .v-skeleton-loader__chip {
24445
+ border-radius: 16px;
24446
+ margin: 16px;
24447
+ height: 32px;
24448
+ max-width: 96px;
24183
24449
  }
24184
- .v-snackbar--variant-text .v-snackbar__overlay {
24185
- background: currentColor;
24450
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
24451
+ flex: 1 1 auto;
24452
+ margin-inline-start: 0;
24186
24453
  }
24187
- .v-snackbar--variant-tonal .v-snackbar__underlay {
24188
- background: currentColor;
24189
- opacity: var(--v-activated-opacity);
24454
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
24455
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
24456
+ margin-inline-start: 0;
24457
+ }
24458
+ .v-skeleton-loader__date-picker {
24190
24459
  border-radius: inherit;
24191
- top: 0;
24192
- right: 0;
24193
- bottom: 0;
24194
- left: 0;
24195
- pointer-events: none;
24196
24460
  }
24197
- .v-snackbar .v-snackbar__underlay {
24198
- position: absolute;
24461
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
24462
+ max-width: 88px;
24463
+ width: 20%;
24199
24464
  }
24200
-
24201
- .v-snackbar__content {
24202
- flex-grow: 1;
24203
- font-size: 0.875rem;
24204
- font-weight: 400;
24205
- letter-spacing: 0.0178571429em;
24206
- line-height: 1.425;
24207
- margin-right: auto;
24208
- padding: 14px 16px;
24209
- text-align: initial;
24465
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
24466
+ max-width: 256px;
24467
+ width: 40%;
24210
24468
  }
24211
- .v-snackbar__actions {
24212
- align-items: center;
24213
- align-self: center;
24214
- display: flex;
24215
- margin-inline-end: 8px;
24469
+ .v-skeleton-loader__date-picker-days {
24470
+ flex-wrap: wrap;
24471
+ margin: 16px;
24216
24472
  }
24217
- .v-snackbar__actions > .v-btn {
24218
- padding: 0 8px;
24219
- min-width: auto;
24473
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
24474
+ border-radius: 4px;
24475
+ margin: 4px;
24476
+ max-width: 100%;
24220
24477
  }
24221
- .v-snackbar__timer {
24222
- width: 100%;
24223
- position: absolute;
24224
- top: 0;
24478
+ .v-skeleton-loader__date-picker-options {
24479
+ flex-wrap: nowrap;
24225
24480
  }
24226
- .v-snackbar__timer .v-progress-linear {
24227
- transition: 0.2s linear;
24481
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
24482
+ flex: 1 1 auto;
24228
24483
  }
24229
- .v-snackbar--absolute {
24230
- position: absolute;
24231
- z-index: 1;
24484
+ .v-skeleton-loader__divider {
24485
+ border-radius: 1px;
24486
+ height: 2px;
24232
24487
  }
24233
- .v-snackbar--multi-line .v-snackbar__wrapper {
24234
- min-height: 68px;
24488
+ .v-skeleton-loader__heading {
24489
+ border-radius: 12px;
24490
+ margin: 16px;
24491
+ height: 24px;
24235
24492
  }
24236
- .v-snackbar--vertical .v-snackbar__wrapper {
24237
- flex-direction: column;
24493
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
24494
+ margin-top: -16px;
24238
24495
  }
24239
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24240
- align-self: flex-end;
24241
- margin-bottom: 8px;
24496
+ .v-skeleton-loader__image {
24497
+ height: 150px;
24498
+ border-radius: 0;
24242
24499
  }
24243
- .v-snackbar--center {
24244
- align-items: center;
24245
- justify-content: center;
24500
+ .v-skeleton-loader__card .v-skeleton-loader__image {
24501
+ border-radius: 0;
24246
24502
  }
24247
- .v-snackbar--top {
24248
- align-items: flex-start;
24503
+ .v-skeleton-loader__list-item {
24504
+ margin: 16px;
24249
24505
  }
24250
- .v-snackbar--bottom {
24251
- align-items: flex-end;
24506
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
24507
+ margin: 0;
24252
24508
  }
24253
- .v-snackbar--left, .v-snackbar--start {
24254
- justify-content: flex-start;
24509
+ .v-skeleton-loader__table-thead {
24510
+ justify-content: space-between;
24255
24511
  }
24256
- .v-snackbar--right, .v-snackbar--end {
24257
- justify-content: flex-end;
24512
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
24513
+ margin-top: 16px;
24514
+ max-width: 16px;
24258
24515
  }
24259
-
24260
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24261
- transition-duration: 0.15s;
24262
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24516
+ .v-skeleton-loader__table-tfoot {
24517
+ flex-wrap: nowrap;
24263
24518
  }
24264
- .v-snackbar-transition-enter-active {
24265
- transition-property: opacity, transform;
24519
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
24520
+ margin-top: 16px;
24266
24521
  }
24267
- .v-snackbar-transition-enter-from {
24268
- opacity: 0;
24269
- transform: scale(0.8);
24522
+ .v-skeleton-loader__table-row {
24523
+ align-items: baseline;
24524
+ margin: 0 8px;
24525
+ justify-content: space-evenly;
24526
+ flex-wrap: nowrap;
24270
24527
  }
24271
- .v-snackbar-transition-leave-active {
24272
- transition-property: opacity;
24528
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
24529
+ margin-inline: 8px;
24273
24530
  }
24274
- .v-snackbar-transition-leave-to {
24275
- opacity: 0;
24276
- }.v-slide-group {
24277
- display: flex;
24278
- overflow: hidden;
24531
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
24532
+ margin: 0 16px;
24279
24533
  }
24280
-
24281
- .v-slide-group__next,
24282
- .v-slide-group__prev {
24534
+ .v-skeleton-loader__table-cell {
24283
24535
  align-items: center;
24284
24536
  display: flex;
24285
- flex: 0 1 52px;
24286
- justify-content: center;
24287
- min-width: 52px;
24288
- cursor: pointer;
24537
+ height: 48px;
24538
+ width: 88px;
24539
+ }
24540
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
24541
+ margin-bottom: 0;
24542
+ }
24543
+ .v-skeleton-loader__subtitle {
24544
+ max-width: 70%;
24545
+ }
24546
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
24547
+ height: 16px;
24548
+ border-radius: 8px;
24549
+ }
24550
+ .v-skeleton-loader__text {
24551
+ border-radius: 6px;
24552
+ margin: 16px;
24553
+ height: 12px;
24554
+ }
24555
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
24556
+ margin-top: -8px;
24557
+ max-width: 50%;
24558
+ }
24559
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
24560
+ max-width: 70%;
24561
+ }
24562
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
24563
+ display: none;
24564
+ }
24565
+ .v-skeleton-loader--is-loading {
24566
+ overflow: hidden;
24567
+ }
24568
+ .v-skeleton-loader--tile {
24569
+ border-radius: 0;
24570
+ }
24571
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
24572
+ border-radius: 0;
24573
+ }
24574
+
24575
+ @keyframes loading {
24576
+ 100% {
24577
+ transform: translateX(100%);
24578
+ }
24579
+ }.v-slide-group {
24580
+ display: flex;
24581
+ overflow: hidden;
24582
+ }
24583
+
24584
+ .v-slide-group__next,
24585
+ .v-slide-group__prev {
24586
+ align-items: center;
24587
+ display: flex;
24588
+ flex: 0 1 52px;
24589
+ justify-content: center;
24590
+ min-width: 52px;
24591
+ cursor: pointer;
24289
24592
  }
24290
24593
  .v-slide-group__next--disabled,
24291
24594
  .v-slide-group__prev--disabled {
@@ -24328,6 +24631,146 @@ html.v-overlay-scroll-blocked {
24328
24631
  .v-slide-group--vertical .v-slide-group__container {
24329
24632
  overflow-x: hidden;
24330
24633
  overflow-y: auto;
24634
+ }.v-snackbar {
24635
+ justify-content: center;
24636
+ z-index: 10000;
24637
+ margin: 8px;
24638
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
24639
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
24640
+ }
24641
+ .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
24642
+ align-items: flex-end;
24643
+ }
24644
+ .v-snackbar__wrapper {
24645
+ align-items: center;
24646
+ display: flex;
24647
+ max-width: 672px;
24648
+ min-height: 48px;
24649
+ min-width: 344px;
24650
+ overflow: hidden;
24651
+ padding: 0;
24652
+ }
24653
+ .v-snackbar__wrapper {
24654
+ border-radius: 4px;
24655
+ }
24656
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24657
+ background: transparent;
24658
+ color: inherit;
24659
+ }
24660
+ .v-snackbar--variant-plain {
24661
+ opacity: 0.62;
24662
+ }
24663
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24664
+ opacity: 1;
24665
+ }
24666
+ .v-snackbar--variant-plain .v-snackbar__overlay {
24667
+ display: none;
24668
+ }
24669
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24670
+ background: rgb(var(--v-theme-surface-variant));
24671
+ color: rgb(var(--v-theme-on-surface-variant));
24672
+ }
24673
+ .v-snackbar--variant-elevated {
24674
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24675
+ }
24676
+ .v-snackbar--variant-flat {
24677
+ 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));
24678
+ }
24679
+ .v-snackbar--variant-outlined {
24680
+ border: thin solid currentColor;
24681
+ }
24682
+ .v-snackbar--variant-text .v-snackbar__overlay {
24683
+ background: currentColor;
24684
+ }
24685
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
24686
+ background: currentColor;
24687
+ opacity: var(--v-activated-opacity);
24688
+ border-radius: inherit;
24689
+ top: 0;
24690
+ right: 0;
24691
+ bottom: 0;
24692
+ left: 0;
24693
+ pointer-events: none;
24694
+ }
24695
+ .v-snackbar .v-snackbar__underlay {
24696
+ position: absolute;
24697
+ }
24698
+
24699
+ .v-snackbar__content {
24700
+ flex-grow: 1;
24701
+ font-size: 0.875rem;
24702
+ font-weight: 400;
24703
+ letter-spacing: 0.0178571429em;
24704
+ line-height: 1.425;
24705
+ margin-right: auto;
24706
+ padding: 14px 16px;
24707
+ text-align: initial;
24708
+ }
24709
+ .v-snackbar__actions {
24710
+ align-items: center;
24711
+ align-self: center;
24712
+ display: flex;
24713
+ margin-inline-end: 8px;
24714
+ }
24715
+ .v-snackbar__actions > .v-btn {
24716
+ padding: 0 8px;
24717
+ min-width: auto;
24718
+ }
24719
+ .v-snackbar__timer {
24720
+ width: 100%;
24721
+ position: absolute;
24722
+ top: 0;
24723
+ }
24724
+ .v-snackbar__timer .v-progress-linear {
24725
+ transition: 0.2s linear;
24726
+ }
24727
+ .v-snackbar--absolute {
24728
+ position: absolute;
24729
+ z-index: 1;
24730
+ }
24731
+ .v-snackbar--multi-line .v-snackbar__wrapper {
24732
+ min-height: 68px;
24733
+ }
24734
+ .v-snackbar--vertical .v-snackbar__wrapper {
24735
+ flex-direction: column;
24736
+ }
24737
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24738
+ align-self: flex-end;
24739
+ margin-bottom: 8px;
24740
+ }
24741
+ .v-snackbar--center {
24742
+ align-items: center;
24743
+ justify-content: center;
24744
+ }
24745
+ .v-snackbar--top {
24746
+ align-items: flex-start;
24747
+ }
24748
+ .v-snackbar--bottom {
24749
+ align-items: flex-end;
24750
+ }
24751
+ .v-snackbar--left, .v-snackbar--start {
24752
+ justify-content: flex-start;
24753
+ }
24754
+ .v-snackbar--right, .v-snackbar--end {
24755
+ justify-content: flex-end;
24756
+ }
24757
+
24758
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24759
+ transition-duration: 0.15s;
24760
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24761
+ }
24762
+ .v-snackbar-transition-enter-active {
24763
+ transition-property: opacity, transform;
24764
+ }
24765
+ .v-snackbar-transition-enter-from {
24766
+ opacity: 0;
24767
+ transform: scale(0.8);
24768
+ }
24769
+ .v-snackbar-transition-leave-active {
24770
+ transition-property: opacity;
24771
+ }
24772
+ .v-snackbar-transition-leave-to {
24773
+ opacity: 0;
24331
24774
  }.v-speed-dial__content {
24332
24775
  gap: 8px;
24333
24776
  }
@@ -24726,53 +25169,76 @@ html.v-overlay-scroll-blocked {
24726
25169
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24727
25170
  border-width: 0;
24728
25171
  }
24729
- }.v-system-bar {
24730
- align-items: center;
25172
+ }.v-tabs {
24731
25173
  display: flex;
24732
- flex: 1 1 auto;
24733
- height: 24px;
24734
- justify-content: flex-end;
24735
- max-width: 100%;
24736
- padding-inline: 8px;
24737
- position: relative;
24738
- text-align: end;
24739
- width: 100%;
25174
+ height: var(--v-tabs-height);
24740
25175
  }
24741
- .v-system-bar .v-icon {
24742
- opacity: var(--v-medium-emphasis-opacity);
25176
+ .v-tabs--density-default {
25177
+ --v-tabs-height: 48px;
24743
25178
  }
24744
- .v-system-bar {
24745
- 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));
25179
+ .v-tabs--density-default.v-tabs--stacked {
25180
+ --v-tabs-height: 72px;
24746
25181
  }
24747
- .v-system-bar--absolute {
24748
- position: absolute;
25182
+
25183
+ .v-tabs--density-comfortable {
25184
+ --v-tabs-height: 44px;
24749
25185
  }
24750
- .v-system-bar--fixed {
24751
- position: fixed;
25186
+ .v-tabs--density-comfortable.v-tabs--stacked {
25187
+ --v-tabs-height: 68px;
24752
25188
  }
24753
- .v-system-bar {
24754
- background: rgba(var(--v-theme-surface-light));
24755
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25189
+
25190
+ .v-tabs--density-compact {
25191
+ --v-tabs-height: 36px;
24756
25192
  }
24757
- .v-system-bar {
24758
- font-size: 0.75rem;
24759
- font-weight: 400;
24760
- letter-spacing: 0.0333333333em;
24761
- line-height: 1.667;
24762
- text-transform: none;
25193
+ .v-tabs--density-compact.v-tabs--stacked {
25194
+ --v-tabs-height: 60px;
24763
25195
  }
24764
- .v-system-bar--rounded {
24765
- border-radius: 0;
25196
+
25197
+ .v-tabs.v-slide-group--vertical {
25198
+ height: auto;
25199
+ flex: none;
25200
+ --v-tabs-height: 48px;
24766
25201
  }
24767
- .v-system-bar--window {
24768
- height: 32px;
25202
+
25203
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25204
+ margin-inline-start: 42px;
24769
25205
  }
24770
- .v-system-bar:not(.v-system-bar--absolute) {
24771
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24772
- }.v-tab.v-tab.v-btn {
24773
- height: var(--v-tabs-height);
24774
- border-radius: 0;
24775
- min-width: 90px;
25206
+
25207
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25208
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25209
+ margin-inline-end: auto;
25210
+ }
25211
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25212
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25213
+ margin-inline-start: auto;
25214
+ }
25215
+
25216
+ .v-tabs--grow {
25217
+ flex-grow: 1;
25218
+ }
25219
+ .v-tabs--grow .v-tab {
25220
+ flex: 1 0 auto;
25221
+ max-width: none;
25222
+ }
25223
+
25224
+ .v-tabs--align-tabs-end .v-tab:first-child {
25225
+ margin-inline-start: auto;
25226
+ }
25227
+ .v-tabs--align-tabs-end .v-tab:last-child {
25228
+ margin-inline-end: 0;
25229
+ }
25230
+
25231
+ @media (max-width: 1279.98px) {
25232
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25233
+ margin-inline-start: 52px;
25234
+ }
25235
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25236
+ margin-inline-end: 52px;
25237
+ }
25238
+ }.v-tab.v-tab.v-btn {
25239
+ height: var(--v-tabs-height);
25240
+ border-radius: 0;
25241
+ min-width: 90px;
24776
25242
  }
24777
25243
  .v-slide-group--horizontal .v-tab {
24778
25244
  max-width: 360px;
@@ -24798,72 +25264,49 @@ html.v-overlay-scroll-blocked {
24798
25264
  top: 0;
24799
25265
  height: 100%;
24800
25266
  width: 2px;
24801
- }.v-tabs {
25267
+ }.v-system-bar {
25268
+ align-items: center;
24802
25269
  display: flex;
24803
- height: var(--v-tabs-height);
24804
- }
24805
- .v-tabs--density-default {
24806
- --v-tabs-height: 48px;
24807
- }
24808
- .v-tabs--density-default.v-tabs--stacked {
24809
- --v-tabs-height: 72px;
24810
- }
24811
-
24812
- .v-tabs--density-comfortable {
24813
- --v-tabs-height: 44px;
24814
- }
24815
- .v-tabs--density-comfortable.v-tabs--stacked {
24816
- --v-tabs-height: 68px;
24817
- }
24818
-
24819
- .v-tabs--density-compact {
24820
- --v-tabs-height: 36px;
24821
- }
24822
- .v-tabs--density-compact.v-tabs--stacked {
24823
- --v-tabs-height: 60px;
25270
+ flex: 1 1 auto;
25271
+ height: 24px;
25272
+ justify-content: flex-end;
25273
+ max-width: 100%;
25274
+ padding-inline: 8px;
25275
+ position: relative;
25276
+ text-align: end;
25277
+ width: 100%;
24824
25278
  }
24825
-
24826
- .v-tabs.v-slide-group--vertical {
24827
- height: auto;
24828
- flex: none;
24829
- --v-tabs-height: 48px;
25279
+ .v-system-bar .v-icon {
25280
+ opacity: var(--v-medium-emphasis-opacity);
24830
25281
  }
24831
-
24832
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24833
- margin-inline-start: 42px;
25282
+ .v-system-bar {
25283
+ 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));
24834
25284
  }
24835
-
24836
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24837
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24838
- margin-inline-end: auto;
25285
+ .v-system-bar--absolute {
25286
+ position: absolute;
24839
25287
  }
24840
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24841
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24842
- margin-inline-start: auto;
25288
+ .v-system-bar--fixed {
25289
+ position: fixed;
24843
25290
  }
24844
-
24845
- .v-tabs--grow {
24846
- flex-grow: 1;
25291
+ .v-system-bar {
25292
+ background: rgba(var(--v-theme-surface-light));
25293
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24847
25294
  }
24848
- .v-tabs--grow .v-tab {
24849
- flex: 1 0 auto;
24850
- max-width: none;
25295
+ .v-system-bar {
25296
+ font-size: 0.75rem;
25297
+ font-weight: 400;
25298
+ letter-spacing: 0.0333333333em;
25299
+ line-height: 1.667;
25300
+ text-transform: none;
24851
25301
  }
24852
-
24853
- .v-tabs--align-tabs-end .v-tab:first-child {
24854
- margin-inline-start: auto;
25302
+ .v-system-bar--rounded {
25303
+ border-radius: 0;
24855
25304
  }
24856
- .v-tabs--align-tabs-end .v-tab:last-child {
24857
- margin-inline-end: 0;
25305
+ .v-system-bar--window {
25306
+ height: 32px;
24858
25307
  }
24859
-
24860
- @media (max-width: 1279.98px) {
24861
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24862
- margin-inline-start: 52px;
24863
- }
24864
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24865
- margin-inline-end: 52px;
24866
- }
25308
+ .v-system-bar:not(.v-system-bar--absolute) {
25309
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24867
25310
  }.v-table {
24868
25311
  font-size: 0.875rem;
24869
25312
  transition-duration: 0.28s;
@@ -25006,45 +25449,6 @@ html.v-overlay-scroll-blocked {
25006
25449
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25007
25450
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25008
25451
  border-top: 0px !important;
25009
- }.v-textarea .v-field {
25010
- --v-textarea-control-height: var(--v-input-control-height);
25011
- }
25012
- .v-textarea .v-field__field {
25013
- --v-input-control-height: var(--v-textarea-control-height);
25014
- }
25015
- .v-textarea .v-field__input {
25016
- flex: 1 1 auto;
25017
- outline: none;
25018
- -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));
25019
- 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));
25020
- }
25021
- .v-textarea .v-field__input.v-textarea__sizer {
25022
- visibility: hidden;
25023
- position: absolute;
25024
- top: 0;
25025
- left: 0;
25026
- height: 0 !important;
25027
- min-height: 0 !important;
25028
- pointer-events: none;
25029
- }
25030
- .v-textarea--no-resize .v-field__input {
25031
- resize: none;
25032
- }
25033
- .v-textarea .v-field--no-label textarea,
25034
- .v-textarea .v-field--active textarea {
25035
- opacity: 1;
25036
- }
25037
- .v-textarea textarea {
25038
- opacity: 0;
25039
- flex: 1;
25040
- min-width: 0;
25041
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25042
- }
25043
- .v-textarea textarea:focus, .v-textarea textarea:active {
25044
- outline: none;
25045
- }
25046
- .v-textarea textarea:invalid {
25047
- box-shadow: none;
25048
25452
  }/* region BLOCK */
25049
25453
  .v-text-field input {
25050
25454
  color: inherit;
@@ -25112,7 +25516,46 @@ html.v-overlay-scroll-blocked {
25112
25516
  padding-inline-end: var(--v-field-padding-end);
25113
25517
  }
25114
25518
 
25115
- /* endregion */.v-theme-provider {
25519
+ /* endregion */.v-textarea .v-field {
25520
+ --v-textarea-control-height: var(--v-input-control-height);
25521
+ }
25522
+ .v-textarea .v-field__field {
25523
+ --v-input-control-height: var(--v-textarea-control-height);
25524
+ }
25525
+ .v-textarea .v-field__input {
25526
+ flex: 1 1 auto;
25527
+ outline: none;
25528
+ -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));
25529
+ 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));
25530
+ }
25531
+ .v-textarea .v-field__input.v-textarea__sizer {
25532
+ visibility: hidden;
25533
+ position: absolute;
25534
+ top: 0;
25535
+ left: 0;
25536
+ height: 0 !important;
25537
+ min-height: 0 !important;
25538
+ pointer-events: none;
25539
+ }
25540
+ .v-textarea--no-resize .v-field__input {
25541
+ resize: none;
25542
+ }
25543
+ .v-textarea .v-field--no-label textarea,
25544
+ .v-textarea .v-field--active textarea {
25545
+ opacity: 1;
25546
+ }
25547
+ .v-textarea textarea {
25548
+ opacity: 0;
25549
+ flex: 1;
25550
+ min-width: 0;
25551
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25552
+ }
25553
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25554
+ outline: none;
25555
+ }
25556
+ .v-textarea textarea:invalid {
25557
+ box-shadow: none;
25558
+ }.v-theme-provider {
25116
25559
  background: rgb(var(--v-theme-background));
25117
25560
  color: rgb(var(--v-theme-on-background));
25118
25561
  }.v-timeline .v-timeline-divider__dot {
@@ -25451,775 +25894,332 @@ html.v-overlay-scroll-blocked {
25451
25894
  .v-timeline--horizontal.v-timeline--align-center {
25452
25895
  justify-items: center;
25453
25896
  }
25454
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__body {
25455
- padding-inline: 12px;
25456
- }
25457
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__opposite {
25458
- padding-inline: 12px;
25459
- }
25460
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
25461
- justify-content: center;
25462
- }
25463
-
25464
- .v-timeline--vertical.v-timeline--align-center {
25465
- align-items: center;
25466
- }
25467
- .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
25468
- justify-content: center;
25469
- }
25470
-
25471
- .v-timeline--align-start {
25472
- --v-timeline-line-size-base: 100%;
25473
- --v-timeline-line-size-offset: 12px;
25474
- }
25475
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
25476
- --v-timeline-line-size-offset: 24px;
25477
- }
25478
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
25479
- --v-timeline-line-size-offset: -12px;
25480
- }
25481
- .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
25482
- --v-timeline-line-size-offset: 0px;
25483
- }
25484
- .v-timeline--horizontal.v-timeline--align-start {
25485
- justify-items: flex-start;
25486
- }
25487
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25488
- justify-content: flex-start;
25489
- }
25490
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25491
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25492
- }
25493
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25494
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25495
- }
25496
-
25497
- .v-timeline--vertical.v-timeline--align-start {
25498
- align-items: flex-start;
25499
- }
25500
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25501
- justify-content: flex-start;
25502
- }
25503
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25504
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25505
- }
25506
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25507
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25508
- }
25509
-
25510
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25511
- display: none;
25512
- }
25513
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25514
- --v-timeline-line-size-offset: 12px;
25515
- }
25516
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25517
- padding-block-start: 0;
25518
- }
25519
-
25520
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25521
- padding-inline-start: 0;
25522
- }
25523
-
25524
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25525
- display: none;
25526
- }
25527
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25528
- --v-timeline-line-size-offset: 12px;
25529
- }
25530
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25531
- padding-block-end: 0;
25532
- }
25533
-
25534
- .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25535
- padding-inline-end: 0;
25536
- }.v-toolbar {
25537
- align-items: flex-start;
25538
- display: flex;
25539
- flex: none;
25540
- flex-direction: column;
25541
- justify-content: space-between;
25542
- max-width: 100%;
25543
- position: relative;
25544
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25545
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25546
- width: 100%;
25547
- }
25548
- .v-toolbar {
25549
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25550
- border-style: solid;
25551
- border-width: 0;
25552
- }
25553
- .v-toolbar--border {
25554
- border-width: thin;
25555
- box-shadow: none;
25556
- }
25557
- .v-toolbar {
25558
- 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));
25559
- }
25560
- .v-toolbar {
25561
- border-radius: 0;
25562
- }
25563
- .v-toolbar {
25564
- background: rgb(var(--v-theme-surface-light));
25565
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25566
- }
25567
- .v-toolbar--absolute {
25568
- position: absolute;
25569
- }
25570
- .v-toolbar--collapse {
25571
- max-width: 112px;
25572
- overflow: hidden;
25573
- border-end-end-radius: 24px;
25574
- }
25575
- .v-toolbar--collapse .v-toolbar-title {
25576
- display: none;
25577
- }
25578
- .v-toolbar--flat {
25579
- 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));
25580
- }
25581
- .v-toolbar--floating {
25582
- display: inline-flex;
25583
- }
25584
- .v-toolbar--rounded {
25585
- border-radius: 4px;
25586
- }
25587
-
25588
- .v-toolbar__content,
25589
- .v-toolbar__extension {
25590
- align-items: center;
25591
- display: flex;
25592
- flex: 0 0 auto;
25593
- position: relative;
25594
- transition: inherit;
25595
- width: 100%;
25596
- }
25597
-
25598
- .v-toolbar__content {
25599
- overflow: hidden;
25600
- }
25601
- .v-toolbar__content > .v-btn:first-child {
25602
- margin-inline-start: 4px;
25603
- }
25604
- .v-toolbar__content > .v-btn:last-child {
25605
- margin-inline-end: 4px;
25606
- }
25607
- .v-toolbar__content > .v-toolbar-title {
25608
- margin-inline-start: 20px;
25609
- }
25610
- .v-toolbar--density-prominent .v-toolbar__content {
25611
- align-items: flex-start;
25612
- }
25613
-
25614
- .v-toolbar__image {
25615
- display: flex;
25616
- opacity: var(--v-toolbar-image-opacity, 1);
25617
- transition-property: opacity;
25618
- }
25619
- .v-toolbar__image {
25620
- position: absolute;
25621
- top: 0;
25622
- left: 0;
25623
- width: 100%;
25624
- height: 100%;
25625
- }
25626
-
25627
- .v-toolbar__prepend,
25628
- .v-toolbar__append {
25629
- align-items: center;
25630
- align-self: stretch;
25631
- display: flex;
25632
- }
25633
-
25634
- .v-toolbar__prepend {
25635
- margin-inline: 4px auto;
25636
- }
25637
-
25638
- .v-toolbar__append {
25639
- margin-inline: auto 4px;
25640
- }
25641
-
25642
- .v-toolbar-title {
25643
- flex: 1 1;
25644
- font-size: 1.25rem;
25645
- min-width: 0;
25646
- }
25647
- .v-toolbar-title {
25648
- font-size: 1.25rem;
25649
- font-weight: 400;
25650
- letter-spacing: 0;
25651
- line-height: 1.75rem;
25652
- text-transform: none;
25653
- }
25654
- .v-toolbar--density-prominent .v-toolbar-title {
25655
- align-self: flex-end;
25656
- padding-bottom: 6px;
25657
- }
25658
- .v-toolbar--density-prominent .v-toolbar-title {
25659
- font-size: 1.5rem;
25660
- font-weight: 400;
25661
- letter-spacing: 0;
25662
- line-height: 2.25rem;
25663
- text-transform: none;
25664
- }
25665
-
25666
- .v-toolbar-title__placeholder {
25667
- overflow: hidden;
25668
- text-overflow: ellipsis;
25669
- white-space: nowrap;
25670
- }
25671
-
25672
- .v-toolbar-items {
25673
- display: flex;
25674
- height: inherit;
25675
- align-self: stretch;
25676
- }
25677
- .v-toolbar-items > .v-btn {
25678
- border-radius: 0;
25679
- }.v-tooltip > .v-overlay__content {
25680
- background: rgb(var(--v-theme-surface-variant));
25681
- color: rgb(var(--v-theme-on-surface-variant));
25682
- border-radius: 4px;
25683
- font-size: 0.875rem;
25684
- line-height: 1.6;
25685
- display: inline-block;
25686
- padding: 5px 16px;
25687
- text-transform: initial;
25688
- width: auto;
25689
- opacity: 1;
25690
- pointer-events: none;
25691
- transition-property: opacity, transform;
25692
- overflow-wrap: break-word;
25693
- }
25694
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25695
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25696
- transition-duration: 150ms;
25697
- }
25698
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25699
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25700
- transition-duration: 75ms;
25701
- }.v-window {
25702
- overflow: hidden;
25703
- }
25704
- .v-window__container {
25705
- display: flex;
25706
- flex-direction: column;
25707
- height: inherit;
25708
- position: relative;
25709
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25710
- }
25711
- .v-window__controls {
25712
- position: absolute;
25713
- left: 0;
25714
- top: 0;
25715
- width: 100%;
25716
- height: 100%;
25717
- display: flex;
25718
- align-items: center;
25719
- justify-content: space-between;
25720
- padding: 0 16px;
25721
- pointer-events: none;
25722
- }
25723
- .v-window__controls > * {
25724
- pointer-events: auto;
25725
- }
25726
- .v-window--show-arrows-on-hover {
25727
- overflow: hidden;
25728
- }
25729
- .v-window--show-arrows-on-hover .v-window__left {
25730
- transform: translateX(-200%);
25731
- }
25732
- .v-window--show-arrows-on-hover .v-window__right {
25733
- transform: translateX(200%);
25734
- }
25735
- .v-window--show-arrows-on-hover:hover .v-window__left,
25736
- .v-window--show-arrows-on-hover:hover .v-window__right {
25737
- transform: translateX(0);
25738
- }
25739
-
25740
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25741
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25742
- }
25743
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25744
- position: absolute !important;
25745
- top: 0;
25746
- width: 100%;
25747
- }
25748
- .v-window-x-transition-enter-from {
25749
- transform: translateX(100%);
25750
- }
25751
- .v-window-x-transition-leave-to {
25752
- transform: translateX(-100%);
25753
- }
25754
- .v-window-x-reverse-transition-enter-from {
25755
- transform: translateX(-100%);
25756
- }
25757
- .v-window-x-reverse-transition-leave-to {
25758
- transform: translateX(100%);
25759
- }
25760
- .v-window-y-transition-enter-from {
25761
- transform: translateY(100%);
25762
- }
25763
- .v-window-y-transition-leave-to {
25764
- transform: translateY(-100%);
25765
- }
25766
- .v-window-y-reverse-transition-enter-from {
25767
- transform: translateY(-100%);
25768
- }
25769
- .v-window-y-reverse-transition-leave-to {
25770
- transform: translateY(100%);
25771
- }.v-virtual-scroll {
25772
- display: block;
25773
- flex: 1 1 auto;
25774
- max-width: 100%;
25775
- overflow: auto;
25776
- position: relative;
25777
- }
25778
- .v-virtual-scroll__container {
25779
- display: block;
25780
- }.v-skeleton-loader {
25781
- align-items: center;
25782
- background: rgb(var(--v-theme-surface));
25783
- border-radius: 4px;
25784
- display: flex;
25785
- flex-wrap: wrap;
25786
- position: relative;
25787
- vertical-align: top;
25788
- }
25789
- .v-skeleton-loader__actions {
25790
- justify-content: end;
25791
- }
25792
- .v-skeleton-loader .v-skeleton-loader__ossein {
25793
- height: 100%;
25794
- }
25795
- .v-skeleton-loader .v-skeleton-loader__avatar,
25796
- .v-skeleton-loader .v-skeleton-loader__button,
25797
- .v-skeleton-loader .v-skeleton-loader__chip,
25798
- .v-skeleton-loader .v-skeleton-loader__divider,
25799
- .v-skeleton-loader .v-skeleton-loader__heading,
25800
- .v-skeleton-loader .v-skeleton-loader__image,
25801
- .v-skeleton-loader .v-skeleton-loader__ossein,
25802
- .v-skeleton-loader .v-skeleton-loader__text {
25803
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
25804
- }
25805
- .v-skeleton-loader .v-skeleton-loader__list-item,
25806
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
25807
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
25808
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
25809
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
25810
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
25811
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
25812
- border-radius: 4px;
25813
- }
25814
- .v-skeleton-loader__bone {
25815
- align-items: center;
25816
- border-radius: inherit;
25817
- display: flex;
25818
- flex: 1 1 100%;
25819
- flex-wrap: wrap;
25820
- overflow: hidden;
25821
- position: relative;
25822
- }
25823
- .v-skeleton-loader__bone::after {
25824
- animation: loading 1.5s infinite;
25825
- background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
25826
- transform: translateX(-100%);
25827
- z-index: 1;
25828
- }
25829
- .v-skeleton-loader__bone::after {
25830
- content: "";
25831
- position: absolute;
25832
- top: 0;
25833
- left: 0;
25834
- width: 100%;
25835
- height: 100%;
25836
- }
25837
- .v-skeleton-loader__avatar {
25838
- border-radius: 50%;
25839
- flex: 0 1 auto;
25840
- margin: 8px 16px;
25841
- max-height: 48px;
25842
- min-height: 48px;
25843
- height: 48px;
25844
- max-width: 48px;
25845
- min-width: 48px;
25846
- width: 48px;
25847
- }
25848
- .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
25849
- flex: 1 1 auto;
25850
- margin-inline-start: 0;
25851
- }
25852
- .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
25853
- .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
25854
- margin-inline-start: 0;
25855
- }
25856
- .v-skeleton-loader__button {
25857
- border-radius: 4px;
25858
- height: 36px;
25859
- margin: 16px;
25860
- max-width: 64px;
25861
- }
25862
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
25863
- flex: 1 1 auto;
25864
- margin-inline-start: 0;
25865
- }
25866
- .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
25867
- .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
25868
- margin-inline-start: 0;
25869
- }
25870
- .v-skeleton-loader__chip {
25871
- border-radius: 16px;
25872
- margin: 16px;
25873
- height: 32px;
25874
- max-width: 96px;
25875
- }
25876
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
25877
- flex: 1 1 auto;
25878
- margin-inline-start: 0;
25879
- }
25880
- .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
25881
- .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
25882
- margin-inline-start: 0;
25883
- }
25884
- .v-skeleton-loader__date-picker {
25885
- border-radius: inherit;
25886
- }
25887
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
25888
- max-width: 88px;
25889
- width: 20%;
25890
- }
25891
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
25892
- max-width: 256px;
25893
- width: 40%;
25894
- }
25895
- .v-skeleton-loader__date-picker-days {
25896
- flex-wrap: wrap;
25897
- margin: 16px;
25898
- }
25899
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
25900
- border-radius: 4px;
25901
- margin: 4px;
25902
- max-width: 100%;
25903
- }
25904
- .v-skeleton-loader__date-picker-options {
25905
- flex-wrap: nowrap;
25906
- }
25907
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
25908
- flex: 1 1 auto;
25909
- }
25910
- .v-skeleton-loader__divider {
25911
- border-radius: 1px;
25912
- height: 2px;
25913
- }
25914
- .v-skeleton-loader__heading {
25915
- border-radius: 12px;
25916
- margin: 16px;
25917
- height: 24px;
25918
- }
25919
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
25920
- margin-top: -16px;
25921
- }
25922
- .v-skeleton-loader__image {
25923
- height: 150px;
25924
- border-radius: 0;
25925
- }
25926
- .v-skeleton-loader__card .v-skeleton-loader__image {
25927
- border-radius: 0;
25928
- }
25929
- .v-skeleton-loader__list-item {
25930
- margin: 16px;
25897
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__body {
25898
+ padding-inline: 12px;
25931
25899
  }
25932
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
25933
- margin: 0;
25900
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-item__opposite {
25901
+ padding-inline: 12px;
25934
25902
  }
25935
- .v-skeleton-loader__table-thead {
25936
- justify-content: space-between;
25903
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
25904
+ justify-content: center;
25937
25905
  }
25938
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
25939
- margin-top: 16px;
25940
- max-width: 16px;
25906
+
25907
+ .v-timeline--vertical.v-timeline--align-center {
25908
+ align-items: center;
25941
25909
  }
25942
- .v-skeleton-loader__table-tfoot {
25943
- flex-wrap: nowrap;
25910
+ .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
25911
+ justify-content: center;
25944
25912
  }
25945
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
25946
- margin-top: 16px;
25913
+
25914
+ .v-timeline--align-start {
25915
+ --v-timeline-line-size-base: 100%;
25916
+ --v-timeline-line-size-offset: 12px;
25947
25917
  }
25948
- .v-skeleton-loader__table-row {
25949
- align-items: baseline;
25950
- margin: 0 8px;
25951
- justify-content: space-evenly;
25952
- flex-wrap: nowrap;
25918
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
25919
+ --v-timeline-line-size-offset: 24px;
25953
25920
  }
25954
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
25955
- margin-inline: 8px;
25921
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
25922
+ --v-timeline-line-size-offset: -12px;
25956
25923
  }
25957
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
25958
- margin: 0 16px;
25924
+ .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
25925
+ --v-timeline-line-size-offset: 0px;
25959
25926
  }
25960
- .v-skeleton-loader__table-cell {
25961
- align-items: center;
25962
- display: flex;
25963
- height: 48px;
25964
- width: 88px;
25927
+ .v-timeline--horizontal.v-timeline--align-start {
25928
+ justify-items: flex-start;
25965
25929
  }
25966
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
25967
- margin-bottom: 0;
25930
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25931
+ justify-content: flex-start;
25968
25932
  }
25969
- .v-skeleton-loader__subtitle {
25970
- max-width: 70%;
25933
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25934
+ width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25971
25935
  }
25972
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
25973
- height: 16px;
25974
- border-radius: 8px;
25936
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25937
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25975
25938
  }
25976
- .v-skeleton-loader__text {
25977
- border-radius: 6px;
25978
- margin: 16px;
25979
- height: 12px;
25939
+
25940
+ .v-timeline--vertical.v-timeline--align-start {
25941
+ align-items: flex-start;
25980
25942
  }
25981
- .v-skeleton-loader__text + .v-skeleton-loader__text {
25982
- margin-top: -8px;
25983
- max-width: 50%;
25943
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25944
+ justify-content: flex-start;
25984
25945
  }
25985
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
25986
- max-width: 70%;
25946
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25947
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25987
25948
  }
25988
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
25989
- display: none;
25949
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25950
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25990
25951
  }
25991
- .v-skeleton-loader--is-loading {
25992
- overflow: hidden;
25952
+
25953
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25954
+ display: none;
25993
25955
  }
25994
- .v-skeleton-loader--tile {
25995
- border-radius: 0;
25956
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25957
+ --v-timeline-line-size-offset: 12px;
25996
25958
  }
25997
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
25998
- border-radius: 0;
25959
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25960
+ padding-block-start: 0;
25999
25961
  }
26000
25962
 
26001
- @keyframes loading {
26002
- 100% {
26003
- transform: translateX(100%);
26004
- }
26005
- }.v-data-table {
26006
- width: 100%;
25963
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25964
+ padding-inline-start: 0;
26007
25965
  }
26008
25966
 
26009
- .v-data-table__table {
26010
- width: 100%;
26011
- border-collapse: separate;
26012
- border-spacing: 0;
25967
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25968
+ display: none;
26013
25969
  }
26014
-
26015
- .v-data-table__tr--focus {
26016
- border: 1px dotted black;
25970
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25971
+ --v-timeline-line-size-offset: 12px;
26017
25972
  }
26018
- .v-data-table__tr--clickable {
26019
- cursor: pointer;
25973
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25974
+ padding-block-end: 0;
26020
25975
  }
26021
25976
 
26022
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
26023
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
26024
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
26025
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
26026
- text-align: end;
25977
+ .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25978
+ padding-inline-end: 0;
25979
+ }.v-toolbar {
25980
+ align-items: flex-start;
25981
+ display: flex;
25982
+ flex: none;
25983
+ flex-direction: column;
25984
+ justify-content: space-between;
25985
+ max-width: 100%;
25986
+ position: relative;
25987
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25988
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25989
+ width: 100%;
26027
25990
  }
26028
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
26029
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
26030
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
26031
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
26032
- flex-direction: row-reverse;
25991
+ .v-toolbar {
25992
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25993
+ border-style: solid;
25994
+ border-width: 0;
26033
25995
  }
26034
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
26035
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
26036
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
26037
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
26038
- text-align: center;
25996
+ .v-toolbar--border {
25997
+ border-width: thin;
25998
+ box-shadow: none;
26039
25999
  }
26040
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
26041
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
26042
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
26043
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
26044
- justify-content: center;
26000
+ .v-toolbar {
26001
+ 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));
26045
26002
  }
26046
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
26047
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
26048
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
26049
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
26050
- padding: 0 8px;
26003
+ .v-toolbar {
26004
+ border-radius: 0;
26051
26005
  }
26052
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
26053
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
26054
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
26055
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
26056
- text-overflow: ellipsis;
26057
- text-wrap: nowrap;
26006
+ .v-toolbar {
26007
+ background: rgb(var(--v-theme-surface-light));
26008
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26009
+ }
26010
+ .v-toolbar--absolute {
26011
+ position: absolute;
26012
+ }
26013
+ .v-toolbar--collapse {
26014
+ max-width: 112px;
26058
26015
  overflow: hidden;
26016
+ border-end-end-radius: 24px;
26059
26017
  }
26060
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
26061
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
26062
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
26063
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
26064
- display: contents;
26018
+ .v-toolbar--collapse .v-toolbar-title {
26019
+ display: none;
26065
26020
  }
26066
- .v-data-table .v-table__wrapper > table > thead > tr > th,
26067
- .v-data-table .v-table__wrapper > table tbody > tr > th {
26021
+ .v-toolbar--flat {
26022
+ 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));
26023
+ }
26024
+ .v-toolbar--floating {
26025
+ display: inline-flex;
26026
+ }
26027
+ .v-toolbar--rounded {
26028
+ border-radius: 4px;
26029
+ }
26030
+
26031
+ .v-toolbar__content,
26032
+ .v-toolbar__extension {
26068
26033
  align-items: center;
26034
+ display: flex;
26035
+ flex: 0 0 auto;
26036
+ position: relative;
26037
+ transition: inherit;
26038
+ width: 100%;
26069
26039
  }
26070
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
26071
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
26072
- position: sticky;
26040
+
26041
+ .v-toolbar__content {
26042
+ overflow: hidden;
26073
26043
  }
26074
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
26075
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
26076
- cursor: pointer;
26077
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
26044
+ .v-toolbar__content > .v-btn:first-child {
26045
+ margin-inline-start: 4px;
26078
26046
  }
26079
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
26080
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
26081
- opacity: 0;
26047
+ .v-toolbar__content > .v-btn:last-child {
26048
+ margin-inline-end: 4px;
26082
26049
  }
26083
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
26084
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
26085
- opacity: 0.5;
26050
+ .v-toolbar__content > .v-toolbar-title {
26051
+ margin-inline-start: 20px;
26086
26052
  }
26087
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
26088
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
26089
- height: -moz-fit-content;
26090
- height: fit-content;
26053
+ .v-toolbar--density-prominent .v-toolbar__content {
26054
+ align-items: flex-start;
26055
+ }
26056
+
26057
+ .v-toolbar__image {
26058
+ display: flex;
26059
+ opacity: var(--v-toolbar-image-opacity, 1);
26060
+ transition-property: opacity;
26061
+ }
26062
+ .v-toolbar__image {
26063
+ position: absolute;
26064
+ top: 0;
26065
+ left: 0;
26066
+ width: 100%;
26067
+ height: 100%;
26068
+ }
26069
+
26070
+ .v-toolbar__prepend,
26071
+ .v-toolbar__append {
26072
+ align-items: center;
26073
+ align-self: stretch;
26074
+ display: flex;
26091
26075
  }
26092
26076
 
26093
- .v-data-table-column--fixed,
26094
- .v-data-table__th--sticky {
26095
- background: rgb(var(--v-theme-surface));
26096
- position: sticky !important;
26097
- left: 0;
26098
- z-index: 1;
26077
+ .v-toolbar__prepend {
26078
+ margin-inline: 4px auto;
26099
26079
  }
26100
26080
 
26101
- .v-data-table-column--last-fixed {
26102
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
26081
+ .v-toolbar__append {
26082
+ margin-inline: auto 4px;
26103
26083
  }
26104
26084
 
26105
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
26106
- z-index: 2;
26085
+ .v-toolbar-title {
26086
+ flex: 1 1;
26087
+ font-size: 1.25rem;
26088
+ min-width: 0;
26107
26089
  }
26108
-
26109
- .v-data-table-group-header-row td {
26110
- background: rgba(var(--v-theme-surface));
26111
- color: rgba(var(--v-theme-on-surface));
26090
+ .v-toolbar-title {
26091
+ font-size: 1.25rem;
26092
+ font-weight: 400;
26093
+ letter-spacing: 0;
26094
+ line-height: 1.75rem;
26095
+ text-transform: none;
26112
26096
  }
26113
- .v-data-table-group-header-row td > span {
26114
- padding-left: 5px;
26097
+ .v-toolbar--density-prominent .v-toolbar-title {
26098
+ align-self: flex-end;
26099
+ padding-bottom: 6px;
26115
26100
  }
26116
-
26117
- .v-data-table--loading .v-data-table__td {
26118
- opacity: var(--v-disabled-opacity);
26101
+ .v-toolbar--density-prominent .v-toolbar-title {
26102
+ font-size: 1.5rem;
26103
+ font-weight: 400;
26104
+ letter-spacing: 0;
26105
+ line-height: 2.25rem;
26106
+ text-transform: none;
26119
26107
  }
26120
26108
 
26121
- .v-data-table-group-header-row__column {
26122
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
26109
+ .v-toolbar-title__placeholder {
26110
+ overflow: hidden;
26111
+ text-overflow: ellipsis;
26112
+ white-space: nowrap;
26123
26113
  }
26124
26114
 
26125
- .v-data-table-header__content {
26115
+ .v-toolbar-items {
26126
26116
  display: flex;
26127
- align-items: center;
26117
+ height: inherit;
26118
+ align-self: stretch;
26128
26119
  }
26129
-
26130
- .v-data-table-header__sort-badge {
26131
- display: inline-flex;
26132
- justify-content: center;
26133
- align-items: center;
26120
+ .v-toolbar-items > .v-btn {
26121
+ border-radius: 0;
26122
+ }.v-tooltip > .v-overlay__content {
26123
+ background: rgb(var(--v-theme-surface-variant));
26124
+ color: rgb(var(--v-theme-on-surface-variant));
26125
+ border-radius: 4px;
26134
26126
  font-size: 0.875rem;
26135
- padding: 4px;
26136
- border-radius: 50%;
26137
- background: rgba(var(--v-border-color), var(--v-border-opacity));
26138
- min-width: 20px;
26139
- min-height: 20px;
26140
- width: 20px;
26141
- height: 20px;
26127
+ line-height: 1.6;
26128
+ display: inline-block;
26129
+ padding: 5px 16px;
26130
+ text-transform: initial;
26131
+ width: auto;
26132
+ opacity: 1;
26133
+ pointer-events: none;
26134
+ transition-property: opacity, transform;
26135
+ overflow-wrap: break-word;
26142
26136
  }
26143
-
26144
- .v-data-table-progress > th {
26145
- border: none !important;
26146
- height: auto !important;
26147
- padding: 0 !important;
26137
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26138
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26139
+ transition-duration: 150ms;
26148
26140
  }
26149
-
26150
- .v-data-table-progress__loader {
26141
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26142
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26143
+ transition-duration: 75ms;
26144
+ }.v-virtual-scroll {
26145
+ display: block;
26146
+ flex: 1 1 auto;
26147
+ max-width: 100%;
26148
+ overflow: auto;
26151
26149
  position: relative;
26152
26150
  }
26153
-
26154
- .v-data-table-rows-loading,
26155
- .v-data-table-rows-no-data {
26156
- text-align: center;
26157
- }
26158
-
26159
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
26160
- grid-template-columns: 0;
26161
- justify-content: center;
26151
+ .v-virtual-scroll__container {
26152
+ display: block;
26153
+ }.v-window {
26154
+ overflow: hidden;
26162
26155
  }
26163
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
26164
- grid-template-columns: 0;
26165
- justify-content: end;
26156
+ .v-window__container {
26157
+ display: flex;
26158
+ flex-direction: column;
26159
+ height: inherit;
26160
+ position: relative;
26161
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26166
26162
  }
26167
- .v-data-table__tr--mobile > td {
26163
+ .v-window__controls {
26164
+ position: absolute;
26165
+ left: 0;
26166
+ top: 0;
26167
+ width: 100%;
26168
+ height: 100%;
26169
+ display: flex;
26168
26170
  align-items: center;
26169
- column-gap: 4px;
26170
- display: grid;
26171
- grid-template-columns: repeat(2, 1fr);
26172
- min-height: var(--v-table-row-height);
26171
+ justify-content: space-between;
26172
+ padding: 0 16px;
26173
+ pointer-events: none;
26173
26174
  }
26174
- .v-data-table__tr--mobile > td:not(:last-child) {
26175
- border-bottom: 0 !important;
26175
+ .v-window__controls > * {
26176
+ pointer-events: auto;
26176
26177
  }
26177
-
26178
- .v-data-table__td-title {
26179
- font-weight: 500;
26180
- text-align: left;
26178
+ .v-window--show-arrows-on-hover {
26179
+ overflow: hidden;
26181
26180
  }
26182
-
26183
- .v-data-table__td-value {
26184
- text-align: right;
26181
+ .v-window--show-arrows-on-hover .v-window__left {
26182
+ transform: translateX(-200%);
26183
+ }
26184
+ .v-window--show-arrows-on-hover .v-window__right {
26185
+ transform: translateX(200%);
26186
+ }
26187
+ .v-window--show-arrows-on-hover:hover .v-window__left,
26188
+ .v-window--show-arrows-on-hover:hover .v-window__right {
26189
+ transform: translateX(0);
26185
26190
  }
26186
26191
 
26187
- .v-data-table__td-sort-icon {
26188
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
26192
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26193
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26189
26194
  }
26190
- .v-data-table__td-sort-icon-active {
26191
- color: rgba(var(--v-theme-on-surface));
26192
- }.v-data-table-footer {
26193
- align-items: center;
26194
- display: flex;
26195
- flex-wrap: wrap;
26196
- justify-content: flex-end;
26197
- padding: 8px 4px;
26195
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26196
+ position: absolute !important;
26197
+ top: 0;
26198
+ width: 100%;
26198
26199
  }
26199
- .v-data-table-footer__items-per-page {
26200
- align-items: center;
26201
- display: flex;
26202
- justify-content: center;
26200
+ .v-window-x-transition-enter-from {
26201
+ transform: translateX(100%);
26203
26202
  }
26204
- .v-data-table-footer__items-per-page > span {
26205
- padding-inline-end: 8px;
26203
+ .v-window-x-transition-leave-to {
26204
+ transform: translateX(-100%);
26206
26205
  }
26207
- .v-data-table-footer__items-per-page > .v-select {
26208
- width: 90px;
26206
+ .v-window-x-reverse-transition-enter-from {
26207
+ transform: translateX(-100%);
26209
26208
  }
26210
- .v-data-table-footer__info {
26211
- display: flex;
26212
- justify-content: flex-end;
26213
- min-width: 116px;
26214
- padding: 0 16px;
26209
+ .v-window-x-reverse-transition-leave-to {
26210
+ transform: translateX(100%);
26215
26211
  }
26216
- .v-data-table-footer__paginationz {
26217
- align-items: center;
26218
- display: flex;
26219
- margin-inline-start: 16px;
26212
+ .v-window-y-transition-enter-from {
26213
+ transform: translateY(100%);
26220
26214
  }
26221
- .v-data-table-footer__page {
26222
- padding: 0 8px;
26215
+ .v-window-y-transition-leave-to {
26216
+ transform: translateY(-100%);
26217
+ }
26218
+ .v-window-y-reverse-transition-enter-from {
26219
+ transform: translateY(-100%);
26220
+ }
26221
+ .v-window-y-reverse-transition-leave-to {
26222
+ transform: translateY(100%);
26223
26223
  }.v-color-picker-edit {
26224
26224
  display: flex;
26225
26225
  margin-top: 24px;
@@ -26318,28 +26318,6 @@ html.v-overlay-scroll-blocked {
26318
26318
  .v-color-picker-preview__eye-dropper {
26319
26319
  position: relative;
26320
26320
  margin-right: 12px;
26321
- }.v-color-picker-canvas {
26322
- display: flex;
26323
- position: relative;
26324
- overflow: hidden;
26325
- contain: content;
26326
- touch-action: none;
26327
- }
26328
- .v-color-picker-canvas__dot {
26329
- position: absolute;
26330
- top: 0;
26331
- left: 0;
26332
- width: 15px;
26333
- height: 15px;
26334
- background: transparent;
26335
- border-radius: 50%;
26336
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26337
- }
26338
- .v-color-picker-canvas__dot--disabled {
26339
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26340
- }
26341
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26342
- will-change: transform;
26343
26321
  }.v-color-picker-swatches {
26344
26322
  overflow-y: auto;
26345
26323
  }
@@ -26375,6 +26353,28 @@ html.v-overlay-scroll-blocked {
26375
26353
  justify-content: center;
26376
26354
  width: 100%;
26377
26355
  height: 100%;
26356
+ }.v-color-picker-canvas {
26357
+ display: flex;
26358
+ position: relative;
26359
+ overflow: hidden;
26360
+ contain: content;
26361
+ touch-action: none;
26362
+ }
26363
+ .v-color-picker-canvas__dot {
26364
+ position: absolute;
26365
+ top: 0;
26366
+ left: 0;
26367
+ width: 15px;
26368
+ height: 15px;
26369
+ background: transparent;
26370
+ border-radius: 50%;
26371
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26372
+ }
26373
+ .v-color-picker-canvas__dot--disabled {
26374
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26375
+ }
26376
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26377
+ will-change: transform;
26378
26378
  }.v-picker.v-sheet {
26379
26379
  display: grid;
26380
26380
  grid-auto-rows: min-content;