@vuetify/nightly 3.6.8-master.2024-06-07 → 3.6.9-master.2024-06-12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/dist/json/attributes.json +4 -4
  3. package/dist/json/importMap-labs.json +12 -12
  4. package/dist/json/importMap.json +150 -150
  5. package/dist/json/web-types.json +12 -13
  6. package/dist/vuetify-labs.css +2651 -2651
  7. package/dist/vuetify-labs.d.ts +187 -189
  8. package/dist/vuetify-labs.esm.js +32 -19
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +32 -19
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1049 -1049
  13. package/dist/vuetify.d.ts +233 -241
  14. package/dist/vuetify.esm.js +20 -13
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +20 -13
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +31 -28
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/blueprints/index.d.mts +58 -56
  22. package/lib/blueprints/md1.d.mts +58 -56
  23. package/lib/blueprints/md2.d.mts +58 -56
  24. package/lib/blueprints/md3.d.mts +58 -56
  25. package/lib/components/VFab/VFab.mjs +4 -7
  26. package/lib/components/VFab/VFab.mjs.map +1 -1
  27. package/lib/components/VFab/index.d.mts +46 -49
  28. package/lib/components/VList/VList.mjs +1 -0
  29. package/lib/components/VList/VList.mjs.map +1 -1
  30. package/lib/components/VList/index.d.mts +2 -0
  31. package/lib/components/VMenu/VMenu.mjs +1 -1
  32. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  33. package/lib/components/VOverlay/VOverlay.mjs +4 -3
  34. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  35. package/lib/components/index.d.mts +38 -45
  36. package/lib/composables/goto.mjs.map +1 -1
  37. package/lib/composables/icons.mjs.map +1 -1
  38. package/lib/composables/scroll.mjs +6 -0
  39. package/lib/composables/scroll.mjs.map +1 -1
  40. package/lib/entry-bundler.mjs +1 -1
  41. package/lib/framework.mjs +1 -1
  42. package/lib/index.d.mts +161 -162
  43. package/lib/labs/VStepperVertical/index.d.mts +3 -3
  44. package/lib/labs/VTimePicker/VTimePickerClock.mjs +3 -1
  45. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  46. package/lib/labs/VTimePicker/VTimePickerControls.mjs +7 -2
  47. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  48. package/lib/labs/VTreeview/VTreeview.mjs +3 -4
  49. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  50. package/lib/labs/VTreeview/index.d.mts +6 -0
  51. package/lib/labs/components.d.mts +6 -0
  52. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.8-master.2024-06-07
2
+ * Vuetify v3.6.9-master.2024-06-12
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18732,69 +18732,6 @@ html.overflow-y-hidden {
18732
18732
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
18733
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
18734
  }
18735
- }.v-carousel {
18736
- overflow: hidden;
18737
- position: relative;
18738
- width: 100%;
18739
- }
18740
- .v-carousel__controls {
18741
- align-items: center;
18742
- bottom: 0;
18743
- display: flex;
18744
- height: 50px;
18745
- justify-content: center;
18746
- list-style-type: none;
18747
- position: absolute;
18748
- width: 100%;
18749
- z-index: 1;
18750
- background: rgba(var(--v-theme-surface-variant), 0.3);
18751
- color: rgb(var(--v-theme-on-surface-variant));
18752
- }
18753
- .v-carousel__controls > .v-item-group {
18754
- flex: 0 1 auto;
18755
- }
18756
- .v-carousel__controls__item {
18757
- margin: 0 8px;
18758
- }
18759
- .v-carousel__controls__item .v-icon {
18760
- opacity: 0.5;
18761
- }
18762
- .v-carousel__controls__item--active .v-icon {
18763
- opacity: 1;
18764
- vertical-align: middle;
18765
- }
18766
- .v-carousel__controls__item:hover {
18767
- background: none;
18768
- }
18769
- .v-carousel__controls__item:hover .v-icon {
18770
- opacity: 0.8;
18771
- }
18772
-
18773
- .v-carousel__progress {
18774
- margin: 0;
18775
- position: absolute;
18776
- bottom: 0;
18777
- left: 0;
18778
- right: 0;
18779
- }
18780
-
18781
- .v-carousel-item {
18782
- display: block;
18783
- height: inherit;
18784
- text-decoration: none;
18785
- }
18786
- .v-carousel-item > .v-img {
18787
- height: inherit;
18788
- }
18789
-
18790
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18791
- background: transparent;
18792
- }
18793
-
18794
- .v-carousel--vertical-delimiters .v-carousel__controls {
18795
- flex-direction: column;
18796
- height: 100% !important;
18797
- width: 50px;
18798
18735
  }.v-card {
18799
18736
  display: block;
18800
18737
  overflow: hidden;
@@ -19094,6 +19031,69 @@ html.overflow-y-hidden {
19094
19031
  pointer-events: none;
19095
19032
  opacity: 0;
19096
19033
  transition: opacity 0.2s ease-in-out;
19034
+ }.v-carousel {
19035
+ overflow: hidden;
19036
+ position: relative;
19037
+ width: 100%;
19038
+ }
19039
+ .v-carousel__controls {
19040
+ align-items: center;
19041
+ bottom: 0;
19042
+ display: flex;
19043
+ height: 50px;
19044
+ justify-content: center;
19045
+ list-style-type: none;
19046
+ position: absolute;
19047
+ width: 100%;
19048
+ z-index: 1;
19049
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19050
+ color: rgb(var(--v-theme-on-surface-variant));
19051
+ }
19052
+ .v-carousel__controls > .v-item-group {
19053
+ flex: 0 1 auto;
19054
+ }
19055
+ .v-carousel__controls__item {
19056
+ margin: 0 8px;
19057
+ }
19058
+ .v-carousel__controls__item .v-icon {
19059
+ opacity: 0.5;
19060
+ }
19061
+ .v-carousel__controls__item--active .v-icon {
19062
+ opacity: 1;
19063
+ vertical-align: middle;
19064
+ }
19065
+ .v-carousel__controls__item:hover {
19066
+ background: none;
19067
+ }
19068
+ .v-carousel__controls__item:hover .v-icon {
19069
+ opacity: 0.8;
19070
+ }
19071
+
19072
+ .v-carousel__progress {
19073
+ margin: 0;
19074
+ position: absolute;
19075
+ bottom: 0;
19076
+ left: 0;
19077
+ right: 0;
19078
+ }
19079
+
19080
+ .v-carousel-item {
19081
+ display: block;
19082
+ height: inherit;
19083
+ text-decoration: none;
19084
+ }
19085
+ .v-carousel-item > .v-img {
19086
+ height: inherit;
19087
+ }
19088
+
19089
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19090
+ background: transparent;
19091
+ }
19092
+
19093
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19094
+ flex-direction: column;
19095
+ height: 100% !important;
19096
+ width: 50px;
19097
19097
  }.v-checkbox.v-input {
19098
19098
  flex: 0 1 auto;
19099
19099
  }
@@ -19635,285 +19635,74 @@ html.overflow-y-hidden {
19635
19635
  flex: 0 1 auto;
19636
19636
  font-size: 12px;
19637
19637
  transition-duration: 150ms;
19638
- }.v-date-picker {
19639
- overflow: hidden;
19640
- width: 328px;
19641
- }
19642
- .v-date-picker--show-week {
19643
- width: 368px;
19644
- }.v-date-picker-controls {
19645
- display: flex;
19646
- align-items: center;
19647
- justify-content: space-between;
19648
- font-size: 0.875rem;
19649
- padding-top: 4px;
19650
- padding-bottom: 4px;
19651
- padding-inline-start: 6px;
19652
- padding-inline-end: 12px;
19653
- }
19654
- .v-date-picker-controls > .v-btn:first-child {
19655
- text-transform: none;
19656
- font-weight: 400;
19657
- line-height: initial;
19658
- letter-spacing: initial;
19638
+ }.v-data-table {
19639
+ width: 100%;
19659
19640
  }
19660
- .v-date-picker-controls--variant-classic {
19661
- padding-inline-start: 12px;
19641
+
19642
+ .v-data-table__table {
19643
+ width: 100%;
19644
+ border-collapse: separate;
19645
+ border-spacing: 0;
19662
19646
  }
19663
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19664
- opacity: 0.7;
19647
+
19648
+ .v-data-table__tr--focus {
19649
+ border: 1px dotted black;
19665
19650
  }
19666
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19651
+ .v-data-table__tr--clickable {
19667
19652
  cursor: pointer;
19668
19653
  }
19669
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19670
- opacity: 1;
19671
- }
19672
- .v-date-picker-controls .v-btn:last-child {
19673
- margin-inline-start: 4px;
19674
- }
19675
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19676
- transform: rotate(180deg);
19677
- }
19678
19654
 
19679
- .v-date-picker-controls__date {
19680
- margin-inline-end: 4px;
19655
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19656
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19657
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19658
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19659
+ text-align: end;
19681
19660
  }
19682
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19683
- margin: auto;
19684
- text-align: center;
19661
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19662
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19663
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19664
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19665
+ flex-direction: row-reverse;
19685
19666
  }
19686
-
19687
- .v-date-picker-controls__month {
19688
- display: flex;
19667
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19668
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19669
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19670
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19671
+ text-align: center;
19689
19672
  }
19690
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19691
- flex-direction: row-reverse;
19673
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19674
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19675
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19676
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19677
+ justify-content: center;
19692
19678
  }
19693
-
19694
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19695
- flex: 1 0 auto;
19679
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19680
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19681
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19682
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19683
+ padding: 0 8px;
19696
19684
  }
19697
-
19698
- .v-date-picker__title {
19699
- display: inline-block;
19700
- }.v-date-picker-header {
19701
- align-items: flex-end;
19702
- height: 70px;
19703
- display: grid;
19704
- grid-template-areas: "prepend content append";
19705
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19685
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
19686
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
19687
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
19688
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
19689
+ text-overflow: ellipsis;
19690
+ text-wrap: nowrap;
19706
19691
  overflow: hidden;
19707
- padding-inline: 24px 12px;
19708
- padding-bottom: 12px;
19709
- }
19710
-
19711
- .v-date-picker-header__append {
19712
- grid-area: append;
19713
19692
  }
19714
-
19715
- .v-date-picker-header__prepend {
19716
- grid-area: prepend;
19717
- padding-inline-start: 8px;
19693
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19694
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
19695
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19696
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
19697
+ display: contents;
19718
19698
  }
19719
-
19720
- .v-date-picker-header__content {
19699
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
19700
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
19721
19701
  align-items: center;
19722
- display: inline-flex;
19723
- font-size: 32px;
19724
- line-height: 40px;
19725
- grid-area: content;
19726
- justify-content: space-between;
19727
19702
  }
19728
- .v-date-picker-header--clickable .v-date-picker-header__content {
19729
- cursor: pointer;
19730
- }
19731
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19732
- opacity: 0.7;
19733
- }
19734
-
19735
- .date-picker-header-transition-enter-active,
19736
- .date-picker-header-reverse-transition-enter-active {
19737
- transition-duration: 0.3s;
19738
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19739
- }
19740
- .date-picker-header-transition-leave-active,
19741
- .date-picker-header-reverse-transition-leave-active {
19742
- transition-duration: 0.3s;
19743
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19744
- }
19745
-
19746
- .date-picker-header-transition-enter-from {
19747
- transform: translate(0, 100%);
19748
- }
19749
- .date-picker-header-transition-leave-to {
19750
- opacity: 0;
19751
- transform: translate(0, -100%);
19752
- }
19753
-
19754
- .date-picker-header-reverse-transition-enter-from {
19755
- transform: translate(0, -100%);
19756
- }
19757
- .date-picker-header-reverse-transition-leave-to {
19758
- opacity: 0;
19759
- transform: translate(0, 100%);
19760
- }.v-date-picker-month {
19761
- display: flex;
19762
- justify-content: center;
19763
- padding: 0 12px 8px;
19764
- --v-date-picker-month-day-diff: 4px;
19765
- }
19766
-
19767
- .v-date-picker-month__weeks {
19768
- display: grid;
19769
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19770
- column-gap: 4px;
19771
- font-size: 0.85rem;
19772
- }
19773
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19774
- grid-row-gap: 0;
19775
- }
19776
-
19777
- .v-date-picker-month__weekday {
19778
- font-size: 0.85rem;
19779
- }
19780
-
19781
- .v-date-picker-month__days {
19782
- display: grid;
19783
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19784
- column-gap: 4px;
19785
- flex: 1 1;
19786
- justify-content: space-around;
19787
- }
19788
-
19789
- .v-date-picker-month__day {
19790
- align-items: center;
19791
- display: flex;
19792
- justify-content: center;
19793
- position: relative;
19794
- height: 40px;
19795
- width: 40px;
19796
- }
19797
- .v-date-picker-month__day--selected .v-btn {
19798
- background-color: rgb(var(--v-theme-surface-variant));
19799
- color: rgb(var(--v-theme-on-surface-variant));
19800
- }
19801
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19802
- --v-btn-height: 24px;
19803
- --v-btn-size: 0.85rem;
19804
- }
19805
- .v-date-picker-month__day--week {
19806
- font-size: var(--v-btn-size);
19807
- }
19808
-
19809
- .v-date-picker-month__day--adjacent {
19810
- opacity: 0.5;
19811
- }
19812
-
19813
- .v-date-picker-month__day--hide-adjacent {
19814
- opacity: 0;
19815
- }.v-date-picker-months {
19816
- height: 288px;
19817
- }
19818
-
19819
- .v-date-picker-months__content {
19820
- align-items: center;
19821
- display: grid;
19822
- flex: 1 1;
19823
- height: inherit;
19824
- justify-content: space-around;
19825
- grid-template-columns: repeat(2, 1fr);
19826
- grid-gap: 0px 24px;
19827
- padding-inline-start: 36px;
19828
- padding-inline-end: 36px;
19829
- }
19830
- .v-date-picker-months__content .v-btn {
19831
- text-transform: none;
19832
- padding-inline-start: 8px;
19833
- padding-inline-end: 8px;
19834
- }.v-date-picker-years {
19835
- height: 288px;
19836
- overflow-y: scroll;
19837
- }
19838
-
19839
- .v-date-picker-years__content {
19840
- display: grid;
19841
- flex: 1 1;
19842
- justify-content: space-around;
19843
- grid-template-columns: repeat(3, 1fr);
19844
- gap: 8px 24px;
19845
- padding-inline: 32px;
19846
- }
19847
- .v-date-picker-years__content .v-btn {
19848
- padding-inline: 8px;
19849
- }.v-data-table {
19850
- width: 100%;
19851
- }
19852
-
19853
- .v-data-table__table {
19854
- width: 100%;
19855
- border-collapse: separate;
19856
- border-spacing: 0;
19857
- }
19858
-
19859
- .v-data-table__tr--focus {
19860
- border: 1px dotted black;
19861
- }
19862
- .v-data-table__tr--clickable {
19863
- cursor: pointer;
19864
- }
19865
-
19866
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19867
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19868
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19869
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19870
- text-align: end;
19871
- }
19872
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19873
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19874
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19875
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19876
- flex-direction: row-reverse;
19877
- }
19878
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19879
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19880
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19881
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19882
- text-align: center;
19883
- }
19884
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19885
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19886
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19887
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19888
- justify-content: center;
19889
- }
19890
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19891
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19892
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19893
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19894
- padding: 0 8px;
19895
- }
19896
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
19897
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
19898
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
19899
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
19900
- text-overflow: ellipsis;
19901
- text-wrap: nowrap;
19902
- overflow: hidden;
19903
- }
19904
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19905
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
19906
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19907
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
19908
- display: contents;
19909
- }
19910
- .v-data-table .v-table__wrapper > table > thead > tr > th,
19911
- .v-data-table .v-table__wrapper > table tbody > tr > th {
19912
- align-items: center;
19913
- }
19914
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19915
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19916
- position: sticky;
19703
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19704
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19705
+ position: sticky;
19917
19706
  }
19918
19707
  .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19919
19708
  .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
@@ -20064,98 +19853,217 @@ html.overflow-y-hidden {
20064
19853
  }
20065
19854
  .v-data-table-footer__page {
20066
19855
  padding: 0 8px;
20067
- }.v-dialog {
20068
- align-items: center;
20069
- justify-content: center;
20070
- margin: auto;
20071
- }
20072
- .v-dialog > .v-overlay__content {
20073
- max-height: calc(100% - 48px);
20074
- width: calc(100% - 48px);
20075
- max-width: calc(100% - 48px);
20076
- margin: 24px;
19856
+ }.v-date-picker {
19857
+ overflow: hidden;
19858
+ width: 328px;
20077
19859
  }
20078
- .v-dialog > .v-overlay__content,
20079
- .v-dialog > .v-overlay__content > form {
19860
+ .v-date-picker--show-week {
19861
+ width: 368px;
19862
+ }.v-date-picker-controls {
20080
19863
  display: flex;
20081
- flex-direction: column;
20082
- min-height: 0;
19864
+ align-items: center;
19865
+ justify-content: space-between;
19866
+ font-size: 0.875rem;
19867
+ padding-top: 4px;
19868
+ padding-bottom: 4px;
19869
+ padding-inline-start: 6px;
19870
+ padding-inline-end: 12px;
20083
19871
  }
20084
- .v-dialog > .v-overlay__content > .v-card,
20085
- .v-dialog > .v-overlay__content > .v-sheet,
20086
- .v-dialog > .v-overlay__content > form > .v-card,
20087
- .v-dialog > .v-overlay__content > form > .v-sheet {
20088
- --v-scrollbar-offset: 0px;
20089
- border-radius: 4px;
20090
- overflow-y: auto;
20091
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19872
+ .v-date-picker-controls > .v-btn:first-child {
19873
+ text-transform: none;
19874
+ font-weight: 400;
19875
+ line-height: initial;
19876
+ letter-spacing: initial;
20092
19877
  }
20093
- .v-dialog > .v-overlay__content > .v-card,
20094
- .v-dialog > .v-overlay__content > form > .v-card {
20095
- display: flex;
20096
- flex-direction: column;
19878
+ .v-date-picker-controls--variant-classic {
19879
+ padding-inline-start: 12px;
20097
19880
  }
20098
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20099
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20100
- padding: 16px 24px;
19881
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19882
+ opacity: 0.7;
20101
19883
  }
20102
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20103
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20104
- padding-top: 0;
19884
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19885
+ cursor: pointer;
20105
19886
  }
20106
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20107
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20108
- font-size: inherit;
20109
- letter-spacing: 0.03125em;
20110
- line-height: inherit;
20111
- padding: 16px 24px 24px;
19887
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19888
+ opacity: 1;
20112
19889
  }
20113
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20114
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20115
- justify-content: flex-end;
19890
+ .v-date-picker-controls .v-btn:last-child {
19891
+ margin-inline-start: 4px;
20116
19892
  }
20117
-
20118
- .v-dialog--fullscreen {
20119
- --v-scrollbar-offset: 0px;
19893
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19894
+ transform: rotate(180deg);
20120
19895
  }
20121
- .v-dialog--fullscreen > .v-overlay__content {
20122
- border-radius: 0;
20123
- margin: 0;
20124
- padding: 0;
20125
- width: 100%;
20126
- height: 100%;
20127
- max-width: 100%;
20128
- max-height: 100%;
20129
- overflow-y: auto;
20130
- top: 0;
20131
- left: 0;
19896
+
19897
+ .v-date-picker-controls__date {
19898
+ margin-inline-end: 4px;
20132
19899
  }
20133
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20134
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20135
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20136
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20137
- min-height: 100%;
20138
- min-width: 100%;
20139
- border-radius: 0;
19900
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19901
+ margin: auto;
19902
+ text-align: center;
20140
19903
  }
20141
19904
 
20142
- .v-dialog--scrollable > .v-overlay__content,
20143
- .v-dialog--scrollable > .v-overlay__content > form {
19905
+ .v-date-picker-controls__month {
20144
19906
  display: flex;
20145
19907
  }
20146
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20147
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
19908
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19909
+ flex-direction: row-reverse;
19910
+ }
19911
+
19912
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19913
+ flex: 1 0 auto;
19914
+ }
19915
+
19916
+ .v-date-picker__title {
19917
+ display: inline-block;
19918
+ }.v-date-picker-header {
19919
+ align-items: flex-end;
19920
+ height: 70px;
19921
+ display: grid;
19922
+ grid-template-areas: "prepend content append";
19923
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19924
+ overflow: hidden;
19925
+ padding-inline: 24px 12px;
19926
+ padding-bottom: 12px;
19927
+ }
19928
+
19929
+ .v-date-picker-header__append {
19930
+ grid-area: append;
19931
+ }
19932
+
19933
+ .v-date-picker-header__prepend {
19934
+ grid-area: prepend;
19935
+ padding-inline-start: 8px;
19936
+ }
19937
+
19938
+ .v-date-picker-header__content {
19939
+ align-items: center;
19940
+ display: inline-flex;
19941
+ font-size: 32px;
19942
+ line-height: 40px;
19943
+ grid-area: content;
19944
+ justify-content: space-between;
19945
+ }
19946
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19947
+ cursor: pointer;
19948
+ }
19949
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19950
+ opacity: 0.7;
19951
+ }
19952
+
19953
+ .date-picker-header-transition-enter-active,
19954
+ .date-picker-header-reverse-transition-enter-active {
19955
+ transition-duration: 0.3s;
19956
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19957
+ }
19958
+ .date-picker-header-transition-leave-active,
19959
+ .date-picker-header-reverse-transition-leave-active {
19960
+ transition-duration: 0.3s;
19961
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19962
+ }
19963
+
19964
+ .date-picker-header-transition-enter-from {
19965
+ transform: translate(0, 100%);
19966
+ }
19967
+ .date-picker-header-transition-leave-to {
19968
+ opacity: 0;
19969
+ transform: translate(0, -100%);
19970
+ }
19971
+
19972
+ .date-picker-header-reverse-transition-enter-from {
19973
+ transform: translate(0, -100%);
19974
+ }
19975
+ .date-picker-header-reverse-transition-leave-to {
19976
+ opacity: 0;
19977
+ transform: translate(0, 100%);
19978
+ }.v-date-picker-months {
19979
+ height: 288px;
19980
+ }
19981
+
19982
+ .v-date-picker-months__content {
19983
+ align-items: center;
19984
+ display: grid;
19985
+ flex: 1 1;
19986
+ height: inherit;
19987
+ justify-content: space-around;
19988
+ grid-template-columns: repeat(2, 1fr);
19989
+ grid-gap: 0px 24px;
19990
+ padding-inline-start: 36px;
19991
+ padding-inline-end: 36px;
19992
+ }
19993
+ .v-date-picker-months__content .v-btn {
19994
+ text-transform: none;
19995
+ padding-inline-start: 8px;
19996
+ padding-inline-end: 8px;
19997
+ }.v-date-picker-month {
20148
19998
  display: flex;
20149
- flex: 1 1 100%;
20150
- flex-direction: column;
20151
- max-height: 100%;
20152
- max-width: 100%;
19999
+ justify-content: center;
20000
+ padding: 0 12px 8px;
20001
+ --v-date-picker-month-day-diff: 4px;
20153
20002
  }
20154
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20155
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20156
- -webkit-backface-visibility: hidden;
20157
- backface-visibility: hidden;
20158
- overflow-y: auto;
20003
+
20004
+ .v-date-picker-month__weeks {
20005
+ display: grid;
20006
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20007
+ column-gap: 4px;
20008
+ font-size: 0.85rem;
20009
+ }
20010
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20011
+ grid-row-gap: 0;
20012
+ }
20013
+
20014
+ .v-date-picker-month__weekday {
20015
+ font-size: 0.85rem;
20016
+ }
20017
+
20018
+ .v-date-picker-month__days {
20019
+ display: grid;
20020
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20021
+ column-gap: 4px;
20022
+ flex: 1 1;
20023
+ justify-content: space-around;
20024
+ }
20025
+
20026
+ .v-date-picker-month__day {
20027
+ align-items: center;
20028
+ display: flex;
20029
+ justify-content: center;
20030
+ position: relative;
20031
+ height: 40px;
20032
+ width: 40px;
20033
+ }
20034
+ .v-date-picker-month__day--selected .v-btn {
20035
+ background-color: rgb(var(--v-theme-surface-variant));
20036
+ color: rgb(var(--v-theme-on-surface-variant));
20037
+ }
20038
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20039
+ --v-btn-height: 24px;
20040
+ --v-btn-size: 0.85rem;
20041
+ }
20042
+ .v-date-picker-month__day--week {
20043
+ font-size: var(--v-btn-size);
20044
+ }
20045
+
20046
+ .v-date-picker-month__day--adjacent {
20047
+ opacity: 0.5;
20048
+ }
20049
+
20050
+ .v-date-picker-month__day--hide-adjacent {
20051
+ opacity: 0;
20052
+ }.v-date-picker-years {
20053
+ height: 288px;
20054
+ overflow-y: scroll;
20055
+ }
20056
+
20057
+ .v-date-picker-years__content {
20058
+ display: grid;
20059
+ flex: 1 1;
20060
+ justify-content: space-around;
20061
+ grid-template-columns: repeat(3, 1fr);
20062
+ gap: 8px 24px;
20063
+ padding-inline: 32px;
20064
+ }
20065
+ .v-date-picker-years__content .v-btn {
20066
+ padding-inline: 8px;
20159
20067
  }.v-divider {
20160
20068
  display: block;
20161
20069
  flex: 1 1 100%;
@@ -20206,41 +20114,200 @@ html.overflow-y-hidden {
20206
20114
  }
20207
20115
  .v-divider__wrapper--vertical .v-divider {
20208
20116
  margin: 0 auto;
20209
- }.v-expansion-panel {
20210
- background-color: rgb(var(--v-theme-surface));
20211
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20117
+ }.v-dialog {
20118
+ align-items: center;
20119
+ justify-content: center;
20120
+ margin: auto;
20212
20121
  }
20213
- .v-expansion-panel:not(:first-child)::after {
20214
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20122
+ .v-dialog > .v-overlay__content {
20123
+ max-height: calc(100% - 48px);
20124
+ width: calc(100% - 48px);
20125
+ max-width: calc(100% - 48px);
20126
+ margin: 24px;
20215
20127
  }
20216
- .v-expansion-panel--disabled .v-expansion-panel-title {
20217
- color: rgba(var(--v-theme-on-surface), 0.26);
20128
+ .v-dialog > .v-overlay__content,
20129
+ .v-dialog > .v-overlay__content > form {
20130
+ display: flex;
20131
+ flex-direction: column;
20132
+ min-height: 0;
20218
20133
  }
20219
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20220
- opacity: 0.4615384615;
20134
+ .v-dialog > .v-overlay__content > .v-card,
20135
+ .v-dialog > .v-overlay__content > .v-sheet,
20136
+ .v-dialog > .v-overlay__content > form > .v-card,
20137
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20138
+ --v-scrollbar-offset: 0px;
20139
+ border-radius: 4px;
20140
+ overflow-y: auto;
20141
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20221
20142
  }
20222
-
20223
- .v-expansion-panels {
20143
+ .v-dialog > .v-overlay__content > .v-card,
20144
+ .v-dialog > .v-overlay__content > form > .v-card {
20224
20145
  display: flex;
20225
- flex-wrap: wrap;
20226
- justify-content: center;
20227
- list-style-type: none;
20228
- padding: 0;
20229
- width: 100%;
20230
- position: relative;
20231
- z-index: 1;
20146
+ flex-direction: column;
20232
20147
  }
20233
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20234
- border-bottom-left-radius: 0 !important;
20235
- border-bottom-right-radius: 0 !important;
20148
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20149
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20150
+ padding: 16px 24px;
20236
20151
  }
20237
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20238
- border-top-left-radius: 0 !important;
20239
- border-top-right-radius: 0 !important;
20152
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20153
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20154
+ padding-top: 0;
20240
20155
  }
20241
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20242
- border-bottom-left-radius: 0 !important;
20243
- border-bottom-right-radius: 0 !important;
20156
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20157
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20158
+ font-size: inherit;
20159
+ letter-spacing: 0.03125em;
20160
+ line-height: inherit;
20161
+ padding: 16px 24px 24px;
20162
+ }
20163
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20164
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20165
+ justify-content: flex-end;
20166
+ }
20167
+
20168
+ .v-dialog--fullscreen {
20169
+ --v-scrollbar-offset: 0px;
20170
+ }
20171
+ .v-dialog--fullscreen > .v-overlay__content {
20172
+ border-radius: 0;
20173
+ margin: 0;
20174
+ padding: 0;
20175
+ width: 100%;
20176
+ height: 100%;
20177
+ max-width: 100%;
20178
+ max-height: 100%;
20179
+ overflow-y: auto;
20180
+ top: 0;
20181
+ left: 0;
20182
+ }
20183
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20184
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20185
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20186
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20187
+ min-height: 100%;
20188
+ min-width: 100%;
20189
+ border-radius: 0;
20190
+ }
20191
+
20192
+ .v-dialog--scrollable > .v-overlay__content,
20193
+ .v-dialog--scrollable > .v-overlay__content > form {
20194
+ display: flex;
20195
+ }
20196
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20197
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20198
+ display: flex;
20199
+ flex: 1 1 100%;
20200
+ flex-direction: column;
20201
+ max-height: 100%;
20202
+ max-width: 100%;
20203
+ }
20204
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20205
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20206
+ -webkit-backface-visibility: hidden;
20207
+ backface-visibility: hidden;
20208
+ overflow-y: auto;
20209
+ }.v-empty-state {
20210
+ align-items: center;
20211
+ display: flex;
20212
+ flex-direction: column;
20213
+ justify-content: center;
20214
+ min-height: 100%;
20215
+ padding: 16px;
20216
+ }
20217
+ .v-empty-state--start {
20218
+ align-items: flex-start;
20219
+ }
20220
+ .v-empty-state--center {
20221
+ align-items: center;
20222
+ }
20223
+ .v-empty-state--end {
20224
+ align-items: flex-end;
20225
+ }
20226
+
20227
+ .v-empty-state__media {
20228
+ text-align: center;
20229
+ width: 100%;
20230
+ }
20231
+ .v-empty-state__media .v-icon {
20232
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
+ }
20234
+
20235
+ .v-empty-state__headline {
20236
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20237
+ font-size: 3.75rem;
20238
+ font-weight: 300;
20239
+ line-height: 1;
20240
+ text-align: center;
20241
+ margin-bottom: 8px;
20242
+ }
20243
+ .v-empty-state--mobile .v-empty-state__headline {
20244
+ font-size: 2.125rem;
20245
+ }
20246
+
20247
+ .v-empty-state__title {
20248
+ font-size: 1.25rem;
20249
+ font-weight: 500;
20250
+ line-height: 1.6;
20251
+ margin-bottom: 4px;
20252
+ text-align: center;
20253
+ }
20254
+
20255
+ .v-empty-state__text {
20256
+ font-size: 0.875rem;
20257
+ font-weight: 400;
20258
+ line-height: 1.425;
20259
+ padding: 0 16px;
20260
+ text-align: center;
20261
+ }
20262
+
20263
+ .v-empty-state__content {
20264
+ padding: 24px 0;
20265
+ }
20266
+
20267
+ .v-empty-state__actions {
20268
+ display: flex;
20269
+ gap: 8px;
20270
+ padding: 16px;
20271
+ }
20272
+
20273
+ .v-empty-state__action-btn.v-btn {
20274
+ background-color: initial;
20275
+ color: initial;
20276
+ }.v-expansion-panel {
20277
+ background-color: rgb(var(--v-theme-surface));
20278
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20279
+ }
20280
+ .v-expansion-panel:not(:first-child)::after {
20281
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20282
+ }
20283
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20284
+ color: rgba(var(--v-theme-on-surface), 0.26);
20285
+ }
20286
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20287
+ opacity: 0.4615384615;
20288
+ }
20289
+
20290
+ .v-expansion-panels {
20291
+ display: flex;
20292
+ flex-wrap: wrap;
20293
+ justify-content: center;
20294
+ list-style-type: none;
20295
+ padding: 0;
20296
+ width: 100%;
20297
+ position: relative;
20298
+ z-index: 1;
20299
+ }
20300
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20301
+ border-bottom-left-radius: 0 !important;
20302
+ border-bottom-right-radius: 0 !important;
20303
+ }
20304
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20305
+ border-top-left-radius: 0 !important;
20306
+ border-top-right-radius: 0 !important;
20307
+ }
20308
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20309
+ border-bottom-left-radius: 0 !important;
20310
+ border-bottom-right-radius: 0 !important;
20244
20311
  }
20245
20312
  .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20246
20313
  border-top-left-radius: 0 !important;
@@ -20416,73 +20483,35 @@ html.overflow-y-hidden {
20416
20483
  }
20417
20484
  .v-expansion-panels--tile > .v-expansion-panel {
20418
20485
  border-radius: 0;
20419
- }.v-empty-state {
20420
- align-items: center;
20421
- display: flex;
20422
- flex-direction: column;
20423
- justify-content: center;
20424
- min-height: 100%;
20425
- padding: 16px;
20426
- }
20427
- .v-empty-state--start {
20428
- align-items: flex-start;
20486
+ }.v-file-input--hide.v-input .v-field,
20487
+ .v-file-input--hide.v-input .v-input__control,
20488
+ .v-file-input--hide.v-input .v-input__details {
20489
+ display: none;
20429
20490
  }
20430
- .v-empty-state--center {
20431
- align-items: center;
20491
+ .v-file-input--hide.v-input .v-input__prepend {
20492
+ grid-area: control;
20493
+ margin: 0 auto;
20432
20494
  }
20433
- .v-empty-state--end {
20434
- align-items: flex-end;
20495
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20496
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20497
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20498
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20499
+ top: 0px;
20435
20500
  }
20436
-
20437
- .v-empty-state__media {
20438
- text-align: center;
20501
+ .v-file-input input[type=file] {
20502
+ height: 100%;
20503
+ left: 0;
20504
+ opacity: 0;
20505
+ position: absolute;
20506
+ top: 0;
20439
20507
  width: 100%;
20508
+ z-index: 1;
20440
20509
  }
20441
- .v-empty-state__media .v-icon {
20442
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20443
- }
20444
-
20445
- .v-empty-state__headline {
20446
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20447
- font-size: 3.75rem;
20448
- font-weight: 300;
20449
- line-height: 1;
20450
- text-align: center;
20451
- margin-bottom: 8px;
20452
- }
20453
- .v-empty-state--mobile .v-empty-state__headline {
20454
- font-size: 2.125rem;
20455
- }
20456
-
20457
- .v-empty-state__title {
20458
- font-size: 1.25rem;
20459
- font-weight: 500;
20460
- line-height: 1.6;
20461
- margin-bottom: 4px;
20462
- text-align: center;
20463
- }
20464
-
20465
- .v-empty-state__text {
20466
- font-size: 0.875rem;
20467
- font-weight: 400;
20468
- line-height: 1.425;
20469
- padding: 0 16px;
20470
- text-align: center;
20471
- }
20472
-
20473
- .v-empty-state__content {
20474
- padding: 24px 0;
20475
- }
20476
-
20477
- .v-empty-state__actions {
20478
- display: flex;
20479
- gap: 8px;
20480
- padding: 16px;
20510
+ .v-file-input .v-input__details {
20511
+ padding-inline: 16px;
20481
20512
  }
20482
-
20483
- .v-empty-state__action-btn.v-btn {
20484
- background-color: initial;
20485
- color: initial;
20513
+ .v-input--plain-underlined.v-file-input .v-input__details {
20514
+ padding-inline: 0;
20486
20515
  }.v-fab {
20487
20516
  align-items: center;
20488
20517
  display: inline-flex;
@@ -20552,35 +20581,6 @@ html.overflow-y-hidden {
20552
20581
  }
20553
20582
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20554
20583
  right: 0;
20555
- }.v-file-input--hide.v-input .v-field,
20556
- .v-file-input--hide.v-input .v-input__control,
20557
- .v-file-input--hide.v-input .v-input__details {
20558
- display: none;
20559
- }
20560
- .v-file-input--hide.v-input .v-input__prepend {
20561
- grid-area: control;
20562
- margin: 0 auto;
20563
- }
20564
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20565
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20566
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20567
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20568
- top: 0px;
20569
- }
20570
- .v-file-input input[type=file] {
20571
- height: 100%;
20572
- left: 0;
20573
- opacity: 0;
20574
- position: absolute;
20575
- top: 0;
20576
- width: 100%;
20577
- z-index: 1;
20578
- }
20579
- .v-file-input .v-input__details {
20580
- padding-inline: 16px;
20581
- }
20582
- .v-input--plain-underlined.v-file-input .v-input__details {
20583
- padding-inline: 0;
20584
20584
  }/* region INPUT */
20585
20585
  .v-field {
20586
20586
  --v-theme-overlay-multiplier: 1;
@@ -21941,31 +21941,6 @@ textarea.v-field__input::placeholder {
21941
21941
 
21942
21942
  .v-img__gradient {
21943
21943
  background-repeat: no-repeat;
21944
- }.v-infinite-scroll--horizontal {
21945
- display: flex;
21946
- flex-direction: row;
21947
- overflow-x: auto;
21948
- }
21949
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
- height: 100%;
21951
- width: 1px;
21952
- }
21953
-
21954
- .v-infinite-scroll--vertical {
21955
- display: flex;
21956
- flex-direction: column;
21957
- overflow-y: auto;
21958
- }
21959
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
- height: 1px;
21961
- width: 100%;
21962
- }
21963
-
21964
- .v-infinite-scroll__side {
21965
- align-items: center;
21966
- display: flex;
21967
- justify-content: center;
21968
- padding: 8px;
21969
21944
  }.v-input {
21970
21945
  display: grid;
21971
21946
  flex: 1 1 auto;
@@ -22108,6 +22083,31 @@ textarea.v-field__input::placeholder {
22108
22083
 
22109
22084
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
22085
  padding-top: calc(var(--v-input-padding-top) + 0px);
22086
+ }.v-infinite-scroll--horizontal {
22087
+ display: flex;
22088
+ flex-direction: row;
22089
+ overflow-x: auto;
22090
+ }
22091
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
+ height: 100%;
22093
+ width: 1px;
22094
+ }
22095
+
22096
+ .v-infinite-scroll--vertical {
22097
+ display: flex;
22098
+ flex-direction: column;
22099
+ overflow-y: auto;
22100
+ }
22101
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
+ height: 1px;
22103
+ width: 100%;
22104
+ }
22105
+
22106
+ .v-infinite-scroll__side {
22107
+ align-items: center;
22108
+ display: flex;
22109
+ justify-content: center;
22110
+ padding: 8px;
22111
22111
  }.v-item-group {
22112
22112
  flex: 0 1 auto;
22113
22113
  max-width: 100%;
@@ -22128,13 +22128,6 @@ textarea.v-field__input::placeholder {
22128
22128
 
22129
22129
  .v-label--clickable {
22130
22130
  cursor: pointer;
22131
- }.v-layout-item {
22132
- position: absolute;
22133
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22134
- }
22135
-
22136
- .v-layout-item--absolute {
22137
- position: absolute;
22138
22131
  }.v-layout {
22139
22132
  --v-scrollbar-offset: 0px;
22140
22133
  display: flex;
@@ -22143,6 +22136,13 @@ textarea.v-field__input::placeholder {
22143
22136
  .v-layout--full-height {
22144
22137
  --v-scrollbar-offset: inherit;
22145
22138
  height: 100%;
22139
+ }.v-layout-item {
22140
+ position: absolute;
22141
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22142
+ }
22143
+
22144
+ .v-layout-item--absolute {
22145
+ position: absolute;
22146
22146
  }.v-list {
22147
22147
  overflow: auto;
22148
22148
  padding: 8px 0;
@@ -23430,6 +23430,32 @@ html.v-overlay-scroll-blocked {
23430
23430
  opacity: 0;
23431
23431
  position: absolute;
23432
23432
  width: 0;
23433
+ }.v-responsive {
23434
+ display: flex;
23435
+ flex: 1 0 auto;
23436
+ max-height: 100%;
23437
+ max-width: 100%;
23438
+ overflow: hidden;
23439
+ position: relative;
23440
+ }
23441
+ .v-responsive--inline {
23442
+ display: inline-flex;
23443
+ flex: 0 0 auto;
23444
+ }
23445
+
23446
+ .v-responsive__content {
23447
+ flex: 1 0 0px;
23448
+ max-width: 100%;
23449
+ }
23450
+
23451
+ .v-responsive__sizer ~ .v-responsive__content {
23452
+ margin-inline-start: -100%;
23453
+ }
23454
+
23455
+ .v-responsive__sizer {
23456
+ flex: 1 0 0px;
23457
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
+ pointer-events: none;
23433
23459
  }.v-select .v-field .v-text-field__prefix,
23434
23460
  .v-select .v-field .v-text-field__suffix,
23435
23461
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23478,32 +23504,6 @@ html.v-overlay-scroll-blocked {
23478
23504
  .v-select--active-menu .v-select__menu-icon {
23479
23505
  opacity: var(--v-high-emphasis-opacity);
23480
23506
  transform: rotate(180deg);
23481
- }.v-responsive {
23482
- display: flex;
23483
- flex: 1 0 auto;
23484
- max-height: 100%;
23485
- max-width: 100%;
23486
- overflow: hidden;
23487
- position: relative;
23488
- }
23489
- .v-responsive--inline {
23490
- display: inline-flex;
23491
- flex: 0 0 auto;
23492
- }
23493
-
23494
- .v-responsive__content {
23495
- flex: 1 0 0px;
23496
- max-width: 100%;
23497
- }
23498
-
23499
- .v-responsive__sizer ~ .v-responsive__content {
23500
- margin-inline-start: -100%;
23501
- }
23502
-
23503
- .v-responsive__sizer {
23504
- flex: 1 0 0px;
23505
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23506
- pointer-events: none;
23507
23507
  }.v-selection-control {
23508
23508
  align-items: center;
23509
23509
  contain: layout;
@@ -24057,6 +24057,47 @@ html.v-overlay-scroll-blocked {
24057
24057
  }
24058
24058
  .v-snackbar-transition-leave-to {
24059
24059
  opacity: 0;
24060
+ }.v-speed-dial__content {
24061
+ gap: 8px;
24062
+ }
24063
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24064
+ flex-direction: row;
24065
+ }
24066
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24067
+ flex-direction: row-reverse;
24068
+ }
24069
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24070
+ flex-direction: column-reverse;
24071
+ }
24072
+ .v-speed-dial__content > *:nth-child(1) {
24073
+ transition-delay: 0s;
24074
+ }
24075
+ .v-speed-dial__content > *:nth-child(2) {
24076
+ transition-delay: 0.05s;
24077
+ }
24078
+ .v-speed-dial__content > *:nth-child(3) {
24079
+ transition-delay: 0.1s;
24080
+ }
24081
+ .v-speed-dial__content > *:nth-child(4) {
24082
+ transition-delay: 0.15s;
24083
+ }
24084
+ .v-speed-dial__content > *:nth-child(5) {
24085
+ transition-delay: 0.2s;
24086
+ }
24087
+ .v-speed-dial__content > *:nth-child(6) {
24088
+ transition-delay: 0.25s;
24089
+ }
24090
+ .v-speed-dial__content > *:nth-child(7) {
24091
+ transition-delay: 0.3s;
24092
+ }
24093
+ .v-speed-dial__content > *:nth-child(8) {
24094
+ transition-delay: 0.35s;
24095
+ }
24096
+ .v-speed-dial__content > *:nth-child(9) {
24097
+ transition-delay: 0.4s;
24098
+ }
24099
+ .v-speed-dial__content > *:nth-child(10) {
24100
+ transition-delay: 0.45s;
24060
24101
  }.v-stepper.v-sheet {
24061
24102
  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));
24062
24103
  border-radius: 4px;
@@ -24223,47 +24264,223 @@ html.v-overlay-scroll-blocked {
24223
24264
  width: 100%;
24224
24265
  height: 100%;
24225
24266
  pointer-events: none;
24226
- }.v-speed-dial__content {
24227
- gap: 8px;
24267
+ }.v-switch .v-label {
24268
+ padding-inline-start: 10px;
24228
24269
  }
24229
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24230
- flex-direction: row;
24270
+
24271
+ .v-switch__loader {
24272
+ display: flex;
24231
24273
  }
24232
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24233
- flex-direction: row-reverse;
24274
+ .v-switch__loader .v-progress-circular {
24275
+ color: rgb(var(--v-theme-surface));
24234
24276
  }
24235
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24236
- flex-direction: column-reverse;
24277
+
24278
+ .v-switch__track,
24279
+ .v-switch__thumb {
24280
+ transition: none;
24237
24281
  }
24238
- .v-speed-dial__content > *:nth-child(1) {
24239
- transition-delay: 0s;
24282
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24283
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24284
+ background-color: rgb(var(--v-theme-error));
24285
+ color: rgb(var(--v-theme-on-error));
24240
24286
  }
24241
- .v-speed-dial__content > *:nth-child(2) {
24242
- transition-delay: 0.05s;
24287
+
24288
+ .v-switch__track-true {
24289
+ margin-inline-end: auto;
24243
24290
  }
24244
- .v-speed-dial__content > *:nth-child(3) {
24245
- transition-delay: 0.1s;
24291
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24292
+ opacity: 0;
24246
24293
  }
24247
- .v-speed-dial__content > *:nth-child(4) {
24248
- transition-delay: 0.15s;
24294
+
24295
+ .v-switch__track-false {
24296
+ margin-inline-start: auto;
24249
24297
  }
24250
- .v-speed-dial__content > *:nth-child(5) {
24251
- transition-delay: 0.2s;
24298
+ .v-selection-control--dirty .v-switch__track-false {
24299
+ opacity: 0;
24252
24300
  }
24253
- .v-speed-dial__content > *:nth-child(6) {
24254
- transition-delay: 0.25s;
24301
+
24302
+ .v-switch__track {
24303
+ display: inline-flex;
24304
+ align-items: center;
24305
+ font-size: 0.5rem;
24306
+ padding: 0 5px;
24307
+ background-color: rgb(var(--v-theme-surface-variant));
24308
+ border-radius: 9999px;
24309
+ height: 14px;
24310
+ opacity: 0.6;
24311
+ min-width: 36px;
24312
+ cursor: pointer;
24313
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24255
24314
  }
24256
- .v-speed-dial__content > *:nth-child(7) {
24257
- transition-delay: 0.3s;
24315
+ .v-switch--inset .v-switch__track {
24316
+ border-radius: 9999px;
24317
+ font-size: 0.75rem;
24318
+ height: 32px;
24319
+ min-width: 52px;
24258
24320
  }
24259
- .v-speed-dial__content > *:nth-child(8) {
24260
- transition-delay: 0.35s;
24321
+
24322
+ .v-switch__thumb {
24323
+ align-items: center;
24324
+ background-color: rgb(var(--v-theme-surface-bright));
24325
+ color: rgb(var(--v-theme-on-surface-bright));
24326
+ border-radius: 50%;
24327
+ display: flex;
24328
+ font-size: 0.75rem;
24329
+ height: 20px;
24330
+ justify-content: center;
24331
+ width: 20px;
24332
+ pointer-events: none;
24333
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24334
+ position: relative;
24335
+ overflow: hidden;
24261
24336
  }
24262
- .v-speed-dial__content > *:nth-child(9) {
24263
- transition-delay: 0.4s;
24337
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24338
+ 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));
24264
24339
  }
24265
- .v-speed-dial__content > *:nth-child(10) {
24266
- transition-delay: 0.45s;
24340
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24341
+ background: rgb(var(--v-theme-surface-variant));
24342
+ color: rgb(var(--v-theme-on-surface-variant));
24343
+ 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));
24344
+ }
24345
+ .v-switch--inset .v-switch__thumb {
24346
+ height: 24px;
24347
+ width: 24px;
24348
+ transform: scale(0.6666666667);
24349
+ }
24350
+ .v-switch--inset .v-switch__thumb--filled {
24351
+ transform: none;
24352
+ }
24353
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24354
+ transform: none;
24355
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24356
+ }
24357
+
24358
+ .v-switch.v-input {
24359
+ flex: 0 1 auto;
24360
+ }
24361
+ .v-switch .v-selection-control {
24362
+ min-height: var(--v-input-control-height);
24363
+ }
24364
+ .v-switch .v-selection-control__input {
24365
+ border-radius: 50%;
24366
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24367
+ position: absolute;
24368
+ }
24369
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24370
+ transform: translateX(-10px);
24371
+ }
24372
+
24373
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24374
+ transform: translateX(10px);
24375
+ }
24376
+
24377
+ .v-switch .v-selection-control__input .v-icon {
24378
+ position: absolute;
24379
+ }
24380
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24381
+ transform: translateX(10px);
24382
+ }
24383
+
24384
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24385
+ transform: translateX(-10px);
24386
+ }
24387
+
24388
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24389
+ transform: scale(0.8);
24390
+ }
24391
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24392
+ transform: scale(0.75);
24393
+ box-shadow: none;
24394
+ }
24395
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24396
+ width: auto;
24397
+ }
24398
+ .v-switch.v-input--vertical .v-label {
24399
+ min-width: max-content;
24400
+ }
24401
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24402
+ transform: rotate(-90deg);
24403
+ }
24404
+
24405
+ @media (forced-colors: active) {
24406
+ .v-switch .v-switch__loader .v-progress-circular {
24407
+ color: currentColor;
24408
+ }
24409
+ .v-switch .v-switch__thumb {
24410
+ background-color: buttontext;
24411
+ }
24412
+ .v-switch .v-switch__track,
24413
+ .v-switch .v-switch__thumb {
24414
+ border: 1px solid;
24415
+ color: buttontext;
24416
+ }
24417
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24418
+ background-color: highlight;
24419
+ }
24420
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24421
+ background-color: highlight;
24422
+ }
24423
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24424
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24425
+ color: highlight;
24426
+ }
24427
+ .v-switch.v-switch--inset .v-switch__track {
24428
+ border-width: 2px;
24429
+ }
24430
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24431
+ background-color: highlighttext;
24432
+ color: highlighttext;
24433
+ }
24434
+ .v-switch.v-input--disabled .v-switch__thumb {
24435
+ background-color: graytext;
24436
+ }
24437
+ .v-switch.v-input--disabled .v-switch__track,
24438
+ .v-switch.v-input--disabled .v-switch__thumb {
24439
+ color: graytext;
24440
+ }
24441
+ .v-switch.v-switch--loading .v-switch__thumb {
24442
+ background-color: canvas;
24443
+ }
24444
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
+ border-width: 0;
24446
+ }
24447
+ }.v-system-bar {
24448
+ align-items: center;
24449
+ display: flex;
24450
+ flex: 1 1 auto;
24451
+ height: 24px;
24452
+ justify-content: flex-end;
24453
+ max-width: 100%;
24454
+ padding-inline: 8px;
24455
+ position: relative;
24456
+ text-align: end;
24457
+ width: 100%;
24458
+ 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));
24459
+ background: rgba(var(--v-theme-surface-light));
24460
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24461
+ font-size: 0.75rem;
24462
+ font-weight: 400;
24463
+ letter-spacing: 0.0333333333em;
24464
+ line-height: 1.667;
24465
+ text-transform: none;
24466
+ }
24467
+ .v-system-bar .v-icon {
24468
+ opacity: var(--v-medium-emphasis-opacity);
24469
+ }
24470
+ .v-system-bar--absolute {
24471
+ position: absolute;
24472
+ }
24473
+ .v-system-bar--fixed {
24474
+ position: fixed;
24475
+ }
24476
+ .v-system-bar--rounded {
24477
+ border-radius: 0;
24478
+ }
24479
+ .v-system-bar--window {
24480
+ height: 32px;
24481
+ }
24482
+ .v-system-bar:not(.v-system-bar--absolute) {
24483
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24267
24484
  }.v-tab.v-tab.v-btn {
24268
24485
  height: var(--v-tabs-height);
24269
24486
  border-radius: 0;
@@ -24497,6 +24714,45 @@ html.v-overlay-scroll-blocked {
24497
24714
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24498
24715
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24499
24716
  border-top: 0px !important;
24717
+ }.v-textarea .v-field {
24718
+ --v-textarea-control-height: var(--v-input-control-height);
24719
+ }
24720
+ .v-textarea .v-field__field {
24721
+ --v-input-control-height: var(--v-textarea-control-height);
24722
+ }
24723
+ .v-textarea .v-field__input {
24724
+ flex: 1 1 auto;
24725
+ outline: none;
24726
+ -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));
24727
+ 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));
24728
+ }
24729
+ .v-textarea .v-field__input.v-textarea__sizer {
24730
+ visibility: hidden;
24731
+ position: absolute;
24732
+ top: 0;
24733
+ left: 0;
24734
+ height: 0 !important;
24735
+ min-height: 0 !important;
24736
+ pointer-events: none;
24737
+ }
24738
+ .v-textarea--no-resize .v-field__input {
24739
+ resize: none;
24740
+ }
24741
+ .v-textarea .v-field--no-label textarea,
24742
+ .v-textarea .v-field--active textarea {
24743
+ opacity: 1;
24744
+ }
24745
+ .v-textarea textarea {
24746
+ opacity: 0;
24747
+ flex: 1;
24748
+ min-width: 0;
24749
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24750
+ }
24751
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24752
+ outline: none;
24753
+ }
24754
+ .v-textarea textarea:invalid {
24755
+ box-shadow: none;
24500
24756
  }/* region BLOCK */
24501
24757
  .v-text-field input {
24502
24758
  color: inherit;
@@ -24564,46 +24820,7 @@ html.v-overlay-scroll-blocked {
24564
24820
  padding-inline-end: var(--v-field-padding-end);
24565
24821
  }
24566
24822
 
24567
- /* endregion */.v-textarea .v-field {
24568
- --v-textarea-control-height: var(--v-input-control-height);
24569
- }
24570
- .v-textarea .v-field__field {
24571
- --v-input-control-height: var(--v-textarea-control-height);
24572
- }
24573
- .v-textarea .v-field__input {
24574
- flex: 1 1 auto;
24575
- outline: none;
24576
- -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));
24577
- 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));
24578
- }
24579
- .v-textarea .v-field__input.v-textarea__sizer {
24580
- visibility: hidden;
24581
- position: absolute;
24582
- top: 0;
24583
- left: 0;
24584
- height: 0 !important;
24585
- min-height: 0 !important;
24586
- pointer-events: none;
24587
- }
24588
- .v-textarea--no-resize .v-field__input {
24589
- resize: none;
24590
- }
24591
- .v-textarea .v-field--no-label textarea,
24592
- .v-textarea .v-field--active textarea {
24593
- opacity: 1;
24594
- }
24595
- .v-textarea textarea {
24596
- opacity: 0;
24597
- flex: 1;
24598
- min-width: 0;
24599
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24600
- }
24601
- .v-textarea textarea:focus, .v-textarea textarea:active {
24602
- outline: none;
24603
- }
24604
- .v-textarea textarea:invalid {
24605
- box-shadow: none;
24606
- }.v-theme-provider {
24823
+ /* endregion */.v-theme-provider {
24607
24824
  background: rgb(var(--v-theme-background));
24608
24825
  color: rgb(var(--v-theme-on-background));
24609
24826
  }.v-timeline .v-timeline-divider__dot {
@@ -25022,6 +25239,28 @@ html.v-overlay-scroll-blocked {
25022
25239
 
25023
25240
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25024
25241
  padding-inline-end: 0;
25242
+ }.v-tooltip > .v-overlay__content {
25243
+ background: rgb(var(--v-theme-surface-variant));
25244
+ color: rgb(var(--v-theme-on-surface-variant));
25245
+ border-radius: 4px;
25246
+ font-size: 0.875rem;
25247
+ line-height: 1.6;
25248
+ display: inline-block;
25249
+ padding: 5px 16px;
25250
+ text-transform: initial;
25251
+ width: auto;
25252
+ opacity: 1;
25253
+ pointer-events: none;
25254
+ transition-property: opacity, transform;
25255
+ overflow-wrap: break-word;
25256
+ }
25257
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25258
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25259
+ transition-duration: 150ms;
25260
+ }
25261
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25262
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25263
+ transition-duration: 75ms;
25025
25264
  }.v-toolbar {
25026
25265
  align-items: flex-start;
25027
25266
  display: flex;
@@ -25059,438 +25298,177 @@ html.v-overlay-scroll-blocked {
25059
25298
  .v-toolbar--flat {
25060
25299
  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));
25061
25300
  }
25062
- .v-toolbar--floating {
25063
- display: inline-flex;
25064
- }
25065
- .v-toolbar--rounded {
25066
- border-radius: 4px;
25067
- }
25068
-
25069
- .v-toolbar__content,
25070
- .v-toolbar__extension {
25071
- align-items: center;
25072
- display: flex;
25073
- flex: 0 0 auto;
25074
- position: relative;
25075
- transition: inherit;
25076
- width: 100%;
25077
- }
25078
-
25079
- .v-toolbar__content {
25080
- overflow: hidden;
25081
- }
25082
- .v-toolbar__content > .v-btn:first-child {
25083
- margin-inline-start: 4px;
25084
- }
25085
- .v-toolbar__content > .v-btn:last-child {
25086
- margin-inline-end: 4px;
25087
- }
25088
- .v-toolbar__content > .v-toolbar-title {
25089
- margin-inline-start: 20px;
25090
- }
25091
- .v-toolbar--density-prominent .v-toolbar__content {
25092
- align-items: flex-start;
25093
- }
25094
-
25095
- .v-toolbar__image {
25096
- position: absolute;
25097
- top: 0;
25098
- left: 0;
25099
- width: 100%;
25100
- height: 100%;
25101
- display: flex;
25102
- opacity: var(--v-toolbar-image-opacity, 1);
25103
- transition-property: opacity;
25104
- }
25105
-
25106
- .v-toolbar__prepend,
25107
- .v-toolbar__append {
25108
- align-items: center;
25109
- align-self: stretch;
25110
- display: flex;
25111
- }
25112
-
25113
- .v-toolbar__prepend {
25114
- margin-inline: 4px auto;
25115
- }
25116
-
25117
- .v-toolbar__append {
25118
- margin-inline: auto 4px;
25119
- }
25120
-
25121
- .v-toolbar-title {
25122
- flex: 1 1;
25123
- font-size: 1.25rem;
25124
- min-width: 0;
25125
- font-size: 1.25rem;
25126
- font-weight: 400;
25127
- letter-spacing: 0;
25128
- line-height: 1.75rem;
25129
- text-transform: none;
25130
- }
25131
- .v-toolbar--density-prominent .v-toolbar-title {
25132
- align-self: flex-end;
25133
- padding-bottom: 6px;
25134
- font-size: 1.5rem;
25135
- font-weight: 400;
25136
- letter-spacing: 0;
25137
- line-height: 2.25rem;
25138
- text-transform: none;
25139
- }
25140
-
25141
- .v-toolbar-title__placeholder {
25142
- overflow: hidden;
25143
- text-overflow: ellipsis;
25144
- white-space: nowrap;
25145
- }
25146
-
25147
- .v-toolbar-items {
25148
- display: flex;
25149
- height: inherit;
25150
- align-self: stretch;
25151
- }
25152
- .v-toolbar-items > .v-btn {
25153
- border-radius: 0;
25154
- }.v-tooltip > .v-overlay__content {
25155
- background: rgb(var(--v-theme-surface-variant));
25156
- color: rgb(var(--v-theme-on-surface-variant));
25157
- border-radius: 4px;
25158
- font-size: 0.875rem;
25159
- line-height: 1.6;
25160
- display: inline-block;
25161
- padding: 5px 16px;
25162
- text-transform: initial;
25163
- width: auto;
25164
- opacity: 1;
25165
- pointer-events: none;
25166
- transition-property: opacity, transform;
25167
- overflow-wrap: break-word;
25168
- }
25169
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25170
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25171
- transition-duration: 150ms;
25172
- }
25173
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25174
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25175
- transition-duration: 75ms;
25176
- }.v-virtual-scroll {
25177
- display: block;
25178
- flex: 1 1 auto;
25179
- max-width: 100%;
25180
- overflow: auto;
25181
- position: relative;
25182
- }
25183
- .v-virtual-scroll__container {
25184
- display: block;
25185
- }.v-window {
25186
- overflow: hidden;
25187
- }
25188
- .v-window__container {
25189
- display: flex;
25190
- flex-direction: column;
25191
- height: inherit;
25192
- position: relative;
25193
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25194
- }
25195
- .v-window__controls {
25196
- position: absolute;
25197
- left: 0;
25198
- top: 0;
25199
- width: 100%;
25200
- height: 100%;
25201
- display: flex;
25202
- align-items: center;
25203
- justify-content: space-between;
25204
- padding: 0 16px;
25205
- pointer-events: none;
25206
- }
25207
- .v-window__controls > * {
25208
- pointer-events: auto;
25209
- }
25210
- .v-window--show-arrows-on-hover {
25211
- overflow: hidden;
25212
- }
25213
- .v-window--show-arrows-on-hover .v-window__left {
25214
- transform: translateX(-200%);
25215
- }
25216
- .v-window--show-arrows-on-hover .v-window__right {
25217
- transform: translateX(200%);
25218
- }
25219
- .v-window--show-arrows-on-hover:hover .v-window__left,
25220
- .v-window--show-arrows-on-hover:hover .v-window__right {
25221
- transform: translateX(0);
25222
- }
25223
-
25224
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25225
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25226
- }
25227
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25228
- position: absolute !important;
25229
- top: 0;
25230
- width: 100%;
25231
- }
25232
- .v-window-x-transition-enter-from {
25233
- transform: translateX(100%);
25234
- }
25235
- .v-window-x-transition-leave-to {
25236
- transform: translateX(-100%);
25237
- }
25238
- .v-window-x-reverse-transition-enter-from {
25239
- transform: translateX(-100%);
25240
- }
25241
- .v-window-x-reverse-transition-leave-to {
25242
- transform: translateX(100%);
25243
- }
25244
- .v-window-y-transition-enter-from {
25245
- transform: translateY(100%);
25246
- }
25247
- .v-window-y-transition-leave-to {
25248
- transform: translateY(-100%);
25249
- }
25250
- .v-window-y-reverse-transition-enter-from {
25251
- transform: translateY(-100%);
25252
- }
25253
- .v-window-y-reverse-transition-leave-to {
25254
- transform: translateY(100%);
25255
- }.v-system-bar {
25256
- align-items: center;
25257
- display: flex;
25258
- flex: 1 1 auto;
25259
- height: 24px;
25260
- justify-content: flex-end;
25261
- max-width: 100%;
25262
- padding-inline: 8px;
25263
- position: relative;
25264
- text-align: end;
25265
- width: 100%;
25266
- 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));
25267
- background: rgba(var(--v-theme-surface-light));
25268
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25269
- font-size: 0.75rem;
25270
- font-weight: 400;
25271
- letter-spacing: 0.0333333333em;
25272
- line-height: 1.667;
25273
- text-transform: none;
25274
- }
25275
- .v-system-bar .v-icon {
25276
- opacity: var(--v-medium-emphasis-opacity);
25277
- }
25278
- .v-system-bar--absolute {
25279
- position: absolute;
25280
- }
25281
- .v-system-bar--fixed {
25282
- position: fixed;
25283
- }
25284
- .v-system-bar--rounded {
25285
- border-radius: 0;
25286
- }
25287
- .v-system-bar--window {
25288
- height: 32px;
25289
- }
25290
- .v-system-bar:not(.v-system-bar--absolute) {
25291
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25292
- }.v-switch .v-label {
25293
- padding-inline-start: 10px;
25294
- }
25295
-
25296
- .v-switch__loader {
25297
- display: flex;
25298
- }
25299
- .v-switch__loader .v-progress-circular {
25300
- color: rgb(var(--v-theme-surface));
25301
- }
25302
-
25303
- .v-switch__track,
25304
- .v-switch__thumb {
25305
- transition: none;
25306
- }
25307
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25308
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25309
- background-color: rgb(var(--v-theme-error));
25310
- color: rgb(var(--v-theme-on-error));
25311
- }
25312
-
25313
- .v-switch__track-true {
25314
- margin-inline-end: auto;
25315
- }
25316
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25317
- opacity: 0;
25318
- }
25319
-
25320
- .v-switch__track-false {
25321
- margin-inline-start: auto;
25322
- }
25323
- .v-selection-control--dirty .v-switch__track-false {
25324
- opacity: 0;
25325
- }
25326
-
25327
- .v-switch__track {
25328
- display: inline-flex;
25329
- align-items: center;
25330
- font-size: 0.5rem;
25331
- padding: 0 5px;
25332
- background-color: rgb(var(--v-theme-surface-variant));
25333
- border-radius: 9999px;
25334
- height: 14px;
25335
- opacity: 0.6;
25336
- min-width: 36px;
25337
- cursor: pointer;
25338
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25339
- }
25340
- .v-switch--inset .v-switch__track {
25341
- border-radius: 9999px;
25342
- font-size: 0.75rem;
25343
- height: 32px;
25344
- min-width: 52px;
25345
- }
25346
-
25347
- .v-switch__thumb {
25348
- align-items: center;
25349
- background-color: rgb(var(--v-theme-surface-bright));
25350
- color: rgb(var(--v-theme-on-surface-bright));
25351
- border-radius: 50%;
25352
- display: flex;
25353
- font-size: 0.75rem;
25354
- height: 20px;
25355
- justify-content: center;
25356
- width: 20px;
25357
- pointer-events: none;
25358
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25359
- position: relative;
25360
- overflow: hidden;
25361
- }
25362
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25363
- 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));
25364
- }
25365
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25366
- background: rgb(var(--v-theme-surface-variant));
25367
- color: rgb(var(--v-theme-on-surface-variant));
25368
- 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));
25369
- }
25370
- .v-switch--inset .v-switch__thumb {
25371
- height: 24px;
25372
- width: 24px;
25373
- transform: scale(0.6666666667);
25374
- }
25375
- .v-switch--inset .v-switch__thumb--filled {
25376
- transform: none;
25301
+ .v-toolbar--floating {
25302
+ display: inline-flex;
25377
25303
  }
25378
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25379
- transform: none;
25380
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25304
+ .v-toolbar--rounded {
25305
+ border-radius: 4px;
25381
25306
  }
25382
25307
 
25383
- .v-switch.v-input {
25384
- flex: 0 1 auto;
25308
+ .v-toolbar__content,
25309
+ .v-toolbar__extension {
25310
+ align-items: center;
25311
+ display: flex;
25312
+ flex: 0 0 auto;
25313
+ position: relative;
25314
+ transition: inherit;
25315
+ width: 100%;
25385
25316
  }
25386
- .v-switch .v-selection-control {
25387
- min-height: var(--v-input-control-height);
25317
+
25318
+ .v-toolbar__content {
25319
+ overflow: hidden;
25388
25320
  }
25389
- .v-switch .v-selection-control__input {
25390
- border-radius: 50%;
25391
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25392
- position: absolute;
25321
+ .v-toolbar__content > .v-btn:first-child {
25322
+ margin-inline-start: 4px;
25393
25323
  }
25394
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25395
- transform: translateX(-10px);
25324
+ .v-toolbar__content > .v-btn:last-child {
25325
+ margin-inline-end: 4px;
25396
25326
  }
25397
-
25398
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25399
- transform: translateX(10px);
25327
+ .v-toolbar__content > .v-toolbar-title {
25328
+ margin-inline-start: 20px;
25329
+ }
25330
+ .v-toolbar--density-prominent .v-toolbar__content {
25331
+ align-items: flex-start;
25400
25332
  }
25401
25333
 
25402
- .v-switch .v-selection-control__input .v-icon {
25334
+ .v-toolbar__image {
25403
25335
  position: absolute;
25404
- }
25405
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25406
- transform: translateX(10px);
25336
+ top: 0;
25337
+ left: 0;
25338
+ width: 100%;
25339
+ height: 100%;
25340
+ display: flex;
25341
+ opacity: var(--v-toolbar-image-opacity, 1);
25342
+ transition-property: opacity;
25407
25343
  }
25408
25344
 
25409
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25410
- transform: translateX(-10px);
25345
+ .v-toolbar__prepend,
25346
+ .v-toolbar__append {
25347
+ align-items: center;
25348
+ align-self: stretch;
25349
+ display: flex;
25411
25350
  }
25412
25351
 
25413
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25414
- transform: scale(0.8);
25352
+ .v-toolbar__prepend {
25353
+ margin-inline: 4px auto;
25415
25354
  }
25416
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25417
- transform: scale(0.75);
25418
- box-shadow: none;
25355
+
25356
+ .v-toolbar__append {
25357
+ margin-inline: auto 4px;
25419
25358
  }
25420
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25421
- width: auto;
25359
+
25360
+ .v-toolbar-title {
25361
+ flex: 1 1;
25362
+ font-size: 1.25rem;
25363
+ min-width: 0;
25364
+ font-size: 1.25rem;
25365
+ font-weight: 400;
25366
+ letter-spacing: 0;
25367
+ line-height: 1.75rem;
25368
+ text-transform: none;
25422
25369
  }
25423
- .v-switch.v-input--vertical .v-label {
25424
- min-width: max-content;
25370
+ .v-toolbar--density-prominent .v-toolbar-title {
25371
+ align-self: flex-end;
25372
+ padding-bottom: 6px;
25373
+ font-size: 1.5rem;
25374
+ font-weight: 400;
25375
+ letter-spacing: 0;
25376
+ line-height: 2.25rem;
25377
+ text-transform: none;
25425
25378
  }
25426
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25427
- transform: rotate(-90deg);
25379
+
25380
+ .v-toolbar-title__placeholder {
25381
+ overflow: hidden;
25382
+ text-overflow: ellipsis;
25383
+ white-space: nowrap;
25428
25384
  }
25429
25385
 
25430
- @media (forced-colors: active) {
25431
- .v-switch .v-switch__loader .v-progress-circular {
25432
- color: currentColor;
25433
- }
25434
- .v-switch .v-switch__thumb {
25435
- background-color: buttontext;
25436
- }
25437
- .v-switch .v-switch__track,
25438
- .v-switch .v-switch__thumb {
25439
- border: 1px solid;
25440
- color: buttontext;
25441
- }
25442
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25443
- background-color: highlight;
25444
- }
25445
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25446
- background-color: highlight;
25447
- }
25448
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25449
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25450
- color: highlight;
25451
- }
25452
- .v-switch.v-switch--inset .v-switch__track {
25453
- border-width: 2px;
25454
- }
25455
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25456
- background-color: highlighttext;
25457
- color: highlighttext;
25458
- }
25459
- .v-switch.v-input--disabled .v-switch__thumb {
25460
- background-color: graytext;
25461
- }
25462
- .v-switch.v-input--disabled .v-switch__track,
25463
- .v-switch.v-input--disabled .v-switch__thumb {
25464
- color: graytext;
25465
- }
25466
- .v-switch.v-switch--loading .v-switch__thumb {
25467
- background-color: canvas;
25468
- }
25469
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25470
- border-width: 0;
25471
- }
25472
- }.v-color-picker-canvas {
25386
+ .v-toolbar-items {
25473
25387
  display: flex;
25388
+ height: inherit;
25389
+ align-self: stretch;
25390
+ }
25391
+ .v-toolbar-items > .v-btn {
25392
+ border-radius: 0;
25393
+ }.v-virtual-scroll {
25394
+ display: block;
25395
+ flex: 1 1 auto;
25396
+ max-width: 100%;
25397
+ overflow: auto;
25474
25398
  position: relative;
25399
+ }
25400
+ .v-virtual-scroll__container {
25401
+ display: block;
25402
+ }.v-window {
25475
25403
  overflow: hidden;
25476
- contain: content;
25477
- touch-action: none;
25478
25404
  }
25479
- .v-color-picker-canvas__dot {
25405
+ .v-window__container {
25406
+ display: flex;
25407
+ flex-direction: column;
25408
+ height: inherit;
25409
+ position: relative;
25410
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25411
+ }
25412
+ .v-window__controls {
25480
25413
  position: absolute;
25481
- top: 0;
25482
25414
  left: 0;
25483
- width: 15px;
25484
- height: 15px;
25485
- background: transparent;
25486
- border-radius: 50%;
25487
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25415
+ top: 0;
25416
+ width: 100%;
25417
+ height: 100%;
25418
+ display: flex;
25419
+ align-items: center;
25420
+ justify-content: space-between;
25421
+ padding: 0 16px;
25422
+ pointer-events: none;
25488
25423
  }
25489
- .v-color-picker-canvas__dot--disabled {
25490
- 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);
25424
+ .v-window__controls > * {
25425
+ pointer-events: auto;
25491
25426
  }
25492
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
- will-change: transform;
25427
+ .v-window--show-arrows-on-hover {
25428
+ overflow: hidden;
25429
+ }
25430
+ .v-window--show-arrows-on-hover .v-window__left {
25431
+ transform: translateX(-200%);
25432
+ }
25433
+ .v-window--show-arrows-on-hover .v-window__right {
25434
+ transform: translateX(200%);
25435
+ }
25436
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25437
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25438
+ transform: translateX(0);
25439
+ }
25440
+
25441
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25442
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25443
+ }
25444
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25445
+ position: absolute !important;
25446
+ top: 0;
25447
+ width: 100%;
25448
+ }
25449
+ .v-window-x-transition-enter-from {
25450
+ transform: translateX(100%);
25451
+ }
25452
+ .v-window-x-transition-leave-to {
25453
+ transform: translateX(-100%);
25454
+ }
25455
+ .v-window-x-reverse-transition-enter-from {
25456
+ transform: translateX(-100%);
25457
+ }
25458
+ .v-window-x-reverse-transition-leave-to {
25459
+ transform: translateX(100%);
25460
+ }
25461
+ .v-window-y-transition-enter-from {
25462
+ transform: translateY(100%);
25463
+ }
25464
+ .v-window-y-transition-leave-to {
25465
+ transform: translateY(-100%);
25466
+ }
25467
+ .v-window-y-reverse-transition-enter-from {
25468
+ transform: translateY(-100%);
25469
+ }
25470
+ .v-window-y-reverse-transition-leave-to {
25471
+ transform: translateY(100%);
25494
25472
  }.v-color-picker-edit {
25495
25473
  display: flex;
25496
25474
  margin-top: 24px;
@@ -25589,6 +25567,28 @@ html.v-overlay-scroll-blocked {
25589
25567
  .v-color-picker-preview__eye-dropper {
25590
25568
  position: relative;
25591
25569
  margin-right: 12px;
25570
+ }.v-color-picker-canvas {
25571
+ display: flex;
25572
+ position: relative;
25573
+ overflow: hidden;
25574
+ contain: content;
25575
+ touch-action: none;
25576
+ }
25577
+ .v-color-picker-canvas__dot {
25578
+ position: absolute;
25579
+ top: 0;
25580
+ left: 0;
25581
+ width: 15px;
25582
+ height: 15px;
25583
+ background: transparent;
25584
+ border-radius: 50%;
25585
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25586
+ }
25587
+ .v-color-picker-canvas__dot--disabled {
25588
+ 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);
25589
+ }
25590
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25591
+ will-change: transform;
25592
25592
  }.v-color-picker-swatches {
25593
25593
  overflow-y: auto;
25594
25594
  }