@vuetify/nightly 3.4.10-dev.2024-01-16 → 3.4.10-dev.2024-01-18

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/CHANGELOG.md +5 -2
  2. package/dist/json/attributes.json +12 -0
  3. package/dist/json/importMap-labs.json +8 -8
  4. package/dist/json/importMap.json +110 -110
  5. package/dist/json/tags.json +3 -0
  6. package/dist/json/web-types.json +103 -1
  7. package/dist/vuetify-labs.css +1363 -1360
  8. package/dist/vuetify-labs.d.ts +39 -2
  9. package/dist/vuetify-labs.esm.js +11 -5
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +11 -5
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +631 -630
  14. package/dist/vuetify.d.ts +73 -36
  15. package/dist/vuetify.esm.js +11 -5
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +11 -5
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +9 -9
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAlert/VAlert.css +2 -2
  23. package/lib/components/VAlert/_variables.scss +2 -2
  24. package/lib/components/VAutocomplete/VAutocomplete.css +1 -1
  25. package/lib/components/VAutocomplete/VAutocomplete.sass +1 -1
  26. package/lib/components/VCombobox/VCombobox.css +1 -1
  27. package/lib/components/VCombobox/VCombobox.sass +1 -1
  28. package/lib/components/VDataTable/VDataTable.css +2 -1
  29. package/lib/components/VDataTable/VDataTable.sass +2 -1
  30. package/lib/components/VDataTable/VDataTableHeaders.mjs +6 -2
  31. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  32. package/lib/components/VDataTable/VDataTableVirtual.mjs +1 -1
  33. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  34. package/lib/components/VDataTable/index.d.mts +39 -2
  35. package/lib/components/VSlider/VSliderTrack.css +1 -1
  36. package/lib/components/VSlider/VSliderTrack.sass +1 -1
  37. package/lib/components/VSlider/_variables.scss +1 -0
  38. package/lib/components/VSystemBar/VSystemBar.css +2 -2
  39. package/lib/components/VSystemBar/_variables.scss +2 -2
  40. package/lib/components/VTimeline/VTimeline.css +1 -1
  41. package/lib/components/VTimeline/_variables.scss +1 -1
  42. package/lib/components/VToolbar/VToolbar.css +2 -2
  43. package/lib/components/VToolbar/_variables.scss +2 -2
  44. package/lib/components/index.d.mts +39 -2
  45. package/lib/composables/theme.mjs +2 -0
  46. package/lib/composables/theme.mjs.map +1 -1
  47. package/lib/entry-bundler.mjs +1 -1
  48. package/lib/framework.mjs +1 -1
  49. package/lib/index.d.mts +34 -34
  50. package/lib/labs/VCalendar/VCalendar.css +4 -2
  51. package/lib/labs/VCalendar/VCalendar.sass +4 -2
  52. package/lib/labs/VCalendar/_variables.scss +5 -0
  53. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.10-dev.2024-01-16
2
+ * Vuetify v3.4.10-dev.2024-01-18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16981,6 +16981,57 @@ html.overflow-y-hidden {
16981
16981
  font-weight: normal;
16982
16982
  padding: 0.2em 0.4rem;
16983
16983
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
16984
+ }.v-picker.v-sheet {
16985
+ 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));
16986
+ border-radius: 4px;
16987
+ display: grid;
16988
+ grid-auto-rows: min-content;
16989
+ grid-template-areas: "title" "header" "body";
16990
+ overflow: hidden;
16991
+ }
16992
+ .v-picker.v-sheet.v-picker--with-actions {
16993
+ grid-template-areas: "title" "header" "body" "actions";
16994
+ }
16995
+
16996
+ .v-picker__body {
16997
+ grid-area: body;
16998
+ }
16999
+
17000
+ .v-picker__header {
17001
+ grid-area: header;
17002
+ }
17003
+
17004
+ .v-picker__actions {
17005
+ grid-area: actions;
17006
+ padding: 0 12px 12px 12px;
17007
+ display: flex;
17008
+ align-items: center;
17009
+ justify-content: flex-end;
17010
+ }
17011
+ .v-picker__actions .v-btn {
17012
+ min-width: 48px;
17013
+ }
17014
+ .v-picker__actions .v-btn:not(:last-child) {
17015
+ margin-inline-end: 8px;
17016
+ }
17017
+
17018
+ .v-picker--landscape {
17019
+ grid-template-areas: "title" "header body" "header body";
17020
+ }
17021
+
17022
+ .v-picker--landscape.v-picker--with-actions {
17023
+ grid-template-areas: "title" "header body" "header actions";
17024
+ }
17025
+
17026
+ .v-picker-title {
17027
+ text-transform: uppercase;
17028
+ font-size: 0.75rem;
17029
+ grid-area: title;
17030
+ padding-inline: 24px 12px;
17031
+ padding-top: 16px;
17032
+ padding-bottom: 16px;
17033
+ font-weight: 600;
17034
+ letter-spacing: 0.1666666667em;
16984
17035
  }.v-calendar-weekly {
16985
17036
  width: 100%;
16986
17037
  height: 100%;
@@ -17072,7 +17123,8 @@ html.overflow-y-hidden {
17072
17123
  }
17073
17124
 
17074
17125
  .v-calendar-weekly__head-weeknumber {
17075
- background: rgb(var(--v-theme-on-surface-variant));
17126
+ background: rgb(var(--v-theme-surface-light));
17127
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
17076
17128
  }
17077
17129
 
17078
17130
  .v-calendar-weekly__week {
@@ -17084,8 +17136,9 @@ html.overflow-y-hidden {
17084
17136
 
17085
17137
  .v-calendar-month__weeknumber {
17086
17138
  padding-top: 6px;
17087
- background: rgb(var(--v-theme-on-surface-variant));
17139
+ background: rgb(var(--v-theme-surface-light));
17088
17140
  border-bottom: thin solid #e0e0e0;
17141
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
17089
17142
  text-align: center;
17090
17143
  font-size: 12px;
17091
17144
  font-weight: 500;
@@ -17351,57 +17404,6 @@ html.overflow-y-hidden {
17351
17404
 
17352
17405
  .v-calendar-weekly__day-alldayevents-container {
17353
17406
  min-height: 24px;
17354
- }.v-picker.v-sheet {
17355
- 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));
17356
- border-radius: 4px;
17357
- display: grid;
17358
- grid-auto-rows: min-content;
17359
- grid-template-areas: "title" "header" "body";
17360
- overflow: hidden;
17361
- }
17362
- .v-picker.v-sheet.v-picker--with-actions {
17363
- grid-template-areas: "title" "header" "body" "actions";
17364
- }
17365
-
17366
- .v-picker__body {
17367
- grid-area: body;
17368
- }
17369
-
17370
- .v-picker__header {
17371
- grid-area: header;
17372
- }
17373
-
17374
- .v-picker__actions {
17375
- grid-area: actions;
17376
- padding: 0 12px 12px 12px;
17377
- display: flex;
17378
- align-items: center;
17379
- justify-content: flex-end;
17380
- }
17381
- .v-picker__actions .v-btn {
17382
- min-width: 48px;
17383
- }
17384
- .v-picker__actions .v-btn:not(:last-child) {
17385
- margin-inline-end: 8px;
17386
- }
17387
-
17388
- .v-picker--landscape {
17389
- grid-template-areas: "title" "header body" "header body";
17390
- }
17391
-
17392
- .v-picker--landscape.v-picker--with-actions {
17393
- grid-template-areas: "title" "header body" "header actions";
17394
- }
17395
-
17396
- .v-picker-title {
17397
- text-transform: uppercase;
17398
- font-size: 0.75rem;
17399
- grid-area: title;
17400
- padding-inline: 24px 12px;
17401
- padding-top: 16px;
17402
- padding-bottom: 16px;
17403
- font-weight: 600;
17404
- letter-spacing: 0.1666666667em;
17405
17407
  }.v-app-bar {
17406
17408
  display: flex;
17407
17409
  }
@@ -17414,6 +17416,22 @@ html.overflow-y-hidden {
17414
17416
  }
17415
17417
  .v-app-bar:not(.v-toolbar--absolute) {
17416
17418
  padding-inline-end: var(--v-scrollbar-offset);
17419
+ }.v-application {
17420
+ display: flex;
17421
+ background: rgb(var(--v-theme-background));
17422
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17423
+ }
17424
+
17425
+ .v-application__wrap {
17426
+ -webkit-backface-visibility: hidden;
17427
+ backface-visibility: hidden;
17428
+ display: flex;
17429
+ flex-direction: column;
17430
+ flex: 1 1 auto;
17431
+ max-width: 100%;
17432
+ min-height: 100vh;
17433
+ min-height: 100dvh;
17434
+ position: relative;
17417
17435
  }.v-alert {
17418
17436
  display: grid;
17419
17437
  flex: 1 1;
@@ -17448,8 +17466,8 @@ html.overflow-y-hidden {
17448
17466
  display: none;
17449
17467
  }
17450
17468
  .v-alert--variant-elevated, .v-alert--variant-flat {
17451
- background: rgb(var(--v-theme-on-surface-variant));
17452
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17469
+ background: rgb(var(--v-theme-surface-light));
17470
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
17453
17471
  }
17454
17472
  .v-alert--variant-elevated {
17455
17473
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
@@ -17624,22 +17642,6 @@ html.overflow-y-hidden {
17624
17642
  text-transform: none;
17625
17643
  word-break: normal;
17626
17644
  word-wrap: break-word;
17627
- }.v-application {
17628
- display: flex;
17629
- background: rgb(var(--v-theme-background));
17630
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17631
- }
17632
-
17633
- .v-application__wrap {
17634
- -webkit-backface-visibility: hidden;
17635
- backface-visibility: hidden;
17636
- display: flex;
17637
- flex-direction: column;
17638
- flex: 1 1 auto;
17639
- max-width: 100%;
17640
- min-height: 100vh;
17641
- min-height: 100dvh;
17642
- position: relative;
17643
17645
  }.v-avatar {
17644
17646
  flex: none;
17645
17647
  align-items: center;
@@ -17727,87 +17729,6 @@ html.overflow-y-hidden {
17727
17729
  .v-avatar .v-img {
17728
17730
  height: 100%;
17729
17731
  width: 100%;
17730
- }.v-autocomplete .v-field .v-text-field__prefix,
17731
- .v-autocomplete .v-field .v-text-field__suffix,
17732
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17733
- cursor: text;
17734
- }
17735
- .v-autocomplete .v-field .v-field__input > input {
17736
- flex: 1 1;
17737
- }
17738
- .v-autocomplete .v-field input {
17739
- min-width: 64px;
17740
- }
17741
- .v-autocomplete .v-field:not(.v-field--focused) input {
17742
- min-width: 0;
17743
- }
17744
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17745
- margin-inline-end: 2px;
17746
- }
17747
- .v-autocomplete .v-autocomplete__selection-text {
17748
- overflow: hidden;
17749
- text-overflow: ellipsis;
17750
- white-space: nowrap;
17751
- }
17752
-
17753
- .v-autocomplete__content {
17754
- overflow: hidden;
17755
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17756
- border-radius: 4px;
17757
- }
17758
- .v-autocomplete__mask {
17759
- background: rgb(var(--v-theme-on-surface-variant));
17760
- }
17761
- .v-autocomplete__selection {
17762
- display: inline-flex;
17763
- align-items: center;
17764
- height: 1.5rem;
17765
- letter-spacing: inherit;
17766
- line-height: inherit;
17767
- max-width: calc(100% - 2px - 2px);
17768
- }
17769
- .v-autocomplete__selection:first-child {
17770
- margin-inline-start: 0;
17771
- }
17772
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17773
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17774
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17775
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17776
- top: 0px;
17777
- }
17778
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17779
- opacity: var(--v-medium-emphasis-opacity);
17780
- }
17781
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17782
- opacity: 1;
17783
- }
17784
- .v-autocomplete--selecting-index .v-field__input > input {
17785
- caret-color: transparent;
17786
- }
17787
- .v-autocomplete--single.v-text-field .v-field--focused input {
17788
- flex: 1 1;
17789
- position: absolute;
17790
- left: 0;
17791
- right: 0;
17792
- width: 100%;
17793
- padding-inline: inherit;
17794
- }
17795
- .v-autocomplete--single .v-field--active input {
17796
- transition: none;
17797
- }
17798
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17799
- opacity: 0;
17800
- }
17801
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17802
- opacity: 0;
17803
- }
17804
- .v-autocomplete__menu-icon {
17805
- margin-inline-start: 4px;
17806
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17807
- }
17808
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17809
- opacity: var(--v-high-emphasis-opacity);
17810
- transform: rotate(180deg);
17811
17732
  }.v-banner {
17812
17733
  display: grid;
17813
17734
  flex: 1 1;
@@ -17965,61 +17886,87 @@ html.overflow-y-hidden {
17965
17886
  }
17966
17887
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17967
17888
  align-self: flex-start;
17968
- }.v-bottom-navigation {
17969
- display: flex;
17970
- max-width: 100%;
17971
- overflow: hidden;
17972
- position: absolute;
17973
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17974
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17975
- border-style: solid;
17976
- border-width: 0;
17977
- border-radius: 0;
17978
- background: rgb(var(--v-theme-surface));
17979
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17889
+ }.v-autocomplete .v-field .v-text-field__prefix,
17890
+ .v-autocomplete .v-field .v-text-field__suffix,
17891
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17892
+ cursor: text;
17980
17893
  }
17981
- .v-bottom-navigation--border {
17982
- border-width: thin;
17983
- box-shadow: none;
17894
+ .v-autocomplete .v-field .v-field__input > input {
17895
+ flex: 1 1;
17984
17896
  }
17985
- .v-bottom-navigation--active {
17986
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17897
+ .v-autocomplete .v-field input {
17898
+ min-width: 64px;
17987
17899
  }
17988
-
17989
- .v-bottom-navigation__content {
17990
- display: flex;
17991
- flex: none;
17992
- font-size: 0.75rem;
17993
- justify-content: center;
17994
- transition: inherit;
17995
- width: 100%;
17900
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17901
+ min-width: 0;
17996
17902
  }
17997
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17998
- font-size: inherit;
17999
- height: 100%;
18000
- max-width: 168px;
18001
- min-width: 80px;
18002
- text-transform: none;
18003
- transition: inherit;
18004
- width: auto;
18005
- border-radius: 0;
17903
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17904
+ margin-inline-end: 2px;
18006
17905
  }
18007
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18008
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18009
- transition: inherit;
17906
+ .v-autocomplete .v-autocomplete__selection-text {
17907
+ overflow: hidden;
17908
+ text-overflow: ellipsis;
17909
+ white-space: nowrap;
18010
17910
  }
18011
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18012
- font-size: 1.5rem;
17911
+
17912
+ .v-autocomplete__content {
17913
+ overflow: hidden;
17914
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17915
+ border-radius: 4px;
18013
17916
  }
18014
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18015
- flex-grow: 1;
17917
+ .v-autocomplete__mask {
17918
+ background: rgb(var(--v-theme-surface-light));
18016
17919
  }
18017
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18018
- transition: inherit;
17920
+ .v-autocomplete__selection {
17921
+ display: inline-flex;
17922
+ align-items: center;
17923
+ height: 1.5rem;
17924
+ letter-spacing: inherit;
17925
+ line-height: inherit;
17926
+ max-width: calc(100% - 2px - 2px);
17927
+ }
17928
+ .v-autocomplete__selection:first-child {
17929
+ margin-inline-start: 0;
17930
+ }
17931
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17932
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17933
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17934
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17935
+ top: 0px;
17936
+ }
17937
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17938
+ opacity: var(--v-medium-emphasis-opacity);
17939
+ }
17940
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17941
+ opacity: 1;
17942
+ }
17943
+ .v-autocomplete--selecting-index .v-field__input > input {
17944
+ caret-color: transparent;
17945
+ }
17946
+ .v-autocomplete--single.v-text-field .v-field--focused input {
17947
+ flex: 1 1;
17948
+ position: absolute;
17949
+ left: 0;
17950
+ right: 0;
17951
+ width: 100%;
17952
+ padding-inline: inherit;
17953
+ }
17954
+ .v-autocomplete--single .v-field--active input {
17955
+ transition: none;
17956
+ }
17957
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18019
17958
  opacity: 0;
18020
17959
  }
18021
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18022
- transform: translateY(0.5rem);
17960
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17961
+ opacity: 0;
17962
+ }
17963
+ .v-autocomplete__menu-icon {
17964
+ margin-inline-start: 4px;
17965
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17966
+ }
17967
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17968
+ opacity: var(--v-high-emphasis-opacity);
17969
+ transform: rotate(180deg);
18023
17970
  }.v-badge {
18024
17971
  display: inline-block;
18025
17972
  line-height: 1;
@@ -18148,38 +18095,61 @@ html.overflow-y-hidden {
18148
18095
  display: inline-block;
18149
18096
  padding: 0 8px;
18150
18097
  vertical-align: middle;
18151
- }.bottom-sheet-transition-enter-from {
18152
- transform: translateY(100%);
18098
+ }.v-bottom-navigation {
18099
+ display: flex;
18100
+ max-width: 100%;
18101
+ overflow: hidden;
18102
+ position: absolute;
18103
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18104
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18105
+ border-style: solid;
18106
+ border-width: 0;
18107
+ border-radius: 0;
18108
+ background: rgb(var(--v-theme-surface));
18109
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18153
18110
  }
18154
- .bottom-sheet-transition-leave-to {
18155
- transform: translateY(100%);
18111
+ .v-bottom-navigation--border {
18112
+ border-width: thin;
18113
+ box-shadow: none;
18114
+ }
18115
+ .v-bottom-navigation--active {
18116
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18156
18117
  }
18157
18118
 
18158
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18159
- align-self: flex-end;
18160
- border-radius: 0;
18161
- flex: 0 1 auto;
18162
- left: 0;
18163
- right: 0;
18164
- margin-inline: 0;
18165
- margin-bottom: 0;
18166
- transition-duration: 0.2s;
18119
+ .v-bottom-navigation__content {
18120
+ display: flex;
18121
+ flex: none;
18122
+ font-size: 0.75rem;
18123
+ justify-content: center;
18124
+ transition: inherit;
18167
18125
  width: 100%;
18168
- max-width: 100%;
18169
- overflow: visible;
18170
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18171
18126
  }
18172
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18173
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18127
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18128
+ font-size: inherit;
18129
+ height: 100%;
18130
+ max-width: 168px;
18131
+ min-width: 80px;
18132
+ text-transform: none;
18133
+ transition: inherit;
18134
+ width: auto;
18174
18135
  border-radius: 0;
18175
18136
  }
18176
- .v-bottom-sheet.v-bottom-sheet--inset {
18177
- max-width: none;
18137
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18138
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18139
+ transition: inherit;
18178
18140
  }
18179
- @media (min-width: 600px) {
18180
- .v-bottom-sheet.v-bottom-sheet--inset {
18181
- max-width: 70%;
18182
- }
18141
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18142
+ font-size: 1.5rem;
18143
+ }
18144
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18145
+ flex-grow: 1;
18146
+ }
18147
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18148
+ transition: inherit;
18149
+ opacity: 0;
18150
+ }
18151
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18152
+ transform: translateY(0.5rem);
18183
18153
  }.v-btn {
18184
18154
  align-items: center;
18185
18155
  border-radius: 4px;
@@ -18583,62 +18553,51 @@ html.overflow-y-hidden {
18583
18553
  }
18584
18554
  .v-pagination__item--is-active .v-btn__overlay {
18585
18555
  opacity: var(--v-border-opacity);
18586
- }.v-btn-group {
18587
- display: inline-flex;
18588
- flex-wrap: nowrap;
18589
- max-width: 100%;
18590
- min-width: 0;
18591
- overflow: hidden;
18592
- vertical-align: middle;
18593
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18594
- border-style: solid;
18595
- border-width: 0;
18596
- 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));
18597
- border-radius: 4px;
18598
- background: transparent;
18599
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18600
- }
18601
- .v-btn-group--border {
18602
- border-width: thin;
18603
- box-shadow: none;
18604
- }
18605
- .v-btn-group--density-default.v-btn-group {
18606
- height: 48px;
18607
- }
18608
-
18609
- .v-btn-group--density-comfortable.v-btn-group {
18610
- height: 40px;
18556
+ }.bottom-sheet-transition-enter-from {
18557
+ transform: translateY(100%);
18611
18558
  }
18612
-
18613
- .v-btn-group--density-compact.v-btn-group {
18614
- height: 36px;
18559
+ .bottom-sheet-transition-leave-to {
18560
+ transform: translateY(100%);
18615
18561
  }
18616
18562
 
18617
- .v-btn-group .v-btn {
18563
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18564
+ align-self: flex-end;
18618
18565
  border-radius: 0;
18619
- border-color: inherit;
18566
+ flex: 0 1 auto;
18567
+ left: 0;
18568
+ right: 0;
18569
+ margin-inline: 0;
18570
+ margin-bottom: 0;
18571
+ transition-duration: 0.2s;
18572
+ width: 100%;
18573
+ max-width: 100%;
18574
+ overflow: visible;
18575
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18620
18576
  }
18621
- .v-btn-group .v-btn:not(:last-child) {
18622
- border-inline-end: none;
18577
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18578
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18579
+ border-radius: 0;
18623
18580
  }
18624
- .v-btn-group .v-btn:not(:first-child) {
18625
- border-inline-start: none;
18581
+ .v-bottom-sheet.v-bottom-sheet--inset {
18582
+ max-width: none;
18626
18583
  }
18627
- .v-btn-group .v-btn:first-child {
18628
- border-start-start-radius: inherit;
18629
- border-end-start-radius: inherit;
18584
+ @media (min-width: 600px) {
18585
+ .v-bottom-sheet.v-bottom-sheet--inset {
18586
+ max-width: 70%;
18587
+ }
18588
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18589
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18630
18590
  }
18631
- .v-btn-group .v-btn:last-child {
18632
- border-start-end-radius: inherit;
18633
- border-end-end-radius: inherit;
18591
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18592
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18634
18593
  }
18635
- .v-btn-group--divided .v-btn:not(:last-child) {
18636
- border-inline-end-width: thin;
18637
- border-inline-end-style: solid;
18638
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18594
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18595
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18639
18596
  }
18640
- .v-btn-group--tile {
18641
- border-radius: 0;
18597
+ @supports not selector(:focus-visible) {
18598
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18599
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18600
+ }
18642
18601
  }.v-card {
18643
18602
  display: block;
18644
18603
  overflow: hidden;
@@ -18998,21 +18957,6 @@ html.overflow-y-hidden {
18998
18957
  flex-direction: column;
18999
18958
  height: 100% !important;
19000
18959
  width: 50px;
19001
- }.v-checkbox .v-selection-control {
19002
- min-height: var(--v-input-control-height);
19003
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19004
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19005
- }
19006
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19007
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19008
- }
19009
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19010
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19011
- }
19012
- @supports not selector(:focus-visible) {
19013
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19014
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19015
- }
19016
18960
  }.v-chip {
19017
18961
  align-items: center;
19018
18962
  cursor: default;
@@ -19421,6 +19365,8 @@ html.overflow-y-hidden {
19421
19365
 
19422
19366
  .v-chip--label {
19423
19367
  border-radius: 4px;
19368
+ }.v-checkbox .v-selection-control {
19369
+ min-height: var(--v-input-control-height);
19424
19370
  }.v-chip-group {
19425
19371
  display: flex;
19426
19372
  max-width: 100%;
@@ -19459,19 +19405,151 @@ html.overflow-y-hidden {
19459
19405
  }
19460
19406
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19461
19407
  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));
19462
- }.v-counter {
19463
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19464
- flex: 0 1 auto;
19465
- font-size: 12px;
19466
- transition-duration: 150ms;
19467
- }.v-container {
19468
- width: 100%;
19469
- padding: 16px;
19470
- margin-right: auto;
19471
- margin-left: auto;
19472
- }
19473
- @media (min-width: 960px) {
19474
- .v-container {
19408
+ }.v-btn-group {
19409
+ display: inline-flex;
19410
+ flex-wrap: nowrap;
19411
+ max-width: 100%;
19412
+ min-width: 0;
19413
+ overflow: hidden;
19414
+ vertical-align: middle;
19415
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19416
+ border-style: solid;
19417
+ border-width: 0;
19418
+ 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));
19419
+ border-radius: 4px;
19420
+ background: transparent;
19421
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19422
+ }
19423
+ .v-btn-group--border {
19424
+ border-width: thin;
19425
+ box-shadow: none;
19426
+ }
19427
+ .v-btn-group--density-default.v-btn-group {
19428
+ height: 48px;
19429
+ }
19430
+
19431
+ .v-btn-group--density-comfortable.v-btn-group {
19432
+ height: 40px;
19433
+ }
19434
+
19435
+ .v-btn-group--density-compact.v-btn-group {
19436
+ height: 36px;
19437
+ }
19438
+
19439
+ .v-btn-group .v-btn {
19440
+ border-radius: 0;
19441
+ border-color: inherit;
19442
+ }
19443
+ .v-btn-group .v-btn:not(:last-child) {
19444
+ border-inline-end: none;
19445
+ }
19446
+ .v-btn-group .v-btn:not(:first-child) {
19447
+ border-inline-start: none;
19448
+ }
19449
+ .v-btn-group .v-btn:first-child {
19450
+ border-start-start-radius: inherit;
19451
+ border-end-start-radius: inherit;
19452
+ }
19453
+ .v-btn-group .v-btn:last-child {
19454
+ border-start-end-radius: inherit;
19455
+ border-end-end-radius: inherit;
19456
+ }
19457
+ .v-btn-group--divided .v-btn:not(:last-child) {
19458
+ border-inline-end-width: thin;
19459
+ border-inline-end-style: solid;
19460
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19461
+ }
19462
+ .v-btn-group--tile {
19463
+ border-radius: 0;
19464
+ }.v-combobox .v-field .v-text-field__prefix,
19465
+ .v-combobox .v-field .v-text-field__suffix,
19466
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19467
+ cursor: text;
19468
+ }
19469
+ .v-combobox .v-field .v-field__input > input {
19470
+ flex: 1 1;
19471
+ }
19472
+ .v-combobox .v-field input {
19473
+ min-width: 64px;
19474
+ }
19475
+ .v-combobox .v-field:not(.v-field--focused) input {
19476
+ min-width: 0;
19477
+ }
19478
+ .v-combobox .v-field--dirty .v-combobox__selection {
19479
+ margin-inline-end: 2px;
19480
+ }
19481
+ .v-combobox .v-combobox__selection-text {
19482
+ overflow: hidden;
19483
+ text-overflow: ellipsis;
19484
+ white-space: nowrap;
19485
+ }
19486
+
19487
+ .v-combobox__content {
19488
+ overflow: hidden;
19489
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19490
+ border-radius: 4px;
19491
+ }
19492
+ .v-combobox__mask {
19493
+ background: rgb(var(--v-theme-surface-light));
19494
+ }
19495
+ .v-combobox__selection {
19496
+ display: inline-flex;
19497
+ align-items: center;
19498
+ height: 1.5rem;
19499
+ letter-spacing: inherit;
19500
+ line-height: inherit;
19501
+ max-width: calc(100% - 2px - 2px);
19502
+ }
19503
+ .v-combobox__selection:first-child {
19504
+ margin-inline-start: 0;
19505
+ }
19506
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19507
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19508
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19509
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19510
+ top: 0px;
19511
+ }
19512
+ .v-combobox--selecting-index .v-combobox__selection {
19513
+ opacity: var(--v-medium-emphasis-opacity);
19514
+ }
19515
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19516
+ opacity: 1;
19517
+ }
19518
+ .v-combobox--selecting-index .v-field__input > input {
19519
+ caret-color: transparent;
19520
+ }
19521
+ .v-combobox--single.v-text-field .v-field--focused input {
19522
+ flex: 1 1;
19523
+ position: absolute;
19524
+ left: 0;
19525
+ right: 0;
19526
+ width: 100%;
19527
+ padding-inline: inherit;
19528
+ }
19529
+ .v-combobox--single .v-field--active input {
19530
+ transition: none;
19531
+ }
19532
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19533
+ opacity: 0;
19534
+ }
19535
+ .v-combobox--single .v-field--focused .v-combobox__selection {
19536
+ opacity: 0;
19537
+ }
19538
+ .v-combobox__menu-icon {
19539
+ margin-inline-start: 4px;
19540
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19541
+ }
19542
+ .v-combobox--active-menu .v-combobox__menu-icon {
19543
+ opacity: var(--v-high-emphasis-opacity);
19544
+ transform: rotate(180deg);
19545
+ }.v-container {
19546
+ width: 100%;
19547
+ padding: 16px;
19548
+ margin-right: auto;
19549
+ margin-left: auto;
19550
+ }
19551
+ @media (min-width: 960px) {
19552
+ .v-container {
19475
19553
  max-width: 900px;
19476
19554
  }
19477
19555
  }
@@ -20136,6 +20214,11 @@ html.overflow-y-hidden {
20136
20214
  .offset-xxl-11 {
20137
20215
  margin-inline-start: 91.6666666667%;
20138
20216
  }
20217
+ }.v-counter {
20218
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20219
+ flex: 0 1 auto;
20220
+ font-size: 12px;
20221
+ transition-duration: 150ms;
20139
20222
  }.v-data-table {
20140
20223
  width: 100%;
20141
20224
  }
@@ -20205,7 +20288,8 @@ html.overflow-y-hidden {
20205
20288
  opacity: 0.5;
20206
20289
  }
20207
20290
 
20208
- .v-data-table-column--fixed, .v-data-table__th--sticky {
20291
+ .v-data-table-column--fixed,
20292
+ .v-data-table__th--sticky {
20209
20293
  background: rgb(var(--v-theme-surface));
20210
20294
  position: sticky !important;
20211
20295
  left: 0;
@@ -20303,152 +20387,73 @@ html.overflow-y-hidden {
20303
20387
 
20304
20388
  .v-data-table-footer__page {
20305
20389
  padding: 0 8px;
20306
- }.v-combobox .v-field .v-text-field__prefix,
20307
- .v-combobox .v-field .v-text-field__suffix,
20308
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20309
- cursor: text;
20310
- }
20311
- .v-combobox .v-field .v-field__input > input {
20312
- flex: 1 1;
20313
- }
20314
- .v-combobox .v-field input {
20315
- min-width: 64px;
20316
- }
20317
- .v-combobox .v-field:not(.v-field--focused) input {
20318
- min-width: 0;
20319
- }
20320
- .v-combobox .v-field--dirty .v-combobox__selection {
20321
- margin-inline-end: 2px;
20322
- }
20323
- .v-combobox .v-combobox__selection-text {
20390
+ }.v-date-picker-header {
20391
+ display: grid;
20392
+ grid-template-areas: "prepend content append";
20393
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20324
20394
  overflow: hidden;
20325
- text-overflow: ellipsis;
20326
- white-space: nowrap;
20395
+ padding-inline: 24px 12px;
20396
+ padding-bottom: 12px;
20327
20397
  }
20328
20398
 
20329
- .v-combobox__content {
20330
- overflow: hidden;
20331
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20332
- border-radius: 4px;
20399
+ .v-date-picker-header__append {
20400
+ grid-area: append;
20333
20401
  }
20334
- .v-combobox__mask {
20335
- background: rgb(var(--v-theme-on-surface-variant));
20402
+
20403
+ .v-date-picker-header__prepend {
20404
+ grid-area: prepend;
20405
+ padding-inline-start: 8px;
20336
20406
  }
20337
- .v-combobox__selection {
20338
- display: inline-flex;
20407
+
20408
+ .v-date-picker-header__content {
20339
20409
  align-items: center;
20340
- height: 1.5rem;
20341
- letter-spacing: inherit;
20342
- line-height: inherit;
20343
- max-width: calc(100% - 2px - 2px);
20410
+ display: inline-flex;
20411
+ font-size: 32px;
20412
+ line-height: 40px;
20413
+ grid-area: content;
20414
+ justify-content: space-between;
20344
20415
  }
20345
- .v-combobox__selection:first-child {
20346
- margin-inline-start: 0;
20416
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20417
+ cursor: pointer;
20347
20418
  }
20348
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20349
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20350
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20351
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20352
- top: 0px;
20419
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20420
+ opacity: 0.7;
20353
20421
  }
20354
- .v-combobox--selecting-index .v-combobox__selection {
20355
- opacity: var(--v-medium-emphasis-opacity);
20422
+
20423
+ .date-picker-header-transition-enter-active,
20424
+ .date-picker-header-reverse-transition-enter-active {
20425
+ transition-duration: 0.3s;
20426
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20356
20427
  }
20357
- .v-combobox--selecting-index .v-combobox__selection--selected {
20358
- opacity: 1;
20428
+ .date-picker-header-transition-leave-active,
20429
+ .date-picker-header-reverse-transition-leave-active {
20430
+ transition-duration: 0.3s;
20431
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20359
20432
  }
20360
- .v-combobox--selecting-index .v-field__input > input {
20361
- caret-color: transparent;
20433
+
20434
+ .date-picker-header-transition-enter-from {
20435
+ transform: translate(0, 100%);
20362
20436
  }
20363
- .v-combobox--single.v-text-field .v-field--focused input {
20364
- flex: 1 1;
20365
- position: absolute;
20366
- left: 0;
20367
- right: 0;
20368
- width: 100%;
20369
- padding-inline: inherit;
20437
+ .date-picker-header-transition-leave-to {
20438
+ opacity: 0;
20439
+ transform: translate(0, -100%);
20370
20440
  }
20371
- .v-combobox--single .v-field--active input {
20372
- transition: none;
20441
+
20442
+ .date-picker-header-reverse-transition-enter-from {
20443
+ transform: translate(0, -100%);
20373
20444
  }
20374
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
20445
+ .date-picker-header-reverse-transition-leave-to {
20375
20446
  opacity: 0;
20447
+ transform: translate(0, 100%);
20448
+ }.v-date-picker__input {
20449
+ padding-top: 16px;
20450
+ padding-left: 24px;
20451
+ padding-right: 24px;
20376
20452
  }
20377
- .v-combobox--single .v-field--focused .v-combobox__selection {
20378
- opacity: 0;
20379
- }
20380
- .v-combobox__menu-icon {
20381
- margin-inline-start: 4px;
20382
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20383
- }
20384
- .v-combobox--active-menu .v-combobox__menu-icon {
20385
- opacity: var(--v-high-emphasis-opacity);
20386
- transform: rotate(180deg);
20387
- }.v-date-picker-controls {
20388
- display: flex;
20389
- align-items: center;
20390
- justify-content: space-between;
20391
- font-size: 0.875rem;
20392
- padding-top: 4px;
20393
- padding-bottom: 4px;
20394
- padding-inline-start: 6px;
20395
- padding-inline-end: 12px;
20396
- }
20397
- .v-date-picker-controls > .v-btn:first-child {
20398
- text-transform: none;
20399
- font-weight: 400;
20400
- line-height: initial;
20401
- letter-spacing: initial;
20402
- }
20403
- .v-date-picker-controls--variant-classic {
20404
- padding-inline-start: 12px;
20405
- }
20406
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20407
- opacity: 0.7;
20408
- }
20409
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20410
- cursor: pointer;
20411
- }
20412
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20413
- opacity: 1;
20414
- }
20415
- .v-date-picker-controls .v-btn:last-child {
20416
- margin-inline-start: 4px;
20417
- }
20418
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20419
- transform: rotate(180deg);
20420
- }
20421
-
20422
- .v-date-picker-controls__date {
20423
- margin-inline-end: 4px;
20424
- }
20425
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20426
- margin: auto;
20427
- text-align: center;
20428
- }
20429
-
20430
- .v-date-picker-controls__month {
20431
- display: flex;
20432
- }
20433
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20434
- flex-direction: row-reverse;
20435
- }
20436
-
20437
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20438
- flex: 1 0 auto;
20439
- }
20440
-
20441
- .v-date-picker__title {
20442
- display: inline-block;
20443
- }.v-date-picker__input {
20444
- padding-top: 16px;
20445
- padding-left: 24px;
20446
- padding-right: 24px;
20447
- }
20448
-
20449
- .v-date-picker {
20450
- overflow: hidden;
20451
- width: 360px;
20453
+
20454
+ .v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 360px;
20452
20457
  }
20453
20458
  .v-date-picker--show-week {
20454
20459
  width: 408px;
@@ -20465,84 +20470,6 @@ html.overflow-y-hidden {
20465
20470
  .v-date-picker-month__day .v-btn {
20466
20471
  --v-btn-height: 28px;
20467
20472
  --v-btn-size: 0.85rem;
20468
- }.v-date-picker-header {
20469
- display: grid;
20470
- grid-template-areas: "prepend content append";
20471
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20472
- overflow: hidden;
20473
- padding-inline: 24px 12px;
20474
- padding-bottom: 12px;
20475
- }
20476
-
20477
- .v-date-picker-header__append {
20478
- grid-area: append;
20479
- }
20480
-
20481
- .v-date-picker-header__prepend {
20482
- grid-area: prepend;
20483
- padding-inline-start: 8px;
20484
- }
20485
-
20486
- .v-date-picker-header__content {
20487
- align-items: center;
20488
- display: inline-flex;
20489
- font-size: 32px;
20490
- line-height: 40px;
20491
- grid-area: content;
20492
- justify-content: space-between;
20493
- }
20494
- .v-date-picker-header--clickable .v-date-picker-header__content {
20495
- cursor: pointer;
20496
- }
20497
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20498
- opacity: 0.7;
20499
- }
20500
-
20501
- .date-picker-header-transition-enter-active,
20502
- .date-picker-header-reverse-transition-enter-active {
20503
- transition-duration: 0.3s;
20504
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20505
- }
20506
- .date-picker-header-transition-leave-active,
20507
- .date-picker-header-reverse-transition-leave-active {
20508
- transition-duration: 0.3s;
20509
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20510
- }
20511
-
20512
- .date-picker-header-transition-enter-from {
20513
- transform: translate(0, 100%);
20514
- }
20515
- .date-picker-header-transition-leave-to {
20516
- opacity: 0;
20517
- transform: translate(0, -100%);
20518
- }
20519
-
20520
- .date-picker-header-reverse-transition-enter-from {
20521
- transform: translate(0, -100%);
20522
- }
20523
- .date-picker-header-reverse-transition-leave-to {
20524
- opacity: 0;
20525
- transform: translate(0, 100%);
20526
- }.v-date-picker-months {
20527
- height: 320px;
20528
- overflow-y: scroll;
20529
- }
20530
-
20531
- .v-date-picker-months__content {
20532
- align-items: center;
20533
- display: grid;
20534
- flex: 1 1;
20535
- height: inherit;
20536
- justify-content: space-around;
20537
- grid-template-columns: repeat(2, 1fr);
20538
- grid-gap: 4px 24px;
20539
- padding-inline-start: 36px;
20540
- padding-inline-end: 36px;
20541
- }
20542
- .v-date-picker-months__content .v-btn {
20543
- text-transform: none;
20544
- padding-inline-start: 8px;
20545
- padding-inline-end: 8px;
20546
20473
  }.v-date-picker-month {
20547
20474
  display: flex;
20548
20475
  justify-content: center;
@@ -20592,6 +20519,82 @@ html.overflow-y-hidden {
20592
20519
 
20593
20520
  .v-date-picker-month__day--hide-adjacent {
20594
20521
  opacity: 0;
20522
+ }.v-date-picker-months {
20523
+ height: 320px;
20524
+ overflow-y: scroll;
20525
+ }
20526
+
20527
+ .v-date-picker-months__content {
20528
+ align-items: center;
20529
+ display: grid;
20530
+ flex: 1 1;
20531
+ height: inherit;
20532
+ justify-content: space-around;
20533
+ grid-template-columns: repeat(2, 1fr);
20534
+ grid-gap: 4px 24px;
20535
+ padding-inline-start: 36px;
20536
+ padding-inline-end: 36px;
20537
+ }
20538
+ .v-date-picker-months__content .v-btn {
20539
+ text-transform: none;
20540
+ padding-inline-start: 8px;
20541
+ padding-inline-end: 8px;
20542
+ }.v-date-picker-controls {
20543
+ display: flex;
20544
+ align-items: center;
20545
+ justify-content: space-between;
20546
+ font-size: 0.875rem;
20547
+ padding-top: 4px;
20548
+ padding-bottom: 4px;
20549
+ padding-inline-start: 6px;
20550
+ padding-inline-end: 12px;
20551
+ }
20552
+ .v-date-picker-controls > .v-btn:first-child {
20553
+ text-transform: none;
20554
+ font-weight: 400;
20555
+ line-height: initial;
20556
+ letter-spacing: initial;
20557
+ }
20558
+ .v-date-picker-controls--variant-classic {
20559
+ padding-inline-start: 12px;
20560
+ }
20561
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20562
+ opacity: 0.7;
20563
+ }
20564
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20565
+ cursor: pointer;
20566
+ }
20567
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20568
+ opacity: 1;
20569
+ }
20570
+ .v-date-picker-controls .v-btn:last-child {
20571
+ margin-inline-start: 4px;
20572
+ }
20573
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20574
+ transform: rotate(180deg);
20575
+ }
20576
+
20577
+ .v-date-picker-controls__date {
20578
+ margin-inline-end: 4px;
20579
+ }
20580
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20581
+ margin: auto;
20582
+ text-align: center;
20583
+ }
20584
+
20585
+ .v-date-picker-controls__month {
20586
+ display: flex;
20587
+ }
20588
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20589
+ flex-direction: row-reverse;
20590
+ }
20591
+
20592
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20593
+ flex: 1 0 auto;
20594
+ }
20595
+
20596
+ .v-date-picker__title {
20597
+ display: inline-block;
20595
20598
  }.v-date-picker-years {
20596
20599
  height: 320px;
20597
20600
  overflow-y: scroll;
@@ -20894,28 +20897,105 @@ html.overflow-y-hidden {
20894
20897
  }
20895
20898
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20896
20899
  max-width: calc(100% - 32px);
20897
- }/* region INPUT */
20898
- .v-field {
20899
- display: grid;
20900
- grid-template-areas: "prepend-inner field clear append-inner";
20901
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20902
- font-size: 16px;
20903
- letter-spacing: 0.009375em;
20904
- max-width: 100%;
20905
- border-radius: 4px;
20906
- contain: layout;
20907
- flex: 1 0;
20908
- grid-area: control;
20909
- position: relative;
20910
- --v-field-padding-start: 16px;
20911
- --v-field-padding-end: 16px;
20912
- --v-field-padding-top: 8px;
20913
- --v-field-padding-bottom: 4px;
20914
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20915
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20900
+ }.v-divider {
20901
+ display: block;
20902
+ flex: 1 1 100%;
20903
+ height: 0px;
20904
+ max-height: 0px;
20905
+ opacity: var(--v-border-opacity);
20906
+ transition: inherit;
20907
+ border-style: solid;
20908
+ border-width: thin 0 0 0;
20916
20909
  }
20917
- .v-field--disabled {
20918
- opacity: var(--v-disabled-opacity);
20910
+ .v-divider--vertical {
20911
+ align-self: stretch;
20912
+ border-width: 0 thin 0 0;
20913
+ display: inline-flex;
20914
+ height: inherit;
20915
+ margin-left: -1px;
20916
+ max-height: 100%;
20917
+ max-width: 0px;
20918
+ vertical-align: text-bottom;
20919
+ width: 0px;
20920
+ }
20921
+ .v-divider--inset:not(.v-divider--vertical) {
20922
+ max-width: calc(100% - 72px);
20923
+ margin-inline-start: 72px;
20924
+ }
20925
+ .v-divider--inset.v-divider--vertical {
20926
+ margin-bottom: 8px;
20927
+ margin-top: 8px;
20928
+ max-height: calc(100% - 16px);
20929
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20930
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20931
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20932
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20933
+ top: 0px;
20934
+ }
20935
+ .v-file-input input[type=file] {
20936
+ height: 100%;
20937
+ left: 0;
20938
+ opacity: 0;
20939
+ position: absolute;
20940
+ top: 0;
20941
+ width: 100%;
20942
+ z-index: 1;
20943
+ }
20944
+ .v-file-input .v-input__details {
20945
+ padding-inline: 16px;
20946
+ }
20947
+ .v-input--plain-underlined.v-file-input .v-input__details {
20948
+ padding-inline: 0;
20949
+ }.v-footer {
20950
+ align-items: center;
20951
+ display: flex;
20952
+ flex: 1 1 auto;
20953
+ padding: 8px 16px;
20954
+ position: relative;
20955
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20956
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
20957
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20958
+ border-style: solid;
20959
+ border-width: 0;
20960
+ 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));
20961
+ border-radius: 0;
20962
+ background: rgb(var(--v-theme-surface));
20963
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20964
+ }
20965
+ .v-footer--border {
20966
+ border-width: thin;
20967
+ box-shadow: none;
20968
+ }
20969
+ .v-footer--absolute {
20970
+ position: absolute;
20971
+ }
20972
+ .v-footer--fixed {
20973
+ position: fixed;
20974
+ }
20975
+ .v-footer--rounded {
20976
+ border-radius: 4px;
20977
+ }/* region INPUT */
20978
+ .v-field {
20979
+ display: grid;
20980
+ grid-template-areas: "prepend-inner field clear append-inner";
20981
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20982
+ font-size: 16px;
20983
+ letter-spacing: 0.009375em;
20984
+ max-width: 100%;
20985
+ border-radius: 4px;
20986
+ contain: layout;
20987
+ flex: 1 0;
20988
+ grid-area: control;
20989
+ position: relative;
20990
+ --v-field-padding-start: 16px;
20991
+ --v-field-padding-end: 16px;
20992
+ --v-field-padding-top: 8px;
20993
+ --v-field-padding-bottom: 4px;
20994
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20995
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20996
+ }
20997
+ .v-field--disabled {
20998
+ opacity: var(--v-disabled-opacity);
20919
20999
  pointer-events: none;
20920
21000
  }
20921
21001
  .v-field .v-chip {
@@ -21443,145 +21523,7 @@ textarea.v-field__input::placeholder {
21443
21523
  opacity: 0;
21444
21524
  }
21445
21525
 
21446
- /* endregion */.v-divider {
21447
- display: block;
21448
- flex: 1 1 100%;
21449
- height: 0px;
21450
- max-height: 0px;
21451
- opacity: var(--v-border-opacity);
21452
- transition: inherit;
21453
- border-style: solid;
21454
- border-width: thin 0 0 0;
21455
- }
21456
- .v-divider--vertical {
21457
- align-self: stretch;
21458
- border-width: 0 thin 0 0;
21459
- display: inline-flex;
21460
- height: inherit;
21461
- margin-left: -1px;
21462
- max-height: 100%;
21463
- max-width: 0px;
21464
- vertical-align: text-bottom;
21465
- width: 0px;
21466
- }
21467
- .v-divider--inset:not(.v-divider--vertical) {
21468
- max-width: calc(100% - 72px);
21469
- margin-inline-start: 72px;
21470
- }
21471
- .v-divider--inset.v-divider--vertical {
21472
- margin-bottom: 8px;
21473
- margin-top: 8px;
21474
- max-height: calc(100% - 16px);
21475
- }.v-footer {
21476
- align-items: center;
21477
- display: flex;
21478
- flex: 1 1 auto;
21479
- padding: 8px 16px;
21480
- position: relative;
21481
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21482
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21483
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21484
- border-style: solid;
21485
- border-width: 0;
21486
- 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));
21487
- border-radius: 0;
21488
- background: rgb(var(--v-theme-surface));
21489
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21490
- }
21491
- .v-footer--border {
21492
- border-width: thin;
21493
- box-shadow: none;
21494
- }
21495
- .v-footer--absolute {
21496
- position: absolute;
21497
- }
21498
- .v-footer--fixed {
21499
- position: fixed;
21500
- }
21501
- .v-footer--rounded {
21502
- border-radius: 4px;
21503
- }.v-img {
21504
- --v-theme-overlay-multiplier: 3;
21505
- z-index: 0;
21506
- }
21507
- .v-img--booting .v-responsive__sizer {
21508
- transition: none;
21509
- }
21510
- .v-img--rounded {
21511
- border-radius: 4px;
21512
- }
21513
-
21514
- .v-img__img,
21515
- .v-img__picture,
21516
- .v-img__gradient,
21517
- .v-img__placeholder,
21518
- .v-img__error {
21519
- z-index: -1;
21520
- position: absolute;
21521
- top: 0;
21522
- left: 0;
21523
- width: 100%;
21524
- height: 100%;
21525
- }
21526
-
21527
- .v-img__img--preload {
21528
- filter: blur(4px);
21529
- }
21530
- .v-img__img--contain {
21531
- object-fit: contain;
21532
- }
21533
- .v-img__img--cover {
21534
- object-fit: cover;
21535
- }
21536
-
21537
- .v-img__gradient {
21538
- background-repeat: no-repeat;
21539
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21540
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21541
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21542
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21543
- top: 0px;
21544
- }
21545
- .v-file-input input[type=file] {
21546
- height: 100%;
21547
- left: 0;
21548
- opacity: 0;
21549
- position: absolute;
21550
- top: 0;
21551
- width: 100%;
21552
- z-index: 1;
21553
- }
21554
- .v-file-input .v-input__details {
21555
- padding-inline: 16px;
21556
- }
21557
- .v-input--plain-underlined.v-file-input .v-input__details {
21558
- padding-inline: 0;
21559
- }.v-infinite-scroll--horizontal {
21560
- display: flex;
21561
- flex-direction: row;
21562
- overflow-x: auto;
21563
- }
21564
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21565
- height: 100%;
21566
- width: 1px;
21567
- }
21568
-
21569
- .v-infinite-scroll--vertical {
21570
- display: flex;
21571
- flex-direction: column;
21572
- overflow-y: auto;
21573
- }
21574
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21575
- height: 1px;
21576
- width: 100%;
21577
- }
21578
-
21579
- .v-infinite-scroll__side {
21580
- align-items: center;
21581
- display: flex;
21582
- justify-content: center;
21583
- padding: 8px;
21584
- }.v-icon {
21526
+ /* endregion */.v-icon {
21585
21527
  --v-icon-size-multiplier: 1;
21586
21528
  align-items: center;
21587
21529
  display: inline-flex;
@@ -21630,16 +21572,77 @@ textarea.v-field__input::placeholder {
21630
21572
 
21631
21573
  .v-icon--end {
21632
21574
  margin-inline-start: 8px;
21575
+ }.v-infinite-scroll--horizontal {
21576
+ display: flex;
21577
+ flex-direction: row;
21578
+ overflow-x: auto;
21579
+ }
21580
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21581
+ height: 100%;
21582
+ width: 1px;
21583
+ }
21584
+
21585
+ .v-infinite-scroll--vertical {
21586
+ display: flex;
21587
+ flex-direction: column;
21588
+ overflow-y: auto;
21589
+ }
21590
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21591
+ height: 1px;
21592
+ width: 100%;
21593
+ }
21594
+
21595
+ .v-infinite-scroll__side {
21596
+ align-items: center;
21597
+ display: flex;
21598
+ justify-content: center;
21599
+ padding: 8px;
21633
21600
  }.v-item-group {
21634
21601
  flex: 0 1 auto;
21635
21602
  max-width: 100%;
21636
21603
  position: relative;
21637
21604
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21638
- }.v-input {
21639
- display: grid;
21640
- flex: 1 1 auto;
21641
- font-size: 1rem;
21642
- font-weight: 400;
21605
+ }.v-img {
21606
+ --v-theme-overlay-multiplier: 3;
21607
+ z-index: 0;
21608
+ }
21609
+ .v-img--booting .v-responsive__sizer {
21610
+ transition: none;
21611
+ }
21612
+ .v-img--rounded {
21613
+ border-radius: 4px;
21614
+ }
21615
+
21616
+ .v-img__img,
21617
+ .v-img__picture,
21618
+ .v-img__gradient,
21619
+ .v-img__placeholder,
21620
+ .v-img__error {
21621
+ z-index: -1;
21622
+ position: absolute;
21623
+ top: 0;
21624
+ left: 0;
21625
+ width: 100%;
21626
+ height: 100%;
21627
+ }
21628
+
21629
+ .v-img__img--preload {
21630
+ filter: blur(4px);
21631
+ }
21632
+ .v-img__img--contain {
21633
+ object-fit: contain;
21634
+ }
21635
+ .v-img__img--cover {
21636
+ object-fit: cover;
21637
+ }
21638
+
21639
+ .v-img__gradient {
21640
+ background-repeat: no-repeat;
21641
+ }.v-input {
21642
+ display: grid;
21643
+ flex: 1 1 auto;
21644
+ font-size: 1rem;
21645
+ font-weight: 400;
21643
21646
  line-height: 1.5;
21644
21647
  }
21645
21648
  .v-input--disabled {
@@ -21792,6 +21795,51 @@ textarea.v-field__input::placeholder {
21792
21795
 
21793
21796
  .v-label--clickable {
21794
21797
  cursor: pointer;
21798
+ }.v-layout-item {
21799
+ position: absolute;
21800
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21801
+ }
21802
+
21803
+ .v-layout-item--absolute {
21804
+ position: absolute;
21805
+ }.v-layout {
21806
+ --v-scrollbar-offset: 0px;
21807
+ display: flex;
21808
+ flex: 1 1 auto;
21809
+ }
21810
+ .v-layout--full-height {
21811
+ --v-scrollbar-offset: inherit;
21812
+ height: 100%;
21813
+ }.v-locale-provider {
21814
+ display: contents;
21815
+ }.v-main {
21816
+ flex: 1 0 auto;
21817
+ max-width: 100%;
21818
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21819
+ padding-left: var(--v-layout-left);
21820
+ padding-right: var(--v-layout-right);
21821
+ padding-top: var(--v-layout-top);
21822
+ padding-bottom: var(--v-layout-bottom);
21823
+ }
21824
+ .v-main__scroller {
21825
+ max-width: 100%;
21826
+ position: relative;
21827
+ }
21828
+ .v-main--scrollable {
21829
+ display: flex;
21830
+ position: absolute;
21831
+ top: 0;
21832
+ left: 0;
21833
+ width: 100%;
21834
+ height: 100%;
21835
+ }
21836
+ .v-main--scrollable > .v-main__scroller {
21837
+ flex: 1 1 auto;
21838
+ overflow-y: auto;
21839
+ --v-layout-left: 0px;
21840
+ --v-layout-right: 0px;
21841
+ --v-layout-top: 0px;
21842
+ --v-layout-bottom: 0px;
21795
21843
  }.v-list {
21796
21844
  overflow: auto;
21797
21845
  padding: 8px 0;
@@ -22330,64 +22378,6 @@ textarea.v-field__input::placeholder {
22330
22378
  }
22331
22379
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22332
22380
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22333
- }.v-layout-item {
22334
- position: absolute;
22335
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22336
- }
22337
-
22338
- .v-layout-item--absolute {
22339
- position: absolute;
22340
- }.v-layout {
22341
- --v-scrollbar-offset: 0px;
22342
- display: flex;
22343
- flex: 1 1 auto;
22344
- }
22345
- .v-layout--full-height {
22346
- --v-scrollbar-offset: inherit;
22347
- height: 100%;
22348
- }.v-locale-provider {
22349
- display: contents;
22350
- }.v-main {
22351
- flex: 1 0 auto;
22352
- max-width: 100%;
22353
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22354
- padding-left: var(--v-layout-left);
22355
- padding-right: var(--v-layout-right);
22356
- padding-top: var(--v-layout-top);
22357
- padding-bottom: var(--v-layout-bottom);
22358
- }
22359
- .v-main__scroller {
22360
- max-width: 100%;
22361
- position: relative;
22362
- }
22363
- .v-main--scrollable {
22364
- display: flex;
22365
- position: absolute;
22366
- top: 0;
22367
- left: 0;
22368
- width: 100%;
22369
- height: 100%;
22370
- }
22371
- .v-main--scrollable > .v-main__scroller {
22372
- flex: 1 1 auto;
22373
- overflow-y: auto;
22374
- --v-layout-left: 0px;
22375
- --v-layout-right: 0px;
22376
- --v-layout-top: 0px;
22377
- --v-layout-bottom: 0px;
22378
- }.v-menu > .v-overlay__content {
22379
- display: flex;
22380
- flex-direction: column;
22381
- border-radius: 4px;
22382
- }
22383
- .v-menu > .v-overlay__content > .v-card,
22384
- .v-menu > .v-overlay__content > .v-sheet,
22385
- .v-menu > .v-overlay__content > .v-list {
22386
- background: rgb(var(--v-theme-surface));
22387
- border-radius: inherit;
22388
- overflow: auto;
22389
- height: 100%;
22390
- 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));
22391
22381
  }.v-messages {
22392
22382
  flex: 1 1 auto;
22393
22383
  font-size: 12px;
@@ -22404,6 +22394,19 @@ textarea.v-field__input::placeholder {
22404
22394
  -webkit-hyphens: auto;
22405
22395
  hyphens: auto;
22406
22396
  transition-duration: 150ms;
22397
+ }.v-menu > .v-overlay__content {
22398
+ display: flex;
22399
+ flex-direction: column;
22400
+ border-radius: 4px;
22401
+ }
22402
+ .v-menu > .v-overlay__content > .v-card,
22403
+ .v-menu > .v-overlay__content > .v-sheet,
22404
+ .v-menu > .v-overlay__content > .v-list {
22405
+ background: rgb(var(--v-theme-surface));
22406
+ border-radius: inherit;
22407
+ overflow: auto;
22408
+ height: 100%;
22409
+ 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));
22407
22410
  }.v-navigation-drawer {
22408
22411
  -webkit-overflow-scrolling: touch;
22409
22412
  background: rgb(var(--v-theme-surface));
@@ -22502,70 +22505,6 @@ textarea.v-field__input::placeholder {
22502
22505
  .v-navigation-drawer__append {
22503
22506
  flex: none;
22504
22507
  overflow: hidden;
22505
- }.v-otp-input {
22506
- border-radius: 4px;
22507
- align-items: center;
22508
- display: flex;
22509
- justify-content: center;
22510
- padding: 0.5rem 0;
22511
- position: relative;
22512
- }
22513
- .v-otp-input .v-field {
22514
- height: 100%;
22515
- }
22516
-
22517
- .v-otp-input__divider {
22518
- margin: 0 8px;
22519
- }
22520
-
22521
- .v-otp-input__content {
22522
- align-items: center;
22523
- display: flex;
22524
- gap: 0.5rem;
22525
- height: 64px;
22526
- padding: 0.5rem;
22527
- justify-content: center;
22528
- max-width: 320px;
22529
- position: relative;
22530
- border-radius: inherit;
22531
- }
22532
- .v-otp-input--divided .v-otp-input__content {
22533
- max-width: 360px;
22534
- }
22535
-
22536
- .v-otp-input__field {
22537
- color: inherit;
22538
- font-size: 1.25rem;
22539
- height: 100%;
22540
- outline: none;
22541
- text-align: center;
22542
- width: 100%;
22543
- }
22544
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22545
- -webkit-appearance: none;
22546
- margin: 0;
22547
- }
22548
- .v-otp-input__field[type=number] {
22549
- -moz-appearance: textfield;
22550
- }
22551
-
22552
- .v-otp-input__loader {
22553
- align-items: center;
22554
- display: flex;
22555
- height: 100%;
22556
- justify-content: center;
22557
- width: 100%;
22558
- }
22559
- .v-otp-input__loader .v-progress-linear {
22560
- position: absolute;
22561
- }.v-pagination__list {
22562
- display: inline-flex;
22563
- list-style-type: none;
22564
- justify-content: center;
22565
- width: 100%;
22566
- }
22567
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22568
- margin: 0.3rem;
22569
22508
  }.v-overlay-container {
22570
22509
  contain: layout;
22571
22510
  left: 0;
@@ -22629,12 +22568,6 @@ html.v-overlay-scroll-blocked {
22629
22568
 
22630
22569
  .v-overlay--scroll-blocked {
22631
22570
  padding-inline-end: var(--v-scrollbar-offset);
22632
- }.v-parallax {
22633
- position: relative;
22634
- overflow: hidden;
22635
- }
22636
- .v-parallax--active > .v-img__img {
22637
- will-change: transform;
22638
22571
  }.v-progress-circular {
22639
22572
  align-items: center;
22640
22573
  display: inline-flex;
@@ -22737,32 +22670,114 @@ html.v-overlay-scroll-blocked {
22737
22670
  100% {
22738
22671
  transform: rotate(270deg);
22739
22672
  }
22740
- }.v-progress-linear {
22741
- background: transparent;
22742
- overflow: hidden;
22673
+ }.v-otp-input {
22674
+ border-radius: 4px;
22675
+ align-items: center;
22676
+ display: flex;
22677
+ justify-content: center;
22678
+ padding: 0.5rem 0;
22743
22679
  position: relative;
22744
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22745
- width: 100%;
22746
22680
  }
22747
- .v-progress-linear--rounded {
22748
- border-radius: 9999px;
22681
+ .v-otp-input .v-field {
22682
+ height: 100%;
22749
22683
  }
22750
22684
 
22751
- .v-progress-linear__background {
22752
- background: currentColor;
22753
- bottom: 0;
22754
- left: 0;
22755
- opacity: var(--v-border-opacity);
22756
- position: absolute;
22757
- top: 0;
22758
- transition-property: width, left, right;
22759
- transition: inherit;
22685
+ .v-otp-input__divider {
22686
+ margin: 0 8px;
22760
22687
  }
22761
22688
 
22762
- .v-progress-linear__content {
22689
+ .v-otp-input__content {
22763
22690
  align-items: center;
22764
22691
  display: flex;
22765
- height: 100%;
22692
+ gap: 0.5rem;
22693
+ height: 64px;
22694
+ padding: 0.5rem;
22695
+ justify-content: center;
22696
+ max-width: 320px;
22697
+ position: relative;
22698
+ border-radius: inherit;
22699
+ }
22700
+ .v-otp-input--divided .v-otp-input__content {
22701
+ max-width: 360px;
22702
+ }
22703
+
22704
+ .v-otp-input__field {
22705
+ color: inherit;
22706
+ font-size: 1.25rem;
22707
+ height: 100%;
22708
+ outline: none;
22709
+ text-align: center;
22710
+ width: 100%;
22711
+ }
22712
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22713
+ -webkit-appearance: none;
22714
+ margin: 0;
22715
+ }
22716
+ .v-otp-input__field[type=number] {
22717
+ -moz-appearance: textfield;
22718
+ }
22719
+
22720
+ .v-otp-input__loader {
22721
+ align-items: center;
22722
+ display: flex;
22723
+ height: 100%;
22724
+ justify-content: center;
22725
+ width: 100%;
22726
+ }
22727
+ .v-otp-input__loader .v-progress-linear {
22728
+ position: absolute;
22729
+ }.v-parallax {
22730
+ position: relative;
22731
+ overflow: hidden;
22732
+ }
22733
+ .v-parallax--active > .v-img__img {
22734
+ will-change: transform;
22735
+ }.v-radio-group > .v-input__control {
22736
+ flex-direction: column;
22737
+ }
22738
+ .v-radio-group > .v-input__control > .v-label {
22739
+ margin-inline-start: 16px;
22740
+ }
22741
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22742
+ padding-inline-start: 6px;
22743
+ margin-top: 8px;
22744
+ }
22745
+ .v-radio-group .v-input__details {
22746
+ padding-inline: 16px;
22747
+ }.v-pagination__list {
22748
+ display: inline-flex;
22749
+ list-style-type: none;
22750
+ justify-content: center;
22751
+ width: 100%;
22752
+ }
22753
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22754
+ margin: 0.3rem;
22755
+ }.v-progress-linear {
22756
+ background: transparent;
22757
+ overflow: hidden;
22758
+ position: relative;
22759
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22760
+ width: 100%;
22761
+ }
22762
+ .v-progress-linear--rounded {
22763
+ border-radius: 9999px;
22764
+ }
22765
+
22766
+ .v-progress-linear__background {
22767
+ background: currentColor;
22768
+ bottom: 0;
22769
+ left: 0;
22770
+ opacity: var(--v-border-opacity);
22771
+ position: absolute;
22772
+ top: 0;
22773
+ transition-property: width, left, right;
22774
+ transition: inherit;
22775
+ }
22776
+
22777
+ .v-progress-linear__content {
22778
+ align-items: center;
22779
+ display: flex;
22780
+ height: 100%;
22766
22781
  justify-content: center;
22767
22782
  left: 0;
22768
22783
  pointer-events: none;
@@ -22947,18 +22962,60 @@ html.v-overlay-scroll-blocked {
22947
22962
  0% {
22948
22963
  background-position-x: var(--v-progress-linear-height);
22949
22964
  }
22950
- }.v-radio-group > .v-input__control {
22965
+ }.v-rating {
22966
+ max-width: 100%;
22967
+ display: inline-flex;
22968
+ white-space: nowrap;
22969
+ }
22970
+ .v-rating--readonly {
22971
+ pointer-events: none;
22972
+ }
22973
+
22974
+ .v-rating__wrapper {
22975
+ align-items: center;
22976
+ display: inline-flex;
22951
22977
  flex-direction: column;
22952
22978
  }
22953
- .v-radio-group > .v-input__control > .v-label {
22954
- margin-inline-start: 16px;
22979
+ .v-rating__wrapper--bottom {
22980
+ flex-direction: column-reverse;
22955
22981
  }
22956
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22957
- padding-inline-start: 6px;
22958
- margin-top: 8px;
22982
+
22983
+ .v-rating__item {
22984
+ display: inline-flex;
22985
+ position: relative;
22959
22986
  }
22960
- .v-radio-group .v-input__details {
22961
- padding-inline: 16px;
22987
+ .v-rating__item label {
22988
+ cursor: pointer;
22989
+ }
22990
+ .v-rating__item .v-btn--variant-plain {
22991
+ opacity: 1;
22992
+ }
22993
+ .v-rating__item .v-btn {
22994
+ transition-property: transform;
22995
+ }
22996
+ .v-rating__item .v-btn .v-icon {
22997
+ transition: inherit;
22998
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22999
+ }
23000
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23001
+ transform: scale(1.25);
23002
+ }
23003
+ .v-rating__item--half {
23004
+ overflow: hidden;
23005
+ position: absolute;
23006
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23007
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23008
+ z-index: 1;
23009
+ }
23010
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23011
+ opacity: 0;
23012
+ }
23013
+
23014
+ .v-rating__hidden {
23015
+ height: 0;
23016
+ opacity: 0;
23017
+ position: absolute;
23018
+ width: 0;
22962
23019
  }.v-slider .v-slider__container input {
22963
23020
  cursor: default;
22964
23021
  padding: 0;
@@ -23042,68 +23099,6 @@ html.v-overlay-scroll-blocked {
23042
23099
  flex: 1 0 0px;
23043
23100
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23044
23101
  pointer-events: none;
23045
- }.v-rating {
23046
- max-width: 100%;
23047
- display: inline-flex;
23048
- white-space: nowrap;
23049
- }
23050
- .v-rating--readonly {
23051
- pointer-events: none;
23052
- }
23053
-
23054
- .v-rating__wrapper {
23055
- align-items: center;
23056
- display: inline-flex;
23057
- flex-direction: column;
23058
- }
23059
- .v-rating__wrapper--bottom {
23060
- flex-direction: column-reverse;
23061
- }
23062
-
23063
- .v-rating__item {
23064
- display: inline-flex;
23065
- position: relative;
23066
- }
23067
- .v-rating__item label {
23068
- cursor: pointer;
23069
- }
23070
- .v-rating__item .v-btn--variant-plain {
23071
- opacity: 1;
23072
- }
23073
- .v-rating__item .v-btn {
23074
- transition-property: transform;
23075
- }
23076
- .v-rating__item .v-btn .v-icon {
23077
- transition: inherit;
23078
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23079
- }
23080
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23081
- transform: scale(1.25);
23082
- }
23083
- .v-rating__item--half {
23084
- overflow: hidden;
23085
- position: absolute;
23086
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23087
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23088
- z-index: 1;
23089
- }
23090
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23091
- opacity: 0;
23092
- }
23093
-
23094
- .v-rating__hidden {
23095
- height: 0;
23096
- opacity: 0;
23097
- position: absolute;
23098
- width: 0;
23099
- }.v-selection-control-group {
23100
- grid-area: control;
23101
- display: flex;
23102
- flex-direction: column;
23103
- }
23104
- .v-selection-control-group--inline {
23105
- flex-direction: row;
23106
- flex-wrap: wrap;
23107
23102
  }.v-select .v-field .v-text-field__prefix,
23108
23103
  .v-select .v-field .v-text-field__suffix,
23109
23104
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23253,6 +23248,14 @@ html.v-overlay-scroll-blocked {
23253
23248
  }
23254
23249
  .v-selection-control--focus-visible .v-selection-control__input::before {
23255
23250
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23251
+ }.v-selection-control-group {
23252
+ grid-area: control;
23253
+ display: flex;
23254
+ flex-direction: column;
23255
+ }
23256
+ .v-selection-control-group--inline {
23257
+ flex-direction: row;
23258
+ flex-wrap: wrap;
23256
23259
  }.v-sheet {
23257
23260
  display: block;
23258
23261
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23546,147 +23549,31 @@ html.v-overlay-scroll-blocked {
23546
23549
  .v-slide-group--vertical .v-slide-group__container,
23547
23550
  .v-slide-group--vertical .v-slide-group__content {
23548
23551
  flex-direction: column;
23549
- }.v-stepper.v-sheet {
23550
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23551
- border-radius: 4px;
23552
- overflow: hidden;
23552
+ }.v-snackbar {
23553
+ justify-content: center;
23554
+ z-index: 10000;
23555
+ margin: 8px;
23556
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23553
23557
  }
23554
- .v-stepper.v-sheet.v-stepper--flat {
23555
- 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));
23558
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23559
+ align-items: flex-end;
23556
23560
  }
23557
-
23558
- .v-stepper-header {
23559
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23561
+ .v-snackbar__wrapper {
23560
23562
  align-items: center;
23561
23563
  display: flex;
23562
- position: relative;
23563
- overflow-x: auto;
23564
- justify-content: space-between;
23565
- z-index: 1;
23566
- }
23567
- .v-stepper-header .v-divider {
23568
- margin: 0 -16px;
23564
+ max-width: 672px;
23565
+ min-height: 48px;
23566
+ min-width: 344px;
23567
+ overflow: hidden;
23568
+ padding: 0;
23569
+ border-radius: 4px;
23569
23570
  }
23570
- .v-stepper-header .v-divider:last-child {
23571
- margin-inline-end: 0;
23571
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23572
+ background: transparent;
23573
+ color: inherit;
23572
23574
  }
23573
- .v-stepper-header .v-divider:first-child {
23574
- margin-inline-start: 0;
23575
- }
23576
- .v-stepper--alt-labels .v-stepper-header {
23577
- height: auto;
23578
- }
23579
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23580
- align-self: flex-start;
23581
- margin: 35px -67px 0;
23582
- }
23583
-
23584
- .v-stepper-window {
23585
- margin: 1.5rem;
23586
- }
23587
-
23588
- .v-stepper-actions {
23589
- display: flex;
23590
- align-items: center;
23591
- justify-content: space-between;
23592
- padding: 1rem;
23593
- }
23594
- .v-stepper .v-stepper-actions {
23595
- padding: 0 1.5rem 1rem;
23596
- }
23597
- .v-stepper-window-item .v-stepper-actions {
23598
- padding: 1.5rem 0 0;
23599
- }.v-stepper-item {
23600
- align-items: center;
23601
- align-self: stretch;
23602
- display: inline-flex;
23603
- flex: none;
23604
- opacity: var(--v-medium-emphasis-opacity);
23605
- padding: 1.5rem;
23606
- transition-duration: 0.2s;
23607
- transition-property: opacity;
23608
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23609
- }
23610
- .v-stepper-item--selected {
23611
- opacity: 1;
23612
- }
23613
- .v-stepper-item--error {
23614
- color: rgb(var(--v-theme-error));
23615
- }
23616
- .v-stepper-item--disabled {
23617
- opacity: var(--v-medium-emphasis-opacity);
23618
- pointer-events: none;
23619
- }
23620
- .v-stepper--alt-labels .v-stepper-item {
23621
- flex-direction: column;
23622
- justify-content: flex-start;
23623
- align-items: center;
23624
- flex-basis: 175px;
23625
- }
23626
-
23627
- .v-stepper-item__avatar.v-avatar {
23628
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23629
- color: rgb(var(--v-theme-on-surface-variant));
23630
- font-size: 0.75rem;
23631
- margin-inline-end: 8px;
23632
- }
23633
- .v-stepper-item__avatar.v-avatar .v-icon {
23634
- font-size: 0.875rem;
23635
- }
23636
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23637
- background: rgb(var(--v-theme-surface-variant));
23638
- }
23639
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23640
- background: rgb(var(--v-theme-error));
23641
- }
23642
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23643
- margin-bottom: 16px;
23644
- margin-inline-end: 0;
23645
- }
23646
-
23647
- .v-stepper-item__title {
23648
- line-height: 1;
23649
- }
23650
- .v-stepper--mobile .v-stepper-item__title {
23651
- display: none;
23652
- }
23653
-
23654
- .v-stepper-item__subtitle {
23655
- font-size: 0.75rem;
23656
- text-align: left;
23657
- line-height: 1;
23658
- opacity: var(--v-medium-emphasis-opacity);
23659
- }
23660
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23661
- text-align: center;
23662
- }
23663
- .v-stepper--mobile .v-stepper-item__subtitle {
23664
- display: none;
23665
- }.v-snackbar {
23666
- justify-content: center;
23667
- z-index: 10000;
23668
- margin: 8px;
23669
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23670
- }
23671
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23672
- align-items: flex-end;
23673
- }
23674
- .v-snackbar__wrapper {
23675
- align-items: center;
23676
- display: flex;
23677
- max-width: 672px;
23678
- min-height: 48px;
23679
- min-width: 344px;
23680
- overflow: hidden;
23681
- padding: 0;
23682
- border-radius: 4px;
23683
- }
23684
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23685
- background: transparent;
23686
- color: inherit;
23687
- }
23688
- .v-snackbar--variant-plain {
23689
- opacity: 0.62;
23575
+ .v-snackbar--variant-plain {
23576
+ opacity: 0.62;
23690
23577
  }
23691
23578
  .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23692
23579
  opacity: 1;
@@ -23781,157 +23668,217 @@ html.v-overlay-scroll-blocked {
23781
23668
  }
23782
23669
  .v-snackbar-transition-leave-to {
23783
23670
  opacity: 0;
23784
- }.v-table {
23785
- background: rgb(var(--v-theme-surface));
23786
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23787
- font-size: 0.875rem;
23788
- transition-duration: 0.28s;
23789
- transition-property: box-shadow, opacity, background, height;
23790
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23671
+ }.v-stepper.v-sheet {
23672
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23673
+ border-radius: 4px;
23674
+ overflow: hidden;
23791
23675
  }
23792
- .v-table .v-table-divider {
23793
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23676
+ .v-stepper.v-sheet.v-stepper--flat {
23677
+ 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));
23794
23678
  }
23795
- .v-table .v-table__wrapper > table > thead > tr > th {
23796
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23679
+
23680
+ .v-stepper-header {
23681
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23682
+ align-items: center;
23683
+ display: flex;
23684
+ position: relative;
23685
+ overflow-x: auto;
23686
+ justify-content: space-between;
23687
+ z-index: 1;
23797
23688
  }
23798
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23799
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23800
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23689
+ .v-stepper-header .v-divider {
23690
+ margin: 0 -16px;
23801
23691
  }
23802
- .v-table .v-table__wrapper > table > tfoot > tr > td,
23803
- .v-table .v-table__wrapper > table > tfoot > tr > th {
23804
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23692
+ .v-stepper-header .v-divider:last-child {
23693
+ margin-inline-end: 0;
23805
23694
  }
23806
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23807
- position: relative;
23695
+ .v-stepper-header .v-divider:first-child {
23696
+ margin-inline-start: 0;
23808
23697
  }
23809
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23810
- content: "";
23811
- position: absolute;
23812
- top: 0;
23813
- left: 0;
23814
- width: 100%;
23815
- height: 100%;
23816
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
23817
- pointer-events: none;
23698
+ .v-stepper--alt-labels .v-stepper-header {
23699
+ height: auto;
23818
23700
  }
23819
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23820
- background: rgb(var(--v-theme-surface));
23821
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23822
- z-index: 1;
23701
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23702
+ align-self: flex-start;
23703
+ margin: 35px -67px 0;
23823
23704
  }
23824
- .v-table.v-table--fixed-footer > tfoot > tr > th,
23825
- .v-table.v-table--fixed-footer > tfoot > tr > td {
23826
- background: rgb(var(--v-theme-surface));
23827
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23705
+
23706
+ .v-stepper-window {
23707
+ margin: 1.5rem;
23828
23708
  }
23829
23709
 
23830
- .v-table {
23831
- --v-table-header-height: 56px;
23832
- border-radius: inherit;
23833
- line-height: 1.5;
23834
- max-width: 100%;
23710
+ .v-stepper-actions {
23835
23711
  display: flex;
23836
- flex-direction: column;
23712
+ align-items: center;
23713
+ justify-content: space-between;
23714
+ padding: 1rem;
23837
23715
  }
23838
- .v-table > .v-table__wrapper > table {
23839
- width: 100%;
23840
- border-spacing: 0;
23716
+ .v-stepper .v-stepper-actions {
23717
+ padding: 0 1.5rem 1rem;
23841
23718
  }
23842
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23843
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23844
- .v-table > .v-table__wrapper > table > thead > tr > td,
23845
- .v-table > .v-table__wrapper > table > thead > tr > th,
23846
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
23847
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23848
- padding: 0 16px;
23849
- transition-duration: 0.28s;
23850
- transition-property: box-shadow, opacity, background, height;
23719
+ .v-stepper-window-item .v-stepper-actions {
23720
+ padding: 1.5rem 0 0;
23721
+ }.v-stepper-item {
23722
+ align-items: center;
23723
+ align-self: stretch;
23724
+ display: inline-flex;
23725
+ flex: none;
23726
+ opacity: var(--v-medium-emphasis-opacity);
23727
+ padding: 1.5rem;
23728
+ transition-duration: 0.2s;
23729
+ transition-property: opacity;
23851
23730
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23852
23731
  }
23853
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23854
- .v-table > .v-table__wrapper > table > thead > tr > th,
23855
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23856
- font-weight: 500;
23857
- -webkit-user-select: none;
23858
- user-select: none;
23859
- text-align: start;
23732
+ .v-stepper-item--selected {
23733
+ opacity: 1;
23860
23734
  }
23861
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
23862
- .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
23863
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
23864
- height: calc(var(--v-table-header-height) + 0px);
23735
+ .v-stepper-item--error {
23736
+ color: rgb(var(--v-theme-error));
23865
23737
  }
23866
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
23867
- .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
23868
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
23869
- height: calc(var(--v-table-row-height, 52px) + 0px);
23738
+ .v-stepper-item--disabled {
23739
+ opacity: var(--v-medium-emphasis-opacity);
23740
+ pointer-events: none;
23741
+ }
23742
+ .v-stepper--alt-labels .v-stepper-item {
23743
+ flex-direction: column;
23744
+ justify-content: flex-start;
23745
+ align-items: center;
23746
+ flex-basis: 175px;
23870
23747
  }
23871
23748
 
23872
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
23873
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
23874
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
23875
- height: calc(var(--v-table-header-height) - 8px);
23749
+ .v-stepper-item__avatar.v-avatar {
23750
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23751
+ color: rgb(var(--v-theme-on-surface-variant));
23752
+ font-size: 0.75rem;
23753
+ margin-inline-end: 8px;
23876
23754
  }
23877
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
23878
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
23879
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
23880
- height: calc(var(--v-table-row-height, 52px) - 8px);
23755
+ .v-stepper-item__avatar.v-avatar .v-icon {
23756
+ font-size: 0.875rem;
23757
+ }
23758
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23759
+ background: rgb(var(--v-theme-surface-variant));
23760
+ }
23761
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23762
+ background: rgb(var(--v-theme-error));
23763
+ }
23764
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23765
+ margin-bottom: 16px;
23766
+ margin-inline-end: 0;
23881
23767
  }
23882
23768
 
23883
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
23884
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
23885
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
23886
- height: calc(var(--v-table-header-height) - 16px);
23769
+ .v-stepper-item__title {
23770
+ line-height: 1;
23887
23771
  }
23888
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
23889
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
23890
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
23891
- height: calc(var(--v-table-row-height, 52px) - 16px);
23772
+ .v-stepper--mobile .v-stepper-item__title {
23773
+ display: none;
23892
23774
  }
23893
23775
 
23894
- .v-table__wrapper {
23895
- border-radius: inherit;
23896
- overflow: auto;
23897
- flex: 1 1 auto;
23776
+ .v-stepper-item__subtitle {
23777
+ font-size: 0.75rem;
23778
+ text-align: left;
23779
+ line-height: 1;
23780
+ opacity: var(--v-medium-emphasis-opacity);
23781
+ }
23782
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23783
+ text-align: center;
23784
+ }
23785
+ .v-stepper--mobile .v-stepper-item__subtitle {
23786
+ display: none;
23787
+ }.v-tabs {
23788
+ display: flex;
23789
+ height: var(--v-tabs-height);
23790
+ }
23791
+ .v-tabs--density-default {
23792
+ --v-tabs-height: 48px;
23793
+ }
23794
+ .v-tabs--density-default.v-tabs--stacked {
23795
+ --v-tabs-height: 72px;
23898
23796
  }
23899
23797
 
23900
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23901
- border-top-left-radius: 0;
23798
+ .v-tabs--density-comfortable {
23799
+ --v-tabs-height: 44px;
23902
23800
  }
23903
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23904
- border-top-right-radius: 0;
23801
+ .v-tabs--density-comfortable.v-tabs--stacked {
23802
+ --v-tabs-height: 68px;
23905
23803
  }
23906
23804
 
23907
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23908
- border-bottom-left-radius: 0;
23805
+ .v-tabs--density-compact {
23806
+ --v-tabs-height: 36px;
23909
23807
  }
23910
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23911
- border-bottom-right-radius: 0;
23808
+ .v-tabs--density-compact.v-tabs--stacked {
23809
+ --v-tabs-height: 60px;
23912
23810
  }
23913
23811
 
23914
- .v-table--fixed-height > .v-table__wrapper {
23915
- overflow-y: auto;
23812
+ .v-tabs.v-slide-group--vertical {
23813
+ height: auto;
23814
+ flex: none;
23815
+ --v-tabs-height: 48px;
23916
23816
  }
23917
23817
 
23918
- .v-table--fixed-header > .v-table__wrapper > table > thead {
23919
- position: sticky;
23920
- top: 0;
23921
- z-index: 2;
23818
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23819
+ margin-inline-start: 42px;
23922
23820
  }
23923
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23924
- border-bottom: 0px !important;
23821
+
23822
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23823
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23824
+ margin-inline-end: auto;
23825
+ }
23826
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23827
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23828
+ margin-inline-start: auto;
23925
23829
  }
23926
23830
 
23927
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23928
- position: sticky;
23831
+ .v-tabs--grow {
23832
+ flex-grow: 1;
23833
+ }
23834
+ .v-tabs--grow .v-tab {
23835
+ flex: 1 0 auto;
23836
+ max-width: none;
23837
+ }
23838
+
23839
+ .v-tabs--align-tabs-end .v-tab:first-child {
23840
+ margin-inline-start: auto;
23841
+ }
23842
+ .v-tabs--align-tabs-end .v-tab:last-child {
23843
+ margin-inline-end: 0;
23844
+ }
23845
+
23846
+ @media (max-width: 1279.98px) {
23847
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23848
+ margin-inline-start: 52px;
23849
+ }
23850
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23851
+ margin-inline-end: 52px;
23852
+ }
23853
+ }.v-tab.v-tab.v-btn {
23854
+ height: var(--v-tabs-height);
23855
+ border-radius: 0;
23856
+ min-width: 90px;
23857
+ }
23858
+ .v-slide-group--horizontal .v-tab {
23859
+ max-width: 360px;
23860
+ }
23861
+ .v-slide-group--vertical .v-tab {
23862
+ justify-content: start;
23863
+ }
23864
+
23865
+ .v-tab__slider {
23866
+ position: absolute;
23929
23867
  bottom: 0;
23930
- z-index: 1;
23868
+ left: 0;
23869
+ height: 2px;
23870
+ width: 100%;
23871
+ background: currentColor;
23872
+ pointer-events: none;
23873
+ opacity: 0;
23931
23874
  }
23932
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23933
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23934
- border-top: 0px !important;
23875
+ .v-tab--selected .v-tab__slider {
23876
+ opacity: 1;
23877
+ }
23878
+ .v-slide-group--vertical .v-tab__slider {
23879
+ top: 0;
23880
+ height: 100%;
23881
+ width: 2px;
23935
23882
  }.v-switch .v-label {
23936
23883
  padding-inline-start: 10px;
23937
23884
  }
@@ -24023,101 +23970,6 @@ html.v-overlay-scroll-blocked {
24023
23970
  }
24024
23971
  .v-switch.v-switch--inset .v-selection-control__wrapper {
24025
23972
  width: auto;
24026
- }.v-tab.v-tab.v-btn {
24027
- height: var(--v-tabs-height);
24028
- border-radius: 0;
24029
- min-width: 90px;
24030
- }
24031
- .v-slide-group--horizontal .v-tab {
24032
- max-width: 360px;
24033
- }
24034
- .v-slide-group--vertical .v-tab {
24035
- justify-content: start;
24036
- }
24037
-
24038
- .v-tab__slider {
24039
- position: absolute;
24040
- bottom: 0;
24041
- left: 0;
24042
- height: 2px;
24043
- width: 100%;
24044
- background: currentColor;
24045
- pointer-events: none;
24046
- opacity: 0;
24047
- }
24048
- .v-tab--selected .v-tab__slider {
24049
- opacity: 1;
24050
- }
24051
- .v-slide-group--vertical .v-tab__slider {
24052
- top: 0;
24053
- height: 100%;
24054
- width: 2px;
24055
- }.v-tabs {
24056
- display: flex;
24057
- height: var(--v-tabs-height);
24058
- }
24059
- .v-tabs--density-default {
24060
- --v-tabs-height: 48px;
24061
- }
24062
- .v-tabs--density-default.v-tabs--stacked {
24063
- --v-tabs-height: 72px;
24064
- }
24065
-
24066
- .v-tabs--density-comfortable {
24067
- --v-tabs-height: 44px;
24068
- }
24069
- .v-tabs--density-comfortable.v-tabs--stacked {
24070
- --v-tabs-height: 68px;
24071
- }
24072
-
24073
- .v-tabs--density-compact {
24074
- --v-tabs-height: 36px;
24075
- }
24076
- .v-tabs--density-compact.v-tabs--stacked {
24077
- --v-tabs-height: 60px;
24078
- }
24079
-
24080
- .v-tabs.v-slide-group--vertical {
24081
- height: auto;
24082
- flex: none;
24083
- --v-tabs-height: 48px;
24084
- }
24085
-
24086
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24087
- margin-inline-start: 42px;
24088
- }
24089
-
24090
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24091
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24092
- margin-inline-end: auto;
24093
- }
24094
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24095
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24096
- margin-inline-start: auto;
24097
- }
24098
-
24099
- .v-tabs--grow {
24100
- flex-grow: 1;
24101
- }
24102
- .v-tabs--grow .v-tab {
24103
- flex: 1 0 auto;
24104
- max-width: none;
24105
- }
24106
-
24107
- .v-tabs--align-tabs-end .v-tab:first-child {
24108
- margin-inline-start: auto;
24109
- }
24110
- .v-tabs--align-tabs-end .v-tab:last-child {
24111
- margin-inline-end: 0;
24112
- }
24113
-
24114
- @media (max-width: 1279.98px) {
24115
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24116
- margin-inline-start: 52px;
24117
- }
24118
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24119
- margin-inline-end: 52px;
24120
- }
24121
23973
  }.v-system-bar {
24122
23974
  align-items: center;
24123
23975
  display: flex;
@@ -24130,8 +23982,8 @@ html.v-overlay-scroll-blocked {
24130
23982
  text-align: end;
24131
23983
  width: 100%;
24132
23984
  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));
24133
- background: rgba(var(--v-theme-on-surface-variant));
24134
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23985
+ background: rgba(var(--v-theme-surface-light));
23986
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24135
23987
  font-size: 0.75rem;
24136
23988
  font-weight: 400;
24137
23989
  letter-spacing: 0.0333333333em;
@@ -24155,6 +24007,45 @@ html.v-overlay-scroll-blocked {
24155
24007
  }
24156
24008
  .v-system-bar:not(.v-system-bar--absolute) {
24157
24009
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24010
+ }.v-textarea .v-field {
24011
+ --v-textarea-control-height: var(--v-input-control-height);
24012
+ }
24013
+ .v-textarea .v-field__field {
24014
+ --v-input-control-height: var(--v-textarea-control-height);
24015
+ }
24016
+ .v-textarea .v-field__input {
24017
+ flex: 1 1 auto;
24018
+ outline: none;
24019
+ -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));
24020
+ 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));
24021
+ }
24022
+ .v-textarea .v-field__input.v-textarea__sizer {
24023
+ visibility: hidden;
24024
+ position: absolute;
24025
+ top: 0;
24026
+ left: 0;
24027
+ height: 0 !important;
24028
+ min-height: 0 !important;
24029
+ pointer-events: none;
24030
+ }
24031
+ .v-textarea--no-resize .v-field__input {
24032
+ resize: none;
24033
+ }
24034
+ .v-textarea .v-field--no-label textarea,
24035
+ .v-textarea .v-field--active textarea {
24036
+ opacity: 1;
24037
+ }
24038
+ .v-textarea textarea {
24039
+ opacity: 0;
24040
+ flex: 1;
24041
+ min-width: 0;
24042
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24043
+ }
24044
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24045
+ outline: none;
24046
+ }
24047
+ .v-textarea textarea:invalid {
24048
+ box-shadow: none;
24158
24049
  }/* region BLOCK */
24159
24050
  .v-text-field input {
24160
24051
  color: inherit;
@@ -24215,57 +24106,169 @@ html.v-overlay-scroll-blocked {
24215
24106
  .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24216
24107
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24217
24108
  }
24218
- .v-text-field__prefix {
24219
- padding-inline-start: var(--v-field-padding-start);
24109
+ .v-text-field__prefix {
24110
+ padding-inline-start: var(--v-field-padding-start);
24111
+ }
24112
+ .v-text-field__suffix {
24113
+ padding-inline-end: var(--v-field-padding-end);
24114
+ }
24115
+
24116
+ /* endregion */.v-table {
24117
+ background: rgb(var(--v-theme-surface));
24118
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24119
+ font-size: 0.875rem;
24120
+ transition-duration: 0.28s;
24121
+ transition-property: box-shadow, opacity, background, height;
24122
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24123
+ }
24124
+ .v-table .v-table-divider {
24125
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24126
+ }
24127
+ .v-table .v-table__wrapper > table > thead > tr > th {
24128
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24129
+ }
24130
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24131
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24132
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24133
+ }
24134
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24135
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24136
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24137
+ }
24138
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24139
+ position: relative;
24140
+ }
24141
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24142
+ content: "";
24143
+ position: absolute;
24144
+ top: 0;
24145
+ left: 0;
24146
+ width: 100%;
24147
+ height: 100%;
24148
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24149
+ pointer-events: none;
24150
+ }
24151
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24152
+ background: rgb(var(--v-theme-surface));
24153
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24154
+ z-index: 1;
24155
+ }
24156
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
24157
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
24158
+ background: rgb(var(--v-theme-surface));
24159
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24160
+ }
24161
+
24162
+ .v-table {
24163
+ --v-table-header-height: 56px;
24164
+ border-radius: inherit;
24165
+ line-height: 1.5;
24166
+ max-width: 100%;
24167
+ display: flex;
24168
+ flex-direction: column;
24169
+ }
24170
+ .v-table > .v-table__wrapper > table {
24171
+ width: 100%;
24172
+ border-spacing: 0;
24173
+ }
24174
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24175
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24176
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24177
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24178
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
24179
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24180
+ padding: 0 16px;
24181
+ transition-duration: 0.28s;
24182
+ transition-property: box-shadow, opacity, background, height;
24183
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24184
+ }
24185
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24186
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24187
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24188
+ font-weight: 500;
24189
+ -webkit-user-select: none;
24190
+ user-select: none;
24191
+ text-align: start;
24192
+ }
24193
+ .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
24194
+ .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
24195
+ .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
24196
+ height: calc(var(--v-table-header-height) + 0px);
24197
+ }
24198
+ .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
24199
+ .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
24200
+ .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
24201
+ height: calc(var(--v-table-row-height, 52px) + 0px);
24202
+ }
24203
+
24204
+ .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
24205
+ .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
24206
+ .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
24207
+ height: calc(var(--v-table-header-height) - 8px);
24208
+ }
24209
+ .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
24210
+ .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
24211
+ .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
24212
+ height: calc(var(--v-table-row-height, 52px) - 8px);
24213
+ }
24214
+
24215
+ .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
24216
+ .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
24217
+ .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
24218
+ height: calc(var(--v-table-header-height) - 16px);
24219
+ }
24220
+ .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
24221
+ .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
24222
+ .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
24223
+ height: calc(var(--v-table-row-height, 52px) - 16px);
24220
24224
  }
24221
- .v-text-field__suffix {
24222
- padding-inline-end: var(--v-field-padding-end);
24225
+
24226
+ .v-table__wrapper {
24227
+ border-radius: inherit;
24228
+ overflow: auto;
24229
+ flex: 1 1 auto;
24223
24230
  }
24224
24231
 
24225
- /* endregion */.v-textarea .v-field {
24226
- --v-textarea-control-height: var(--v-input-control-height);
24232
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24233
+ border-top-left-radius: 0;
24227
24234
  }
24228
- .v-textarea .v-field__field {
24229
- --v-input-control-height: var(--v-textarea-control-height);
24235
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24236
+ border-top-right-radius: 0;
24230
24237
  }
24231
- .v-textarea .v-field__input {
24232
- flex: 1 1 auto;
24233
- outline: none;
24234
- -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));
24235
- 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));
24238
+
24239
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24240
+ border-bottom-left-radius: 0;
24236
24241
  }
24237
- .v-textarea .v-field__input.v-textarea__sizer {
24238
- visibility: hidden;
24239
- position: absolute;
24240
- top: 0;
24241
- left: 0;
24242
- height: 0 !important;
24243
- min-height: 0 !important;
24244
- pointer-events: none;
24242
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24243
+ border-bottom-right-radius: 0;
24245
24244
  }
24246
- .v-textarea--no-resize .v-field__input {
24247
- resize: none;
24245
+
24246
+ .v-table--fixed-height > .v-table__wrapper {
24247
+ overflow-y: auto;
24248
24248
  }
24249
- .v-textarea .v-field--no-label textarea,
24250
- .v-textarea .v-field--active textarea {
24251
- opacity: 1;
24249
+
24250
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24251
+ position: sticky;
24252
+ top: 0;
24253
+ z-index: 2;
24252
24254
  }
24253
- .v-textarea textarea {
24254
- opacity: 0;
24255
- flex: 1;
24256
- min-width: 0;
24257
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24255
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24256
+ border-bottom: 0px !important;
24258
24257
  }
24259
- .v-textarea textarea:focus, .v-textarea textarea:active {
24260
- outline: none;
24258
+
24259
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24260
+ position: sticky;
24261
+ bottom: 0;
24262
+ z-index: 1;
24261
24263
  }
24262
- .v-textarea textarea:invalid {
24263
- box-shadow: none;
24264
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24265
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24266
+ border-top: 0px !important;
24264
24267
  }.v-theme-provider {
24265
24268
  background: rgb(var(--v-theme-background));
24266
24269
  color: rgb(var(--v-theme-on-background));
24267
24270
  }.v-timeline .v-timeline-divider__dot {
24268
- background: rgb(var(--v-theme-on-surface-variant));
24271
+ background: rgb(var(--v-theme-surface-light));
24269
24272
  }
24270
24273
  .v-timeline .v-timeline-divider__inner-dot {
24271
24274
  background: rgb(var(--v-theme-on-surface));
@@ -24697,8 +24700,8 @@ html.v-overlay-scroll-blocked {
24697
24700
  border-width: 0;
24698
24701
  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));
24699
24702
  border-radius: 0;
24700
- background: rgb(var(--v-theme-on-surface-variant));
24701
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24703
+ background: rgb(var(--v-theme-surface-light));
24704
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24702
24705
  }
24703
24706
  .v-toolbar--border {
24704
24707
  border-width: thin;
@@ -24828,6 +24831,15 @@ html.v-overlay-scroll-blocked {
24828
24831
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24829
24832
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24830
24833
  transition-duration: 75ms;
24834
+ }.v-virtual-scroll {
24835
+ display: block;
24836
+ flex: 1 1 auto;
24837
+ max-width: 100%;
24838
+ overflow: auto;
24839
+ position: relative;
24840
+ }
24841
+ .v-virtual-scroll__container {
24842
+ display: block;
24831
24843
  }.v-window {
24832
24844
  overflow: hidden;
24833
24845
  }
@@ -24897,15 +24909,91 @@ html.v-overlay-scroll-blocked {
24897
24909
  }
24898
24910
  .v-window-y-reverse-transition-leave-to {
24899
24911
  transform: translateY(100%);
24900
- }.v-virtual-scroll {
24901
- display: block;
24902
- flex: 1 1 auto;
24903
- max-width: 100%;
24904
- overflow: auto;
24912
+ }.v-color-picker-edit {
24913
+ display: flex;
24914
+ margin-top: 24px;
24915
+ }
24916
+
24917
+ .v-color-picker-edit__input {
24918
+ width: 100%;
24919
+ display: flex;
24920
+ flex-wrap: wrap;
24921
+ justify-content: center;
24922
+ text-align: center;
24923
+ }
24924
+ .v-color-picker-edit__input:not(:last-child) {
24925
+ margin-inline-end: 8px;
24926
+ }
24927
+ .v-color-picker-edit__input input {
24928
+ border-radius: 4px;
24929
+ margin-bottom: 8px;
24930
+ min-width: 0;
24931
+ outline: none;
24932
+ text-align: center;
24933
+ width: 100%;
24934
+ height: 32px;
24935
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24936
+ color: rgba(var(--v-theme-on-surface));
24937
+ }
24938
+ .v-color-picker-edit__input span {
24939
+ font-size: 0.75rem;
24940
+ }.v-color-picker-swatches {
24941
+ overflow-y: auto;
24942
+ }
24943
+ .v-color-picker-swatches > div {
24944
+ display: flex;
24945
+ flex-wrap: wrap;
24946
+ justify-content: center;
24947
+ padding: 8px;
24948
+ }
24949
+
24950
+ .v-color-picker-swatches__swatch {
24951
+ display: flex;
24952
+ flex-direction: column;
24953
+ margin-bottom: 10px;
24954
+ }
24955
+
24956
+ .v-color-picker-swatches__color {
24905
24957
  position: relative;
24958
+ height: 18px;
24959
+ max-height: 18px;
24960
+ width: 45px;
24961
+ margin: 2px 4px;
24962
+ border-radius: 2px;
24963
+ -webkit-user-select: none;
24964
+ user-select: none;
24965
+ overflow: hidden;
24966
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24967
+ cursor: pointer;
24906
24968
  }
24907
- .v-virtual-scroll__container {
24908
- display: block;
24969
+ .v-color-picker-swatches__color > div {
24970
+ display: flex;
24971
+ align-items: center;
24972
+ justify-content: center;
24973
+ width: 100%;
24974
+ height: 100%;
24975
+ }.v-color-picker-canvas {
24976
+ display: flex;
24977
+ position: relative;
24978
+ overflow: hidden;
24979
+ contain: content;
24980
+ touch-action: none;
24981
+ }
24982
+ .v-color-picker-canvas__dot {
24983
+ position: absolute;
24984
+ top: 0;
24985
+ left: 0;
24986
+ width: 15px;
24987
+ height: 15px;
24988
+ background: transparent;
24989
+ border-radius: 50%;
24990
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24991
+ }
24992
+ .v-color-picker-canvas__dot--disabled {
24993
+ 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);
24994
+ }
24995
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24996
+ will-change: transform;
24909
24997
  }.v-color-picker-preview__alpha .v-slider-track__background {
24910
24998
  background-color: transparent !important;
24911
24999
  }
@@ -24975,91 +25063,6 @@ html.v-overlay-scroll-blocked {
24975
25063
  .v-color-picker-preview__eye-dropper {
24976
25064
  position: relative;
24977
25065
  margin-right: 12px;
24978
- }.v-color-picker-canvas {
24979
- display: flex;
24980
- position: relative;
24981
- overflow: hidden;
24982
- contain: content;
24983
- touch-action: none;
24984
- }
24985
- .v-color-picker-canvas__dot {
24986
- position: absolute;
24987
- top: 0;
24988
- left: 0;
24989
- width: 15px;
24990
- height: 15px;
24991
- background: transparent;
24992
- border-radius: 50%;
24993
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24994
- }
24995
- .v-color-picker-canvas__dot--disabled {
24996
- 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);
24997
- }
24998
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24999
- will-change: transform;
25000
- }.v-color-picker-edit {
25001
- display: flex;
25002
- margin-top: 24px;
25003
- }
25004
-
25005
- .v-color-picker-edit__input {
25006
- width: 100%;
25007
- display: flex;
25008
- flex-wrap: wrap;
25009
- justify-content: center;
25010
- text-align: center;
25011
- }
25012
- .v-color-picker-edit__input:not(:last-child) {
25013
- margin-inline-end: 8px;
25014
- }
25015
- .v-color-picker-edit__input input {
25016
- border-radius: 4px;
25017
- margin-bottom: 8px;
25018
- min-width: 0;
25019
- outline: none;
25020
- text-align: center;
25021
- width: 100%;
25022
- height: 32px;
25023
- background: rgba(var(--v-theme-surface-variant), 0.2);
25024
- color: rgba(var(--v-theme-on-surface));
25025
- }
25026
- .v-color-picker-edit__input span {
25027
- font-size: 0.75rem;
25028
- }.v-color-picker-swatches {
25029
- overflow-y: auto;
25030
- }
25031
- .v-color-picker-swatches > div {
25032
- display: flex;
25033
- flex-wrap: wrap;
25034
- justify-content: center;
25035
- padding: 8px;
25036
- }
25037
-
25038
- .v-color-picker-swatches__swatch {
25039
- display: flex;
25040
- flex-direction: column;
25041
- margin-bottom: 10px;
25042
- }
25043
-
25044
- .v-color-picker-swatches__color {
25045
- position: relative;
25046
- height: 18px;
25047
- max-height: 18px;
25048
- width: 45px;
25049
- margin: 2px 4px;
25050
- border-radius: 2px;
25051
- -webkit-user-select: none;
25052
- user-select: none;
25053
- overflow: hidden;
25054
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25055
- cursor: pointer;
25056
- }
25057
- .v-color-picker-swatches__color > div {
25058
- display: flex;
25059
- align-items: center;
25060
- justify-content: center;
25061
- width: 100%;
25062
- height: 100%;
25063
25066
  }.v-slider-thumb {
25064
25067
  touch-action: none;
25065
25068
  color: rgb(var(--v-theme-surface-variant));
@@ -25226,7 +25229,7 @@ html.v-overlay-scroll-blocked {
25226
25229
  background-color: rgb(var(--v-theme-surface-variant));
25227
25230
  }
25228
25231
  .v-slider-track__tick--filled {
25229
- background-color: rgb(var(--v-theme-on-surface-variant));
25232
+ background-color: rgb(var(--v-theme-surface-light));
25230
25233
  }
25231
25234
 
25232
25235
  .v-slider-track {