@vuetify/nightly 3.6.3-dev.2024-05-03 → 3.6.3-dev.2024-05-06

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.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-dev.2024-05-03
2
+ * Vuetify v3.6.3-dev.2024-05-06
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17620,101 +17620,6 @@ html.overflow-y-hidden {
17620
17620
  text-transform: none;
17621
17621
  word-break: normal;
17622
17622
  word-wrap: break-word;
17623
- }.v-avatar {
17624
- flex: none;
17625
- align-items: center;
17626
- display: inline-flex;
17627
- justify-content: center;
17628
- line-height: normal;
17629
- overflow: hidden;
17630
- position: relative;
17631
- text-align: center;
17632
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17633
- transition-property: width, height;
17634
- vertical-align: middle;
17635
- border-radius: 50%;
17636
- }
17637
- .v-avatar.v-avatar--size-x-small {
17638
- --v-avatar-height: 24px;
17639
- }
17640
- .v-avatar.v-avatar--size-small {
17641
- --v-avatar-height: 32px;
17642
- }
17643
- .v-avatar.v-avatar--size-default {
17644
- --v-avatar-height: 40px;
17645
- }
17646
- .v-avatar.v-avatar--size-large {
17647
- --v-avatar-height: 48px;
17648
- }
17649
- .v-avatar.v-avatar--size-x-large {
17650
- --v-avatar-height: 56px;
17651
- }
17652
- .v-avatar.v-avatar--density-default {
17653
- height: calc(var(--v-avatar-height) + 0px);
17654
- width: calc(var(--v-avatar-height) + 0px);
17655
- }
17656
- .v-avatar.v-avatar--density-comfortable {
17657
- height: calc(var(--v-avatar-height) + -4px);
17658
- width: calc(var(--v-avatar-height) + -4px);
17659
- }
17660
- .v-avatar.v-avatar--density-compact {
17661
- height: calc(var(--v-avatar-height) + -8px);
17662
- width: calc(var(--v-avatar-height) + -8px);
17663
- }
17664
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17665
- background: transparent;
17666
- color: inherit;
17667
- }
17668
- .v-avatar--variant-plain {
17669
- opacity: 0.62;
17670
- }
17671
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17672
- opacity: 1;
17673
- }
17674
- .v-avatar--variant-plain .v-avatar__overlay {
17675
- display: none;
17676
- }
17677
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17678
- background: var(--v-theme-surface);
17679
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17680
- }
17681
- .v-avatar--variant-elevated {
17682
- 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));
17683
- }
17684
- .v-avatar--variant-flat {
17685
- 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));
17686
- }
17687
- .v-avatar--variant-outlined {
17688
- border: thin solid currentColor;
17689
- }
17690
- .v-avatar--variant-text .v-avatar__overlay {
17691
- background: currentColor;
17692
- }
17693
- .v-avatar--variant-tonal .v-avatar__underlay {
17694
- background: currentColor;
17695
- opacity: var(--v-activated-opacity);
17696
- border-radius: inherit;
17697
- top: 0;
17698
- right: 0;
17699
- bottom: 0;
17700
- left: 0;
17701
- pointer-events: none;
17702
- }
17703
- .v-avatar .v-avatar__underlay {
17704
- position: absolute;
17705
- }
17706
- .v-avatar--rounded {
17707
- border-radius: 4px;
17708
- }
17709
- .v-avatar--start {
17710
- margin-inline-end: 8px;
17711
- }
17712
- .v-avatar--end {
17713
- margin-inline-start: 8px;
17714
- }
17715
- .v-avatar .v-img {
17716
- height: 100%;
17717
- width: 100%;
17718
17623
  }.v-autocomplete .v-field .v-text-field__prefix,
17719
17624
  .v-autocomplete .v-field .v-text-field__suffix,
17720
17625
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17867,6 +17772,108 @@ html.overflow-y-hidden {
17867
17772
  display: inline-flex;
17868
17773
  justify-content: center;
17869
17774
  margin: 0 4px;
17775
+ }.v-avatar {
17776
+ flex: none;
17777
+ align-items: center;
17778
+ display: inline-flex;
17779
+ justify-content: center;
17780
+ line-height: normal;
17781
+ overflow: hidden;
17782
+ position: relative;
17783
+ text-align: center;
17784
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17785
+ transition-property: width, height;
17786
+ vertical-align: middle;
17787
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17788
+ border-style: solid;
17789
+ border-width: thin;
17790
+ border-radius: 50%;
17791
+ }
17792
+ .v-avatar.v-avatar--size-x-small {
17793
+ --v-avatar-height: 24px;
17794
+ }
17795
+ .v-avatar.v-avatar--size-small {
17796
+ --v-avatar-height: 32px;
17797
+ }
17798
+ .v-avatar.v-avatar--size-default {
17799
+ --v-avatar-height: 40px;
17800
+ }
17801
+ .v-avatar.v-avatar--size-large {
17802
+ --v-avatar-height: 48px;
17803
+ }
17804
+ .v-avatar.v-avatar--size-x-large {
17805
+ --v-avatar-height: 56px;
17806
+ }
17807
+ .v-avatar.v-avatar--density-default {
17808
+ height: calc(var(--v-avatar-height) + 0px);
17809
+ width: calc(var(--v-avatar-height) + 0px);
17810
+ }
17811
+ .v-avatar.v-avatar--density-comfortable {
17812
+ height: calc(var(--v-avatar-height) + -4px);
17813
+ width: calc(var(--v-avatar-height) + -4px);
17814
+ }
17815
+ .v-avatar.v-avatar--density-compact {
17816
+ height: calc(var(--v-avatar-height) + -8px);
17817
+ width: calc(var(--v-avatar-height) + -8px);
17818
+ }
17819
+ .v-avatar--border {
17820
+ border-width: thin;
17821
+ box-shadow: none;
17822
+ }
17823
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17824
+ background: transparent;
17825
+ color: inherit;
17826
+ }
17827
+ .v-avatar--variant-plain {
17828
+ opacity: 0.62;
17829
+ }
17830
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17831
+ opacity: 1;
17832
+ }
17833
+ .v-avatar--variant-plain .v-avatar__overlay {
17834
+ display: none;
17835
+ }
17836
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17837
+ background: var(--v-theme-surface);
17838
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17839
+ }
17840
+ .v-avatar--variant-elevated {
17841
+ 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));
17842
+ }
17843
+ .v-avatar--variant-flat {
17844
+ 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));
17845
+ }
17846
+ .v-avatar--variant-outlined {
17847
+ border: thin solid currentColor;
17848
+ }
17849
+ .v-avatar--variant-text .v-avatar__overlay {
17850
+ background: currentColor;
17851
+ }
17852
+ .v-avatar--variant-tonal .v-avatar__underlay {
17853
+ background: currentColor;
17854
+ opacity: var(--v-activated-opacity);
17855
+ border-radius: inherit;
17856
+ top: 0;
17857
+ right: 0;
17858
+ bottom: 0;
17859
+ left: 0;
17860
+ pointer-events: none;
17861
+ }
17862
+ .v-avatar .v-avatar__underlay {
17863
+ position: absolute;
17864
+ }
17865
+ .v-avatar--rounded {
17866
+ border-radius: 4px;
17867
+ }
17868
+ .v-avatar--start {
17869
+ margin-inline-end: 8px;
17870
+ }
17871
+ .v-avatar--end {
17872
+ margin-inline-start: 8px;
17873
+ }
17874
+ .v-avatar .v-img {
17875
+ height: 100%;
17876
+ width: 100%;
17870
17877
  }.v-banner {
17871
17878
  display: grid;
17872
17879
  flex: 1 1;
@@ -18079,38 +18086,6 @@ html.overflow-y-hidden {
18079
18086
  }
18080
18087
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18081
18088
  transform: translateY(0.5rem);
18082
- }.bottom-sheet-transition-enter-from {
18083
- transform: translateY(100%);
18084
- }
18085
- .bottom-sheet-transition-leave-to {
18086
- transform: translateY(100%);
18087
- }
18088
-
18089
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18090
- align-self: flex-end;
18091
- border-radius: 0;
18092
- flex: 0 1 auto;
18093
- left: 0;
18094
- right: 0;
18095
- margin-inline: 0;
18096
- margin-bottom: 0;
18097
- transition-duration: 0.2s;
18098
- width: 100%;
18099
- max-width: 100%;
18100
- overflow: visible;
18101
- 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));
18102
- }
18103
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18104
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18105
- border-radius: 0;
18106
- }
18107
- .v-bottom-sheet.v-bottom-sheet--inset {
18108
- max-width: none;
18109
- }
18110
- @media (min-width: 600px) {
18111
- .v-bottom-sheet.v-bottom-sheet--inset {
18112
- max-width: 70%;
18113
- }
18114
18089
  }.v-breadcrumbs {
18115
18090
  display: flex;
18116
18091
  align-items: center;
@@ -18168,32 +18143,64 @@ html.overflow-y-hidden {
18168
18143
  display: inline-block;
18169
18144
  padding: 0 8px;
18170
18145
  vertical-align: middle;
18171
- }.v-btn {
18172
- align-items: center;
18173
- border-radius: 4px;
18174
- display: inline-grid;
18175
- grid-template-areas: "prepend content append";
18176
- grid-template-columns: max-content auto max-content;
18177
- font-weight: 500;
18178
- justify-content: center;
18179
- letter-spacing: 0.0892857143em;
18180
- line-height: normal;
18181
- max-width: 100%;
18182
- outline: none;
18183
- position: relative;
18184
- text-decoration: none;
18185
- text-indent: 0.0892857143em;
18186
- text-transform: uppercase;
18187
- transition-property: box-shadow, transform, opacity, background;
18188
- transition-duration: 0.28s;
18189
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18190
- -webkit-user-select: none;
18191
- user-select: none;
18192
- vertical-align: middle;
18193
- flex-shrink: 0;
18194
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18195
- border-style: solid;
18196
- border-width: 0;
18146
+ }.bottom-sheet-transition-enter-from {
18147
+ transform: translateY(100%);
18148
+ }
18149
+ .bottom-sheet-transition-leave-to {
18150
+ transform: translateY(100%);
18151
+ }
18152
+
18153
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18154
+ align-self: flex-end;
18155
+ border-radius: 0;
18156
+ flex: 0 1 auto;
18157
+ left: 0;
18158
+ right: 0;
18159
+ margin-inline: 0;
18160
+ margin-bottom: 0;
18161
+ transition-duration: 0.2s;
18162
+ width: 100%;
18163
+ max-width: 100%;
18164
+ overflow: visible;
18165
+ 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));
18166
+ }
18167
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18168
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18169
+ border-radius: 0;
18170
+ }
18171
+ .v-bottom-sheet.v-bottom-sheet--inset {
18172
+ max-width: none;
18173
+ }
18174
+ @media (min-width: 600px) {
18175
+ .v-bottom-sheet.v-bottom-sheet--inset {
18176
+ max-width: 70%;
18177
+ }
18178
+ }.v-btn {
18179
+ align-items: center;
18180
+ border-radius: 4px;
18181
+ display: inline-grid;
18182
+ grid-template-areas: "prepend content append";
18183
+ grid-template-columns: max-content auto max-content;
18184
+ font-weight: 500;
18185
+ justify-content: center;
18186
+ letter-spacing: 0.0892857143em;
18187
+ line-height: normal;
18188
+ max-width: 100%;
18189
+ outline: none;
18190
+ position: relative;
18191
+ text-decoration: none;
18192
+ text-indent: 0.0892857143em;
18193
+ text-transform: uppercase;
18194
+ transition-property: box-shadow, transform, opacity, background;
18195
+ transition-duration: 0.28s;
18196
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18197
+ -webkit-user-select: none;
18198
+ user-select: none;
18199
+ vertical-align: middle;
18200
+ flex-shrink: 0;
18201
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18202
+ border-style: solid;
18203
+ border-width: 0;
18197
18204
  }
18198
18205
  .v-btn--size-x-small {
18199
18206
  --v-btn-size: 0.625rem;
@@ -18649,69 +18656,6 @@ html.overflow-y-hidden {
18649
18656
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18650
18657
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18651
18658
  }
18652
- }.v-carousel {
18653
- overflow: hidden;
18654
- position: relative;
18655
- width: 100%;
18656
- }
18657
- .v-carousel__controls {
18658
- align-items: center;
18659
- bottom: 0;
18660
- display: flex;
18661
- height: 50px;
18662
- justify-content: center;
18663
- list-style-type: none;
18664
- position: absolute;
18665
- width: 100%;
18666
- z-index: 1;
18667
- background: rgba(var(--v-theme-surface-variant), 0.3);
18668
- color: rgb(var(--v-theme-on-surface-variant));
18669
- }
18670
- .v-carousel__controls > .v-item-group {
18671
- flex: 0 1 auto;
18672
- }
18673
- .v-carousel__controls__item {
18674
- margin: 0 8px;
18675
- }
18676
- .v-carousel__controls__item .v-icon {
18677
- opacity: 0.5;
18678
- }
18679
- .v-carousel__controls__item--active .v-icon {
18680
- opacity: 1;
18681
- vertical-align: middle;
18682
- }
18683
- .v-carousel__controls__item:hover {
18684
- background: none;
18685
- }
18686
- .v-carousel__controls__item:hover .v-icon {
18687
- opacity: 0.8;
18688
- }
18689
-
18690
- .v-carousel__progress {
18691
- margin: 0;
18692
- position: absolute;
18693
- bottom: 0;
18694
- left: 0;
18695
- right: 0;
18696
- }
18697
-
18698
- .v-carousel-item {
18699
- display: block;
18700
- height: inherit;
18701
- text-decoration: none;
18702
- }
18703
- .v-carousel-item > .v-img {
18704
- height: inherit;
18705
- }
18706
-
18707
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18708
- background: transparent;
18709
- }
18710
-
18711
- .v-carousel--vertical-delimiters .v-carousel__controls {
18712
- flex-direction: column;
18713
- height: 100% !important;
18714
- width: 50px;
18715
18659
  }.v-card {
18716
18660
  display: block;
18717
18661
  overflow: hidden;
@@ -19011,6 +18955,69 @@ html.overflow-y-hidden {
19011
18955
  pointer-events: none;
19012
18956
  opacity: 0;
19013
18957
  transition: opacity 0.2s ease-in-out;
18958
+ }.v-carousel {
18959
+ overflow: hidden;
18960
+ position: relative;
18961
+ width: 100%;
18962
+ }
18963
+ .v-carousel__controls {
18964
+ align-items: center;
18965
+ bottom: 0;
18966
+ display: flex;
18967
+ height: 50px;
18968
+ justify-content: center;
18969
+ list-style-type: none;
18970
+ position: absolute;
18971
+ width: 100%;
18972
+ z-index: 1;
18973
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18974
+ color: rgb(var(--v-theme-on-surface-variant));
18975
+ }
18976
+ .v-carousel__controls > .v-item-group {
18977
+ flex: 0 1 auto;
18978
+ }
18979
+ .v-carousel__controls__item {
18980
+ margin: 0 8px;
18981
+ }
18982
+ .v-carousel__controls__item .v-icon {
18983
+ opacity: 0.5;
18984
+ }
18985
+ .v-carousel__controls__item--active .v-icon {
18986
+ opacity: 1;
18987
+ vertical-align: middle;
18988
+ }
18989
+ .v-carousel__controls__item:hover {
18990
+ background: none;
18991
+ }
18992
+ .v-carousel__controls__item:hover .v-icon {
18993
+ opacity: 0.8;
18994
+ }
18995
+
18996
+ .v-carousel__progress {
18997
+ margin: 0;
18998
+ position: absolute;
18999
+ bottom: 0;
19000
+ left: 0;
19001
+ right: 0;
19002
+ }
19003
+
19004
+ .v-carousel-item {
19005
+ display: block;
19006
+ height: inherit;
19007
+ text-decoration: none;
19008
+ }
19009
+ .v-carousel-item > .v-img {
19010
+ height: inherit;
19011
+ }
19012
+
19013
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19014
+ background: transparent;
19015
+ }
19016
+
19017
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19018
+ flex-direction: column;
19019
+ height: 100% !important;
19020
+ width: 50px;
19014
19021
  }.v-checkbox.v-input {
19015
19022
  flex: 0 1 auto;
19016
19023
  }
@@ -20224,48 +20231,259 @@ html.overflow-y-hidden {
20224
20231
  flex: 0 1 auto;
20225
20232
  font-size: 12px;
20226
20233
  transition-duration: 150ms;
20227
- }.v-data-table {
20228
- width: 100%;
20234
+ }.v-date-picker {
20235
+ overflow: hidden;
20236
+ width: 328px;
20229
20237
  }
20230
-
20231
- .v-data-table__table {
20232
- width: 100%;
20233
- border-collapse: separate;
20234
- border-spacing: 0;
20238
+ .v-date-picker--show-week {
20239
+ width: 368px;
20240
+ }.v-date-picker-controls {
20241
+ display: flex;
20242
+ align-items: center;
20243
+ justify-content: space-between;
20244
+ font-size: 0.875rem;
20245
+ padding-top: 4px;
20246
+ padding-bottom: 4px;
20247
+ padding-inline-start: 6px;
20248
+ padding-inline-end: 12px;
20235
20249
  }
20236
-
20237
- .v-data-table__tr--focus {
20238
- border: 1px dotted black;
20250
+ .v-date-picker-controls > .v-btn:first-child {
20251
+ text-transform: none;
20252
+ font-weight: 400;
20253
+ line-height: initial;
20254
+ letter-spacing: initial;
20239
20255
  }
20240
- .v-data-table__tr--clickable {
20256
+ .v-date-picker-controls--variant-classic {
20257
+ padding-inline-start: 12px;
20258
+ }
20259
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20260
+ opacity: 0.7;
20261
+ }
20262
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20241
20263
  cursor: pointer;
20242
20264
  }
20243
-
20244
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20245
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20246
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20247
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20248
- text-align: end;
20265
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20266
+ opacity: 1;
20249
20267
  }
20250
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20251
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20252
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20253
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20254
- flex-direction: row-reverse;
20268
+ .v-date-picker-controls .v-btn:last-child {
20269
+ margin-inline-start: 4px;
20255
20270
  }
20256
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20257
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20258
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20259
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20271
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20272
+ transform: rotate(180deg);
20273
+ }
20274
+
20275
+ .v-date-picker-controls__date {
20276
+ margin-inline-end: 4px;
20277
+ }
20278
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20279
+ margin: auto;
20260
20280
  text-align: center;
20261
20281
  }
20262
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20263
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20264
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20265
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20266
- justify-content: center;
20282
+
20283
+ .v-date-picker-controls__month {
20284
+ display: flex;
20267
20285
  }
20268
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20286
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20287
+ flex-direction: row-reverse;
20288
+ }
20289
+
20290
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20291
+ flex: 1 0 auto;
20292
+ }
20293
+
20294
+ .v-date-picker__title {
20295
+ display: inline-block;
20296
+ }.v-date-picker-months {
20297
+ height: 288px;
20298
+ }
20299
+
20300
+ .v-date-picker-months__content {
20301
+ align-items: center;
20302
+ display: grid;
20303
+ flex: 1 1;
20304
+ height: inherit;
20305
+ justify-content: space-around;
20306
+ grid-template-columns: repeat(2, 1fr);
20307
+ grid-gap: 0px 24px;
20308
+ padding-inline-start: 36px;
20309
+ padding-inline-end: 36px;
20310
+ }
20311
+ .v-date-picker-months__content .v-btn {
20312
+ text-transform: none;
20313
+ padding-inline-start: 8px;
20314
+ padding-inline-end: 8px;
20315
+ }.v-date-picker-month {
20316
+ display: flex;
20317
+ justify-content: center;
20318
+ padding: 0 12px 8px;
20319
+ --v-date-picker-month-day-diff: 4px;
20320
+ }
20321
+
20322
+ .v-date-picker-month__weeks {
20323
+ display: grid;
20324
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20325
+ column-gap: 4px;
20326
+ font-size: 0.85rem;
20327
+ }
20328
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20329
+ grid-row-gap: 0;
20330
+ }
20331
+
20332
+ .v-date-picker-month__weekday {
20333
+ font-size: 0.85rem;
20334
+ }
20335
+
20336
+ .v-date-picker-month__days {
20337
+ display: grid;
20338
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20339
+ column-gap: 4px;
20340
+ flex: 1 1;
20341
+ justify-content: space-around;
20342
+ }
20343
+
20344
+ .v-date-picker-month__day {
20345
+ align-items: center;
20346
+ display: flex;
20347
+ justify-content: center;
20348
+ position: relative;
20349
+ height: 40px;
20350
+ width: 40px;
20351
+ }
20352
+ .v-date-picker-month__day--selected .v-btn {
20353
+ background-color: rgb(var(--v-theme-surface-variant));
20354
+ color: rgb(var(--v-theme-on-surface-variant));
20355
+ }
20356
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20357
+ --v-btn-height: 24px;
20358
+ --v-btn-size: 0.85rem;
20359
+ }
20360
+ .v-date-picker-month__day--week {
20361
+ font-size: var(--v-btn-size);
20362
+ }
20363
+
20364
+ .v-date-picker-month__day--adjacent {
20365
+ opacity: 0.5;
20366
+ }
20367
+
20368
+ .v-date-picker-month__day--hide-adjacent {
20369
+ opacity: 0;
20370
+ }.v-date-picker-header {
20371
+ align-items: flex-end;
20372
+ height: 70px;
20373
+ display: grid;
20374
+ grid-template-areas: "prepend content append";
20375
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20376
+ overflow: hidden;
20377
+ padding-inline: 24px 12px;
20378
+ padding-bottom: 12px;
20379
+ }
20380
+
20381
+ .v-date-picker-header__append {
20382
+ grid-area: append;
20383
+ }
20384
+
20385
+ .v-date-picker-header__prepend {
20386
+ grid-area: prepend;
20387
+ padding-inline-start: 8px;
20388
+ }
20389
+
20390
+ .v-date-picker-header__content {
20391
+ align-items: center;
20392
+ display: inline-flex;
20393
+ font-size: 32px;
20394
+ line-height: 40px;
20395
+ grid-area: content;
20396
+ justify-content: space-between;
20397
+ }
20398
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20399
+ cursor: pointer;
20400
+ }
20401
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20402
+ opacity: 0.7;
20403
+ }
20404
+
20405
+ .date-picker-header-transition-enter-active,
20406
+ .date-picker-header-reverse-transition-enter-active {
20407
+ transition-duration: 0.3s;
20408
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20409
+ }
20410
+ .date-picker-header-transition-leave-active,
20411
+ .date-picker-header-reverse-transition-leave-active {
20412
+ transition-duration: 0.3s;
20413
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20414
+ }
20415
+
20416
+ .date-picker-header-transition-enter-from {
20417
+ transform: translate(0, 100%);
20418
+ }
20419
+ .date-picker-header-transition-leave-to {
20420
+ opacity: 0;
20421
+ transform: translate(0, -100%);
20422
+ }
20423
+
20424
+ .date-picker-header-reverse-transition-enter-from {
20425
+ transform: translate(0, -100%);
20426
+ }
20427
+ .date-picker-header-reverse-transition-leave-to {
20428
+ opacity: 0;
20429
+ transform: translate(0, 100%);
20430
+ }.v-date-picker-years {
20431
+ height: 288px;
20432
+ overflow-y: scroll;
20433
+ }
20434
+
20435
+ .v-date-picker-years__content {
20436
+ display: grid;
20437
+ flex: 1 1;
20438
+ justify-content: space-around;
20439
+ grid-template-columns: repeat(3, 1fr);
20440
+ gap: 8px 24px;
20441
+ padding-inline: 32px;
20442
+ }
20443
+ .v-date-picker-years__content .v-btn {
20444
+ padding-inline: 8px;
20445
+ }.v-data-table {
20446
+ width: 100%;
20447
+ }
20448
+
20449
+ .v-data-table__table {
20450
+ width: 100%;
20451
+ border-collapse: separate;
20452
+ border-spacing: 0;
20453
+ }
20454
+
20455
+ .v-data-table__tr--focus {
20456
+ border: 1px dotted black;
20457
+ }
20458
+ .v-data-table__tr--clickable {
20459
+ cursor: pointer;
20460
+ }
20461
+
20462
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20463
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20464
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20465
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20466
+ text-align: end;
20467
+ }
20468
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20469
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20470
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20471
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20472
+ flex-direction: row-reverse;
20473
+ }
20474
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20475
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20476
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20477
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20478
+ text-align: center;
20479
+ }
20480
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20481
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20482
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20483
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20484
+ justify-content: center;
20485
+ }
20486
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20269
20487
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20270
20488
  .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20271
20489
  .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
@@ -20437,247 +20655,36 @@ html.overflow-y-hidden {
20437
20655
  }
20438
20656
  .v-data-table-footer__page {
20439
20657
  padding: 0 8px;
20440
- }.v-date-picker-header {
20441
- align-items: flex-end;
20442
- height: 70px;
20443
- display: grid;
20444
- grid-template-areas: "prepend content append";
20445
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20446
- overflow: hidden;
20447
- padding-inline: 24px 12px;
20448
- padding-bottom: 12px;
20449
- }
20450
-
20451
- .v-date-picker-header__append {
20452
- grid-area: append;
20658
+ }.v-dialog {
20659
+ align-items: center;
20660
+ justify-content: center;
20661
+ margin: auto;
20453
20662
  }
20454
-
20455
- .v-date-picker-header__prepend {
20456
- grid-area: prepend;
20457
- padding-inline-start: 8px;
20663
+ .v-dialog > .v-overlay__content {
20664
+ max-height: calc(100% - 48px);
20665
+ width: calc(100% - 48px);
20666
+ max-width: calc(100% - 48px);
20667
+ margin: 24px;
20458
20668
  }
20459
-
20460
- .v-date-picker-header__content {
20461
- align-items: center;
20462
- display: inline-flex;
20463
- font-size: 32px;
20464
- line-height: 40px;
20465
- grid-area: content;
20466
- justify-content: space-between;
20669
+ .v-dialog > .v-overlay__content,
20670
+ .v-dialog > .v-overlay__content > form {
20671
+ display: flex;
20672
+ flex-direction: column;
20673
+ min-height: 0;
20467
20674
  }
20468
- .v-date-picker-header--clickable .v-date-picker-header__content {
20469
- cursor: pointer;
20675
+ .v-dialog > .v-overlay__content > .v-card,
20676
+ .v-dialog > .v-overlay__content > .v-sheet,
20677
+ .v-dialog > .v-overlay__content > form > .v-card,
20678
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20679
+ --v-scrollbar-offset: 0px;
20680
+ border-radius: 4px;
20681
+ overflow-y: auto;
20682
+ 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));
20470
20683
  }
20471
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20472
- opacity: 0.7;
20473
- }
20474
-
20475
- .date-picker-header-transition-enter-active,
20476
- .date-picker-header-reverse-transition-enter-active {
20477
- transition-duration: 0.3s;
20478
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20479
- }
20480
- .date-picker-header-transition-leave-active,
20481
- .date-picker-header-reverse-transition-leave-active {
20482
- transition-duration: 0.3s;
20483
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20484
- }
20485
-
20486
- .date-picker-header-transition-enter-from {
20487
- transform: translate(0, 100%);
20488
- }
20489
- .date-picker-header-transition-leave-to {
20490
- opacity: 0;
20491
- transform: translate(0, -100%);
20492
- }
20493
-
20494
- .date-picker-header-reverse-transition-enter-from {
20495
- transform: translate(0, -100%);
20496
- }
20497
- .date-picker-header-reverse-transition-leave-to {
20498
- opacity: 0;
20499
- transform: translate(0, 100%);
20500
- }.v-date-picker-controls {
20501
- display: flex;
20502
- align-items: center;
20503
- justify-content: space-between;
20504
- font-size: 0.875rem;
20505
- padding-top: 4px;
20506
- padding-bottom: 4px;
20507
- padding-inline-start: 6px;
20508
- padding-inline-end: 12px;
20509
- }
20510
- .v-date-picker-controls > .v-btn:first-child {
20511
- text-transform: none;
20512
- font-weight: 400;
20513
- line-height: initial;
20514
- letter-spacing: initial;
20515
- }
20516
- .v-date-picker-controls--variant-classic {
20517
- padding-inline-start: 12px;
20518
- }
20519
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20520
- opacity: 0.7;
20521
- }
20522
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20523
- cursor: pointer;
20524
- }
20525
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20526
- opacity: 1;
20527
- }
20528
- .v-date-picker-controls .v-btn:last-child {
20529
- margin-inline-start: 4px;
20530
- }
20531
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20532
- transform: rotate(180deg);
20533
- }
20534
-
20535
- .v-date-picker-controls__date {
20536
- margin-inline-end: 4px;
20537
- }
20538
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20539
- margin: auto;
20540
- text-align: center;
20541
- }
20542
-
20543
- .v-date-picker-controls__month {
20544
- display: flex;
20545
- }
20546
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20547
- flex-direction: row-reverse;
20548
- }
20549
-
20550
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20551
- flex: 1 0 auto;
20552
- }
20553
-
20554
- .v-date-picker__title {
20555
- display: inline-block;
20556
- }.v-date-picker {
20557
- overflow: hidden;
20558
- width: 328px;
20559
- }
20560
- .v-date-picker--show-week {
20561
- width: 368px;
20562
- }.v-date-picker-months {
20563
- height: 288px;
20564
- }
20565
-
20566
- .v-date-picker-months__content {
20567
- align-items: center;
20568
- display: grid;
20569
- flex: 1 1;
20570
- height: inherit;
20571
- justify-content: space-around;
20572
- grid-template-columns: repeat(2, 1fr);
20573
- grid-gap: 0px 24px;
20574
- padding-inline-start: 36px;
20575
- padding-inline-end: 36px;
20576
- }
20577
- .v-date-picker-months__content .v-btn {
20578
- text-transform: none;
20579
- padding-inline-start: 8px;
20580
- padding-inline-end: 8px;
20581
- }.v-date-picker-month {
20582
- display: flex;
20583
- justify-content: center;
20584
- padding: 0 12px 8px;
20585
- --v-date-picker-month-day-diff: 4px;
20586
- }
20587
-
20588
- .v-date-picker-month__weeks {
20589
- display: grid;
20590
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20591
- column-gap: 4px;
20592
- font-size: 0.85rem;
20593
- }
20594
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20595
- grid-row-gap: 0;
20596
- }
20597
-
20598
- .v-date-picker-month__weekday {
20599
- font-size: 0.85rem;
20600
- }
20601
-
20602
- .v-date-picker-month__days {
20603
- display: grid;
20604
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20605
- column-gap: 4px;
20606
- flex: 1 1;
20607
- justify-content: space-around;
20608
- }
20609
-
20610
- .v-date-picker-month__day {
20611
- align-items: center;
20612
- display: flex;
20613
- justify-content: center;
20614
- position: relative;
20615
- height: 40px;
20616
- width: 40px;
20617
- }
20618
- .v-date-picker-month__day--selected .v-btn {
20619
- background-color: rgb(var(--v-theme-surface-variant));
20620
- color: rgb(var(--v-theme-on-surface-variant));
20621
- }
20622
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20623
- --v-btn-height: 24px;
20624
- --v-btn-size: 0.85rem;
20625
- }
20626
- .v-date-picker-month__day--week {
20627
- font-size: var(--v-btn-size);
20628
- }
20629
-
20630
- .v-date-picker-month__day--adjacent {
20631
- opacity: 0.5;
20632
- }
20633
-
20634
- .v-date-picker-month__day--hide-adjacent {
20635
- opacity: 0;
20636
- }.v-date-picker-years {
20637
- height: 288px;
20638
- overflow-y: scroll;
20639
- }
20640
-
20641
- .v-date-picker-years__content {
20642
- display: grid;
20643
- flex: 1 1;
20644
- justify-content: space-around;
20645
- grid-template-columns: repeat(3, 1fr);
20646
- gap: 8px 24px;
20647
- padding-inline: 32px;
20648
- }
20649
- .v-date-picker-years__content .v-btn {
20650
- padding-inline: 8px;
20651
- }.v-dialog {
20652
- align-items: center;
20653
- justify-content: center;
20654
- margin: auto;
20655
- }
20656
- .v-dialog > .v-overlay__content {
20657
- max-height: calc(100% - 48px);
20658
- width: calc(100% - 48px);
20659
- max-width: calc(100% - 48px);
20660
- margin: 24px;
20661
- }
20662
- .v-dialog > .v-overlay__content,
20663
- .v-dialog > .v-overlay__content > form {
20664
- display: flex;
20665
- flex-direction: column;
20666
- min-height: 0;
20667
- }
20668
- .v-dialog > .v-overlay__content > .v-card,
20669
- .v-dialog > .v-overlay__content > .v-sheet,
20670
- .v-dialog > .v-overlay__content > form > .v-card,
20671
- .v-dialog > .v-overlay__content > form > .v-sheet {
20672
- --v-scrollbar-offset: 0px;
20673
- border-radius: 4px;
20674
- overflow-y: auto;
20675
- 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));
20676
- }
20677
- .v-dialog > .v-overlay__content > .v-card,
20678
- .v-dialog > .v-overlay__content > form > .v-card {
20679
- display: flex;
20680
- flex-direction: column;
20684
+ .v-dialog > .v-overlay__content > .v-card,
20685
+ .v-dialog > .v-overlay__content > form > .v-card {
20686
+ display: flex;
20687
+ flex-direction: column;
20681
20688
  }
20682
20689
  .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20683
20690
  .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
@@ -20731,341 +20738,131 @@ html.overflow-y-hidden {
20731
20738
  .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20732
20739
  display: flex;
20733
20740
  flex: 1 1 100%;
20734
- flex-direction: column;
20735
- max-height: 100%;
20736
- max-width: 100%;
20737
- }
20738
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20739
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20740
- -webkit-backface-visibility: hidden;
20741
- backface-visibility: hidden;
20742
- overflow-y: auto;
20743
- }.v-divider {
20744
- display: block;
20745
- flex: 1 1 100%;
20746
- height: 0px;
20747
- max-height: 0px;
20748
- opacity: var(--v-border-opacity);
20749
- transition: inherit;
20750
- border-style: solid;
20751
- border-width: thin 0 0 0;
20752
- }
20753
- .v-divider--vertical {
20754
- align-self: stretch;
20755
- border-width: 0 thin 0 0;
20756
- display: inline-flex;
20757
- height: 100%;
20758
- margin-left: -1px;
20759
- max-height: 100%;
20760
- max-width: 0px;
20761
- vertical-align: text-bottom;
20762
- width: 0px;
20763
- }
20764
- .v-divider--inset:not(.v-divider--vertical) {
20765
- max-width: calc(100% - 72px);
20766
- margin-inline-start: 72px;
20767
- }
20768
- .v-divider--inset.v-divider--vertical {
20769
- margin-bottom: 8px;
20770
- margin-top: 8px;
20771
- max-height: calc(100% - 16px);
20772
- }
20773
-
20774
- .v-divider__content {
20775
- padding: 0 16px;
20776
- }
20777
- .v-divider__wrapper--vertical .v-divider__content {
20778
- padding: 4px 0;
20779
- }
20780
-
20781
- .v-divider__wrapper {
20782
- display: flex;
20783
- align-items: center;
20784
- justify-content: center;
20785
- }
20786
- .v-divider__wrapper--vertical {
20787
- flex-direction: column;
20788
- height: 100%;
20789
- }
20790
- .v-divider__wrapper--vertical .v-divider {
20791
- margin: 0 auto;
20792
- }.v-empty-state {
20793
- align-items: center;
20794
- display: flex;
20795
- flex-direction: column;
20796
- justify-content: center;
20797
- min-height: 100%;
20798
- padding: 16px;
20799
- }
20800
- .v-empty-state--start {
20801
- align-items: flex-start;
20802
- }
20803
- .v-empty-state--center {
20804
- align-items: center;
20805
- }
20806
- .v-empty-state--end {
20807
- align-items: flex-end;
20808
- }
20809
-
20810
- .v-empty-state__media {
20811
- text-align: center;
20812
- width: 100%;
20813
- }
20814
- .v-empty-state__media .v-icon {
20815
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20816
- }
20817
-
20818
- .v-empty-state__headline {
20819
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20820
- font-size: 3.75rem;
20821
- font-weight: 300;
20822
- line-height: 1;
20823
- text-align: center;
20824
- margin-bottom: 8px;
20825
- }
20826
- .v-empty-state--mobile .v-empty-state__headline {
20827
- font-size: 2.125rem;
20828
- }
20829
-
20830
- .v-empty-state__title {
20831
- font-size: 1.25rem;
20832
- font-weight: 500;
20833
- line-height: 1.6;
20834
- margin-bottom: 4px;
20835
- text-align: center;
20836
- }
20837
-
20838
- .v-empty-state__text {
20839
- font-size: 0.875rem;
20840
- font-weight: 400;
20841
- line-height: 1.425;
20842
- padding: 0 16px;
20843
- text-align: center;
20844
- }
20845
-
20846
- .v-empty-state__content {
20847
- padding: 24px 0;
20848
- }
20849
-
20850
- .v-empty-state__actions {
20851
- display: flex;
20852
- gap: 8px;
20853
- padding: 16px;
20854
- }
20855
-
20856
- .v-empty-state__action-btn.v-btn {
20857
- background-color: rgb(var(--v-theme-surface-variant));
20858
- color: rgb(var(--v-theme-on-surface-variant));
20859
- }.v-expansion-panel {
20860
- background-color: rgb(var(--v-theme-surface));
20861
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20862
- }
20863
- .v-expansion-panel:not(:first-child)::after {
20864
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20865
- }
20866
- .v-expansion-panel--disabled .v-expansion-panel-title {
20867
- color: rgba(var(--v-theme-on-surface), 0.26);
20868
- }
20869
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20870
- opacity: 0.4615384615;
20871
- }
20872
-
20873
- .v-expansion-panels {
20874
- display: flex;
20875
- flex-wrap: wrap;
20876
- justify-content: center;
20877
- list-style-type: none;
20878
- padding: 0;
20879
- width: 100%;
20880
- position: relative;
20881
- z-index: 1;
20882
- }
20883
- .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) {
20884
- border-bottom-left-radius: 0 !important;
20885
- border-bottom-right-radius: 0 !important;
20886
- }
20887
- .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) {
20888
- border-top-left-radius: 0 !important;
20889
- border-top-right-radius: 0 !important;
20890
- }
20891
- .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) {
20892
- border-bottom-left-radius: 0 !important;
20893
- border-bottom-right-radius: 0 !important;
20894
- }
20895
- .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) {
20896
- border-top-left-radius: 0 !important;
20897
- border-top-right-radius: 0 !important;
20898
- }
20899
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20900
- border-bottom-left-radius: 0 !important;
20901
- border-bottom-right-radius: 0 !important;
20902
- }
20903
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20904
- border-top-left-radius: 0 !important;
20905
- border-top-right-radius: 0 !important;
20906
- }
20907
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20908
- border-bottom-left-radius: initial;
20909
- border-bottom-right-radius: initial;
20910
- }
20911
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20912
- border-radius: 0 !important;
20913
- }
20914
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20915
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20916
- }
20917
-
20918
- .v-expansion-panel {
20919
- flex: 1 0 100%;
20920
- max-width: 100%;
20921
- position: relative;
20922
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20923
- transition-property: margin-top, border-radius, border, max-width;
20924
- border-radius: 4px;
20925
- }
20926
- .v-expansion-panel:not(:first-child)::after {
20927
- border-top-style: solid;
20928
- border-top-width: thin;
20929
- content: "";
20930
- left: 0;
20931
- position: absolute;
20932
- right: 0;
20933
- top: 0;
20934
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20935
- }
20936
- .v-expansion-panel--disabled .v-expansion-panel-title {
20937
- pointer-events: none;
20938
- }
20939
- .v-expansion-panel--active:not(:first-child),
20940
- .v-expansion-panel--active + .v-expansion-panel {
20941
- margin-top: 16px;
20942
- }
20943
- .v-expansion-panel--active:not(:first-child)::after,
20944
- .v-expansion-panel--active + .v-expansion-panel::after {
20945
- opacity: 0;
20946
- }
20947
- .v-expansion-panel--active > .v-expansion-panel-title {
20948
- border-bottom-left-radius: 0;
20949
- border-bottom-right-radius: 0;
20950
- }
20951
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20952
- min-height: 64px;
20953
- }
20954
-
20955
- .v-expansion-panel__shadow {
20956
- position: absolute;
20957
- top: 0;
20958
- left: 0;
20959
- width: 100%;
20960
- height: 100%;
20961
- 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));
20962
- border-radius: inherit;
20963
- z-index: -1;
20741
+ flex-direction: column;
20742
+ max-height: 100%;
20743
+ max-width: 100%;
20964
20744
  }
20965
-
20966
- .v-expansion-panel-title {
20745
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20746
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20747
+ -webkit-backface-visibility: hidden;
20748
+ backface-visibility: hidden;
20749
+ overflow-y: auto;
20750
+ }.v-empty-state {
20967
20751
  align-items: center;
20968
- text-align: start;
20969
- border-radius: inherit;
20970
20752
  display: flex;
20971
- font-size: 0.9375rem;
20972
- line-height: 1;
20973
- min-height: 48px;
20974
- outline: none;
20975
- padding: 16px 24px;
20976
- position: relative;
20977
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20978
- width: 100%;
20979
- justify-content: space-between;
20753
+ flex-direction: column;
20754
+ justify-content: center;
20755
+ min-height: 100%;
20756
+ padding: 16px;
20980
20757
  }
20981
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20982
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20758
+ .v-empty-state--start {
20759
+ align-items: flex-start;
20983
20760
  }
20984
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20985
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20761
+ .v-empty-state--center {
20762
+ align-items: center;
20986
20763
  }
20987
- @supports not selector(:focus-visible) {
20988
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20989
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20990
- }
20764
+ .v-empty-state--end {
20765
+ align-items: flex-end;
20991
20766
  }
20992
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20993
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20767
+
20768
+ .v-empty-state__media {
20769
+ text-align: center;
20770
+ width: 100%;
20994
20771
  }
20995
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20996
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20772
+ .v-empty-state__media .v-icon {
20773
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20997
20774
  }
20998
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20999
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20775
+
20776
+ .v-empty-state__headline {
20777
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20778
+ font-size: 3.75rem;
20779
+ font-weight: 300;
20780
+ line-height: 1;
20781
+ text-align: center;
20782
+ margin-bottom: 8px;
21000
20783
  }
21001
- @supports not selector(:focus-visible) {
21002
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21003
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21004
- }
20784
+ .v-empty-state--mobile .v-empty-state__headline {
20785
+ font-size: 2.125rem;
21005
20786
  }
21006
20787
 
21007
- .v-expansion-panel-title__overlay {
21008
- position: absolute;
21009
- top: 0;
21010
- left: 0;
21011
- width: 100%;
21012
- height: 100%;
21013
- background-color: currentColor;
21014
- border-radius: inherit;
21015
- opacity: 0;
20788
+ .v-empty-state__title {
20789
+ font-size: 1.25rem;
20790
+ font-weight: 500;
20791
+ line-height: 1.6;
20792
+ margin-bottom: 4px;
20793
+ text-align: center;
21016
20794
  }
21017
20795
 
21018
- .v-expansion-panel-title__icon {
21019
- display: inline-flex;
21020
- margin-bottom: -4px;
21021
- margin-top: -4px;
21022
- -webkit-user-select: none;
21023
- user-select: none;
21024
- margin-inline-start: auto;
20796
+ .v-empty-state__text {
20797
+ font-size: 0.875rem;
20798
+ font-weight: 400;
20799
+ line-height: 1.425;
20800
+ padding: 0 16px;
20801
+ text-align: center;
21025
20802
  }
21026
20803
 
21027
- .v-expansion-panel-text {
21028
- display: flex;
21029
- }
21030
- .v-expansion-panel-text__wrapper {
21031
- padding: 8px 24px 16px;
21032
- flex: 1 1 auto;
21033
- max-width: 100%;
20804
+ .v-empty-state__content {
20805
+ padding: 24px 0;
21034
20806
  }
21035
20807
 
21036
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21037
- margin-top: 0;
21038
- }
21039
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21040
- opacity: 1;
20808
+ .v-empty-state__actions {
20809
+ display: flex;
20810
+ gap: 8px;
20811
+ padding: 16px;
21041
20812
  }
21042
20813
 
21043
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21044
- max-width: calc(100% - 32px);
20814
+ .v-empty-state__action-btn.v-btn {
20815
+ background-color: rgb(var(--v-theme-surface-variant));
20816
+ color: rgb(var(--v-theme-on-surface-variant));
20817
+ }.v-divider {
20818
+ display: block;
20819
+ flex: 1 1 100%;
20820
+ height: 0px;
20821
+ max-height: 0px;
20822
+ opacity: var(--v-border-opacity);
20823
+ transition: inherit;
20824
+ border-style: solid;
20825
+ border-width: thin 0 0 0;
21045
20826
  }
21046
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21047
- max-width: calc(100% + 16px);
20827
+ .v-divider--vertical {
20828
+ align-self: stretch;
20829
+ border-width: 0 thin 0 0;
20830
+ display: inline-flex;
20831
+ height: 100%;
20832
+ margin-left: -1px;
20833
+ max-height: 100%;
20834
+ max-width: 0px;
20835
+ vertical-align: text-bottom;
20836
+ width: 0px;
21048
20837
  }
21049
-
21050
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21051
- max-width: 100%;
20838
+ .v-divider--inset:not(.v-divider--vertical) {
20839
+ max-width: calc(100% - 72px);
20840
+ margin-inline-start: 72px;
21052
20841
  }
21053
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21054
- max-width: calc(100% - 32px);
20842
+ .v-divider--inset.v-divider--vertical {
20843
+ margin-bottom: 8px;
20844
+ margin-top: 8px;
20845
+ max-height: calc(100% - 16px);
21055
20846
  }
21056
20847
 
21057
- .v-expansion-panels--flat > .v-expansion-panel::after {
21058
- border-top: none;
20848
+ .v-divider__content {
20849
+ padding: 0 16px;
21059
20850
  }
21060
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21061
- display: none;
20851
+ .v-divider__wrapper--vertical .v-divider__content {
20852
+ padding: 4px 0;
21062
20853
  }
21063
20854
 
21064
- .v-expansion-panels--tile {
21065
- border-radius: 0;
20855
+ .v-divider__wrapper {
20856
+ display: flex;
20857
+ align-items: center;
20858
+ justify-content: center;
21066
20859
  }
21067
- .v-expansion-panels--tile > .v-expansion-panel {
21068
- border-radius: 0;
20860
+ .v-divider__wrapper--vertical {
20861
+ flex-direction: column;
20862
+ height: 100%;
20863
+ }
20864
+ .v-divider__wrapper--vertical .v-divider {
20865
+ margin: 0 auto;
21069
20866
  }.v-fab {
21070
20867
  align-items: center;
21071
20868
  display: inline-flex;
@@ -21135,6 +20932,35 @@ html.overflow-y-hidden {
21135
20932
  }
21136
20933
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21137
20934
  right: 0;
20935
+ }.v-file-input--hide.v-input .v-field,
20936
+ .v-file-input--hide.v-input .v-input__control,
20937
+ .v-file-input--hide.v-input .v-input__details {
20938
+ display: none;
20939
+ }
20940
+ .v-file-input--hide.v-input .v-input__prepend {
20941
+ grid-area: control;
20942
+ margin: 0 auto;
20943
+ }
20944
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20945
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20946
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20947
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20948
+ top: 0px;
20949
+ }
20950
+ .v-file-input input[type=file] {
20951
+ height: 100%;
20952
+ left: 0;
20953
+ opacity: 0;
20954
+ position: absolute;
20955
+ top: 0;
20956
+ width: 100%;
20957
+ z-index: 1;
20958
+ }
20959
+ .v-file-input .v-input__details {
20960
+ padding-inline: 16px;
20961
+ }
20962
+ .v-input--plain-underlined.v-file-input .v-input__details {
20963
+ padding-inline: 0;
21138
20964
  }/* region INPUT */
21139
20965
  .v-field {
21140
20966
  display: grid;
@@ -21705,36 +21531,7 @@ textarea.v-field__input::placeholder {
21705
21531
  opacity: 0;
21706
21532
  }
21707
21533
 
21708
- /* endregion */.v-file-input--hide.v-input .v-field,
21709
- .v-file-input--hide.v-input .v-input__control,
21710
- .v-file-input--hide.v-input .v-input__details {
21711
- display: none;
21712
- }
21713
- .v-file-input--hide.v-input .v-input__prepend {
21714
- grid-area: control;
21715
- margin: 0 auto;
21716
- }
21717
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21718
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21719
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21720
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21721
- top: 0px;
21722
- }
21723
- .v-file-input input[type=file] {
21724
- height: 100%;
21725
- left: 0;
21726
- opacity: 0;
21727
- position: absolute;
21728
- top: 0;
21729
- width: 100%;
21730
- z-index: 1;
21731
- }
21732
- .v-file-input .v-input__details {
21733
- padding-inline: 16px;
21734
- }
21735
- .v-input--plain-underlined.v-file-input .v-input__details {
21736
- padding-inline: 0;
21737
- }.v-footer {
21534
+ /* endregion */.v-footer {
21738
21535
  align-items: center;
21739
21536
  display: flex;
21740
21537
  flex: 1 1 auto;
@@ -21750,18 +21547,54 @@ textarea.v-field__input::placeholder {
21750
21547
  background: rgb(var(--v-theme-surface));
21751
21548
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21752
21549
  }
21753
- .v-footer--border {
21754
- border-width: thin;
21755
- box-shadow: none;
21550
+ .v-footer--border {
21551
+ border-width: thin;
21552
+ box-shadow: none;
21553
+ }
21554
+ .v-footer--absolute {
21555
+ position: absolute;
21556
+ }
21557
+ .v-footer--fixed {
21558
+ position: fixed;
21559
+ }
21560
+ .v-footer--rounded {
21561
+ border-radius: 4px;
21562
+ }.v-img {
21563
+ --v-theme-overlay-multiplier: 3;
21564
+ z-index: 0;
21565
+ }
21566
+ .v-img--booting .v-responsive__sizer {
21567
+ transition: none;
21568
+ }
21569
+ .v-img--rounded {
21570
+ border-radius: 4px;
21571
+ }
21572
+
21573
+ .v-img__img,
21574
+ .v-img__picture,
21575
+ .v-img__gradient,
21576
+ .v-img__placeholder,
21577
+ .v-img__error {
21578
+ z-index: -1;
21579
+ position: absolute;
21580
+ top: 0;
21581
+ left: 0;
21582
+ width: 100%;
21583
+ height: 100%;
21584
+ }
21585
+
21586
+ .v-img__img--preload {
21587
+ filter: blur(4px);
21756
21588
  }
21757
- .v-footer--absolute {
21758
- position: absolute;
21589
+ .v-img__img--contain {
21590
+ object-fit: contain;
21759
21591
  }
21760
- .v-footer--fixed {
21761
- position: fixed;
21592
+ .v-img__img--cover {
21593
+ object-fit: cover;
21762
21594
  }
21763
- .v-footer--rounded {
21764
- border-radius: 4px;
21595
+
21596
+ .v-img__gradient {
21597
+ background-repeat: no-repeat;
21765
21598
  }.v-icon {
21766
21599
  --v-icon-size-multiplier: 1;
21767
21600
  align-items: center;
@@ -21815,67 +21648,6 @@ textarea.v-field__input::placeholder {
21815
21648
 
21816
21649
  .v-icon--end {
21817
21650
  margin-inline-start: 8px;
21818
- }.v-img {
21819
- --v-theme-overlay-multiplier: 3;
21820
- z-index: 0;
21821
- }
21822
- .v-img--booting .v-responsive__sizer {
21823
- transition: none;
21824
- }
21825
- .v-img--rounded {
21826
- border-radius: 4px;
21827
- }
21828
-
21829
- .v-img__img,
21830
- .v-img__picture,
21831
- .v-img__gradient,
21832
- .v-img__placeholder,
21833
- .v-img__error {
21834
- z-index: -1;
21835
- position: absolute;
21836
- top: 0;
21837
- left: 0;
21838
- width: 100%;
21839
- height: 100%;
21840
- }
21841
-
21842
- .v-img__img--preload {
21843
- filter: blur(4px);
21844
- }
21845
- .v-img__img--contain {
21846
- object-fit: contain;
21847
- }
21848
- .v-img__img--cover {
21849
- object-fit: cover;
21850
- }
21851
-
21852
- .v-img__gradient {
21853
- background-repeat: no-repeat;
21854
- }.v-infinite-scroll--horizontal {
21855
- display: flex;
21856
- flex-direction: row;
21857
- overflow-x: auto;
21858
- }
21859
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21860
- height: 100%;
21861
- width: 1px;
21862
- }
21863
-
21864
- .v-infinite-scroll--vertical {
21865
- display: flex;
21866
- flex-direction: column;
21867
- overflow-y: auto;
21868
- }
21869
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21870
- height: 1px;
21871
- width: 100%;
21872
- }
21873
-
21874
- .v-infinite-scroll__side {
21875
- align-items: center;
21876
- display: flex;
21877
- justify-content: center;
21878
- padding: 8px;
21879
21651
  }.v-input {
21880
21652
  display: grid;
21881
21653
  flex: 1 1 auto;
@@ -22018,11 +21790,51 @@ textarea.v-field__input::placeholder {
22018
21790
 
22019
21791
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22020
21792
  padding-top: calc(var(--v-input-padding-top) + 0px);
21793
+ }.v-infinite-scroll--horizontal {
21794
+ display: flex;
21795
+ flex-direction: row;
21796
+ overflow-x: auto;
21797
+ }
21798
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21799
+ height: 100%;
21800
+ width: 1px;
21801
+ }
21802
+
21803
+ .v-infinite-scroll--vertical {
21804
+ display: flex;
21805
+ flex-direction: column;
21806
+ overflow-y: auto;
21807
+ }
21808
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21809
+ height: 1px;
21810
+ width: 100%;
21811
+ }
21812
+
21813
+ .v-infinite-scroll__side {
21814
+ align-items: center;
21815
+ display: flex;
21816
+ justify-content: center;
21817
+ padding: 8px;
22021
21818
  }.v-item-group {
22022
21819
  flex: 0 1 auto;
22023
21820
  max-width: 100%;
22024
21821
  position: relative;
22025
21822
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21823
+ }.v-layout {
21824
+ --v-scrollbar-offset: 0px;
21825
+ display: flex;
21826
+ flex: 1 1 auto;
21827
+ }
21828
+ .v-layout--full-height {
21829
+ --v-scrollbar-offset: inherit;
21830
+ height: 100%;
21831
+ }.v-layout-item {
21832
+ position: absolute;
21833
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21834
+ }
21835
+
21836
+ .v-layout-item--absolute {
21837
+ position: absolute;
22026
21838
  }.v-label {
22027
21839
  align-items: center;
22028
21840
  color: inherit;
@@ -22038,21 +21850,6 @@ textarea.v-field__input::placeholder {
22038
21850
 
22039
21851
  .v-label--clickable {
22040
21852
  cursor: pointer;
22041
- }.v-layout-item {
22042
- position: absolute;
22043
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22044
- }
22045
-
22046
- .v-layout-item--absolute {
22047
- position: absolute;
22048
- }.v-layout {
22049
- --v-scrollbar-offset: 0px;
22050
- display: flex;
22051
- flex: 1 1 auto;
22052
- }
22053
- .v-layout--full-height {
22054
- --v-scrollbar-offset: inherit;
22055
- height: 100%;
22056
21853
  }.v-list {
22057
21854
  overflow: auto;
22058
21855
  padding: 8px 0;
@@ -22610,8 +22407,6 @@ textarea.v-field__input::placeholder {
22610
22407
  }
22611
22408
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22612
22409
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22613
- }.v-locale-provider {
22614
- display: contents;
22615
22410
  }.v-main {
22616
22411
  flex: 1 0 auto;
22617
22412
  max-width: 100%;
@@ -22640,6 +22435,8 @@ textarea.v-field__input::placeholder {
22640
22435
  --v-layout-right: 0px;
22641
22436
  --v-layout-top: 0px;
22642
22437
  --v-layout-bottom: 0px;
22438
+ }.v-locale-provider {
22439
+ display: contents;
22643
22440
  }.v-menu > .v-overlay__content {
22644
22441
  display: flex;
22645
22442
  flex-direction: column;
@@ -23229,6 +23026,60 @@ html.v-overlay-scroll-blocked {
23229
23026
  }
23230
23027
  .v-radio-group .v-input__details {
23231
23028
  padding-inline: 16px;
23029
+ }.v-rating {
23030
+ max-width: 100%;
23031
+ display: inline-flex;
23032
+ white-space: nowrap;
23033
+ }
23034
+ .v-rating--readonly {
23035
+ pointer-events: none;
23036
+ }
23037
+
23038
+ .v-rating__wrapper {
23039
+ align-items: center;
23040
+ display: inline-flex;
23041
+ flex-direction: column;
23042
+ }
23043
+ .v-rating__wrapper--bottom {
23044
+ flex-direction: column-reverse;
23045
+ }
23046
+
23047
+ .v-rating__item {
23048
+ display: inline-flex;
23049
+ position: relative;
23050
+ }
23051
+ .v-rating__item label {
23052
+ cursor: pointer;
23053
+ }
23054
+ .v-rating__item .v-btn--variant-plain {
23055
+ opacity: 1;
23056
+ }
23057
+ .v-rating__item .v-btn {
23058
+ transition-property: transform;
23059
+ }
23060
+ .v-rating__item .v-btn .v-icon {
23061
+ transition: inherit;
23062
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23063
+ }
23064
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23065
+ transform: scale(1.25);
23066
+ }
23067
+ .v-rating__item--half {
23068
+ overflow: hidden;
23069
+ position: absolute;
23070
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23071
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23072
+ z-index: 1;
23073
+ }
23074
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23075
+ opacity: 0;
23076
+ }
23077
+
23078
+ .v-rating__hidden {
23079
+ height: 0;
23080
+ opacity: 0;
23081
+ position: absolute;
23082
+ width: 0;
23232
23083
  }.v-slider .v-slider__container input {
23233
23084
  cursor: default;
23234
23085
  padding: 0;
@@ -23284,62 +23135,8 @@ html.v-overlay-scroll-blocked {
23284
23135
  margin-bottom: 4px;
23285
23136
  }
23286
23137
 
23287
- .v-slider__label {
23288
- margin-inline-end: 12px;
23289
- }.v-rating {
23290
- max-width: 100%;
23291
- display: inline-flex;
23292
- white-space: nowrap;
23293
- }
23294
- .v-rating--readonly {
23295
- pointer-events: none;
23296
- }
23297
-
23298
- .v-rating__wrapper {
23299
- align-items: center;
23300
- display: inline-flex;
23301
- flex-direction: column;
23302
- }
23303
- .v-rating__wrapper--bottom {
23304
- flex-direction: column-reverse;
23305
- }
23306
-
23307
- .v-rating__item {
23308
- display: inline-flex;
23309
- position: relative;
23310
- }
23311
- .v-rating__item label {
23312
- cursor: pointer;
23313
- }
23314
- .v-rating__item .v-btn--variant-plain {
23315
- opacity: 1;
23316
- }
23317
- .v-rating__item .v-btn {
23318
- transition-property: transform;
23319
- }
23320
- .v-rating__item .v-btn .v-icon {
23321
- transition: inherit;
23322
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23323
- }
23324
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23325
- transform: scale(1.25);
23326
- }
23327
- .v-rating__item--half {
23328
- overflow: hidden;
23329
- position: absolute;
23330
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23331
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23332
- z-index: 1;
23333
- }
23334
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23335
- opacity: 0;
23336
- }
23337
-
23338
- .v-rating__hidden {
23339
- height: 0;
23340
- opacity: 0;
23341
- position: absolute;
23342
- width: 0;
23138
+ .v-slider__label {
23139
+ margin-inline-end: 12px;
23343
23140
  }.v-responsive {
23344
23141
  display: flex;
23345
23142
  flex: 1 0 auto;
@@ -24297,6 +24094,35 @@ html.v-overlay-scroll-blocked {
24297
24094
  }
24298
24095
  .v-system-bar:not(.v-system-bar--absolute) {
24299
24096
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24097
+ }.v-tab.v-tab.v-btn {
24098
+ height: var(--v-tabs-height);
24099
+ border-radius: 0;
24100
+ min-width: 90px;
24101
+ }
24102
+ .v-slide-group--horizontal .v-tab {
24103
+ max-width: 360px;
24104
+ }
24105
+ .v-slide-group--vertical .v-tab {
24106
+ justify-content: start;
24107
+ }
24108
+
24109
+ .v-tab__slider {
24110
+ position: absolute;
24111
+ bottom: 0;
24112
+ left: 0;
24113
+ height: 2px;
24114
+ width: 100%;
24115
+ background: currentColor;
24116
+ pointer-events: none;
24117
+ opacity: 0;
24118
+ }
24119
+ .v-tab--selected .v-tab__slider {
24120
+ opacity: 1;
24121
+ }
24122
+ .v-slide-group--vertical .v-tab__slider {
24123
+ top: 0;
24124
+ height: 100%;
24125
+ width: 2px;
24300
24126
  }.v-tabs {
24301
24127
  display: flex;
24302
24128
  height: var(--v-tabs-height);
@@ -24363,142 +24189,7 @@ html.v-overlay-scroll-blocked {
24363
24189
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24364
24190
  margin-inline-end: 52px;
24365
24191
  }
24366
- }.v-tab.v-tab.v-btn {
24367
- height: var(--v-tabs-height);
24368
- border-radius: 0;
24369
- min-width: 90px;
24370
- }
24371
- .v-slide-group--horizontal .v-tab {
24372
- max-width: 360px;
24373
- }
24374
- .v-slide-group--vertical .v-tab {
24375
- justify-content: start;
24376
- }
24377
-
24378
- .v-tab__slider {
24379
- position: absolute;
24380
- bottom: 0;
24381
- left: 0;
24382
- height: 2px;
24383
- width: 100%;
24384
- background: currentColor;
24385
- pointer-events: none;
24386
- opacity: 0;
24387
- }
24388
- .v-tab--selected .v-tab__slider {
24389
- opacity: 1;
24390
- }
24391
- .v-slide-group--vertical .v-tab__slider {
24392
- top: 0;
24393
- height: 100%;
24394
- width: 2px;
24395
- }.v-textarea .v-field {
24396
- --v-textarea-control-height: var(--v-input-control-height);
24397
- }
24398
- .v-textarea .v-field__field {
24399
- --v-input-control-height: var(--v-textarea-control-height);
24400
- }
24401
- .v-textarea .v-field__input {
24402
- flex: 1 1 auto;
24403
- outline: none;
24404
- -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));
24405
- 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));
24406
- }
24407
- .v-textarea .v-field__input.v-textarea__sizer {
24408
- visibility: hidden;
24409
- position: absolute;
24410
- top: 0;
24411
- left: 0;
24412
- height: 0 !important;
24413
- min-height: 0 !important;
24414
- pointer-events: none;
24415
- }
24416
- .v-textarea--no-resize .v-field__input {
24417
- resize: none;
24418
- }
24419
- .v-textarea .v-field--no-label textarea,
24420
- .v-textarea .v-field--active textarea {
24421
- opacity: 1;
24422
- }
24423
- .v-textarea textarea {
24424
- opacity: 0;
24425
- flex: 1;
24426
- min-width: 0;
24427
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24428
- }
24429
- .v-textarea textarea:focus, .v-textarea textarea:active {
24430
- outline: none;
24431
- }
24432
- .v-textarea textarea:invalid {
24433
- box-shadow: none;
24434
- }/* region BLOCK */
24435
- .v-text-field input {
24436
- color: inherit;
24437
- opacity: 0;
24438
- flex: 1;
24439
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24440
- min-width: 0;
24441
- }
24442
- .v-text-field input:focus, .v-text-field input:active {
24443
- outline: none;
24444
- }
24445
- .v-text-field input:invalid {
24446
- box-shadow: none;
24447
- }
24448
- .v-text-field .v-field {
24449
- cursor: text;
24450
- }
24451
- .v-text-field--prefixed.v-text-field .v-field__input {
24452
- --v-field-padding-start: 6px;
24453
- }
24454
-
24455
- .v-text-field--suffixed.v-text-field .v-field__input {
24456
- --v-field-padding-end: 0;
24457
- }
24458
-
24459
- .v-text-field .v-input__details {
24460
- padding-inline: 16px;
24461
- }
24462
- .v-input--plain-underlined.v-text-field .v-input__details {
24463
- padding-inline: 0;
24464
- }
24465
-
24466
- .v-text-field .v-field--no-label input,
24467
- .v-text-field .v-field--active input {
24468
- opacity: 1;
24469
- }
24470
- .v-text-field .v-field--single-line input {
24471
- transition: none;
24472
- }
24473
-
24474
- /* endregion */
24475
- /* region ELEMENTS */
24476
- .v-text-field__prefix, .v-text-field__suffix {
24477
- align-items: center;
24478
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24479
- cursor: default;
24480
- display: flex;
24481
- opacity: 0;
24482
- transition: inherit;
24483
- white-space: nowrap;
24484
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24485
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24486
- padding-bottom: var(--v-field-padding-bottom, 6px);
24487
- }
24488
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24489
- opacity: 1;
24490
- }
24491
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24492
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24493
- }
24494
- .v-text-field__prefix {
24495
- padding-inline-start: var(--v-field-padding-start);
24496
- }
24497
- .v-text-field__suffix {
24498
- padding-inline-end: var(--v-field-padding-end);
24499
- }
24500
-
24501
- /* endregion */.v-table {
24192
+ }.v-table {
24502
24193
  background: rgb(var(--v-theme-surface));
24503
24194
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24504
24195
  font-size: 0.875rem;
@@ -24585,57 +24276,163 @@ html.v-overlay-scroll-blocked {
24585
24276
  --v-table-row-height: 52px;
24586
24277
  }
24587
24278
 
24588
- .v-table--density-comfortable {
24589
- --v-table-header-height: 48px;
24590
- --v-table-row-height: 44px;
24279
+ .v-table--density-comfortable {
24280
+ --v-table-header-height: 48px;
24281
+ --v-table-row-height: 44px;
24282
+ }
24283
+
24284
+ .v-table--density-compact {
24285
+ --v-table-header-height: 40px;
24286
+ --v-table-row-height: 36px;
24287
+ }
24288
+
24289
+ .v-table__wrapper {
24290
+ border-radius: inherit;
24291
+ overflow: auto;
24292
+ flex: 1 1 auto;
24293
+ }
24294
+
24295
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24296
+ border-top-left-radius: 0;
24297
+ }
24298
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24299
+ border-top-right-radius: 0;
24300
+ }
24301
+
24302
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24303
+ border-bottom-left-radius: 0;
24304
+ }
24305
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24306
+ border-bottom-right-radius: 0;
24307
+ }
24308
+
24309
+ .v-table--fixed-height > .v-table__wrapper {
24310
+ overflow-y: auto;
24311
+ }
24312
+
24313
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24314
+ position: sticky;
24315
+ top: 0;
24316
+ z-index: 2;
24317
+ }
24318
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24319
+ border-bottom: 0px !important;
24320
+ }
24321
+
24322
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24323
+ position: sticky;
24324
+ bottom: 0;
24325
+ z-index: 1;
24326
+ }
24327
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24328
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24329
+ border-top: 0px !important;
24330
+ }/* region BLOCK */
24331
+ .v-text-field input {
24332
+ color: inherit;
24333
+ opacity: 0;
24334
+ flex: 1;
24335
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24336
+ min-width: 0;
24337
+ }
24338
+ .v-text-field input:focus, .v-text-field input:active {
24339
+ outline: none;
24340
+ }
24341
+ .v-text-field input:invalid {
24342
+ box-shadow: none;
24343
+ }
24344
+ .v-text-field .v-field {
24345
+ cursor: text;
24346
+ }
24347
+ .v-text-field--prefixed.v-text-field .v-field__input {
24348
+ --v-field-padding-start: 6px;
24349
+ }
24350
+
24351
+ .v-text-field--suffixed.v-text-field .v-field__input {
24352
+ --v-field-padding-end: 0;
24353
+ }
24354
+
24355
+ .v-text-field .v-input__details {
24356
+ padding-inline: 16px;
24357
+ }
24358
+ .v-input--plain-underlined.v-text-field .v-input__details {
24359
+ padding-inline: 0;
24360
+ }
24361
+
24362
+ .v-text-field .v-field--no-label input,
24363
+ .v-text-field .v-field--active input {
24364
+ opacity: 1;
24365
+ }
24366
+ .v-text-field .v-field--single-line input {
24367
+ transition: none;
24368
+ }
24369
+
24370
+ /* endregion */
24371
+ /* region ELEMENTS */
24372
+ .v-text-field__prefix, .v-text-field__suffix {
24373
+ align-items: center;
24374
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24375
+ cursor: default;
24376
+ display: flex;
24377
+ opacity: 0;
24378
+ transition: inherit;
24379
+ white-space: nowrap;
24380
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24381
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24382
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24591
24383
  }
24592
-
24593
- .v-table--density-compact {
24594
- --v-table-header-height: 40px;
24595
- --v-table-row-height: 36px;
24384
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24385
+ opacity: 1;
24596
24386
  }
24597
-
24598
- .v-table__wrapper {
24599
- border-radius: inherit;
24600
- overflow: auto;
24601
- flex: 1 1 auto;
24387
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24388
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24602
24389
  }
24603
-
24604
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24605
- border-top-left-radius: 0;
24390
+ .v-text-field__prefix {
24391
+ padding-inline-start: var(--v-field-padding-start);
24606
24392
  }
24607
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24608
- border-top-right-radius: 0;
24393
+ .v-text-field__suffix {
24394
+ padding-inline-end: var(--v-field-padding-end);
24609
24395
  }
24610
24396
 
24611
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24612
- border-bottom-left-radius: 0;
24397
+ /* endregion */.v-textarea .v-field {
24398
+ --v-textarea-control-height: var(--v-input-control-height);
24613
24399
  }
24614
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24615
- border-bottom-right-radius: 0;
24400
+ .v-textarea .v-field__field {
24401
+ --v-input-control-height: var(--v-textarea-control-height);
24616
24402
  }
24617
-
24618
- .v-table--fixed-height > .v-table__wrapper {
24619
- overflow-y: auto;
24403
+ .v-textarea .v-field__input {
24404
+ flex: 1 1 auto;
24405
+ outline: none;
24406
+ -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));
24407
+ 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));
24620
24408
  }
24621
-
24622
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24623
- position: sticky;
24409
+ .v-textarea .v-field__input.v-textarea__sizer {
24410
+ visibility: hidden;
24411
+ position: absolute;
24624
24412
  top: 0;
24625
- z-index: 2;
24413
+ left: 0;
24414
+ height: 0 !important;
24415
+ min-height: 0 !important;
24416
+ pointer-events: none;
24626
24417
  }
24627
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24628
- border-bottom: 0px !important;
24418
+ .v-textarea--no-resize .v-field__input {
24419
+ resize: none;
24629
24420
  }
24630
-
24631
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24632
- position: sticky;
24633
- bottom: 0;
24634
- z-index: 1;
24421
+ .v-textarea .v-field--no-label textarea,
24422
+ .v-textarea .v-field--active textarea {
24423
+ opacity: 1;
24635
24424
  }
24636
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24637
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24638
- border-top: 0px !important;
24425
+ .v-textarea textarea {
24426
+ opacity: 0;
24427
+ flex: 1;
24428
+ min-width: 0;
24429
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24430
+ }
24431
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24432
+ outline: none;
24433
+ }
24434
+ .v-textarea textarea:invalid {
24435
+ box-shadow: none;
24639
24436
  }.v-theme-provider {
24640
24437
  background: rgb(var(--v-theme-background));
24641
24438
  color: rgb(var(--v-theme-on-background));
@@ -25177,114 +24974,324 @@ html.v-overlay-scroll-blocked {
25177
24974
  white-space: nowrap;
25178
24975
  }
25179
24976
 
25180
- .v-toolbar-items {
25181
- display: flex;
25182
- height: inherit;
25183
- align-self: stretch;
25184
- }
25185
- .v-toolbar-items > .v-btn {
25186
- border-radius: 0;
25187
- }.v-tooltip > .v-overlay__content {
25188
- background: rgb(var(--v-theme-surface-variant));
25189
- color: rgb(var(--v-theme-on-surface-variant));
24977
+ .v-toolbar-items {
24978
+ display: flex;
24979
+ height: inherit;
24980
+ align-self: stretch;
24981
+ }
24982
+ .v-toolbar-items > .v-btn {
24983
+ border-radius: 0;
24984
+ }.v-tooltip > .v-overlay__content {
24985
+ background: rgb(var(--v-theme-surface-variant));
24986
+ color: rgb(var(--v-theme-on-surface-variant));
24987
+ border-radius: 4px;
24988
+ font-size: 0.875rem;
24989
+ line-height: 1.6;
24990
+ display: inline-block;
24991
+ padding: 5px 16px;
24992
+ text-transform: initial;
24993
+ width: auto;
24994
+ opacity: 1;
24995
+ pointer-events: none;
24996
+ transition-property: opacity, transform;
24997
+ overflow-wrap: break-word;
24998
+ }
24999
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25000
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25001
+ transition-duration: 150ms;
25002
+ }
25003
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25004
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25005
+ transition-duration: 75ms;
25006
+ }.v-window {
25007
+ overflow: hidden;
25008
+ }
25009
+ .v-window__container {
25010
+ display: flex;
25011
+ flex-direction: column;
25012
+ height: inherit;
25013
+ position: relative;
25014
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25015
+ }
25016
+ .v-window__controls {
25017
+ position: absolute;
25018
+ left: 0;
25019
+ top: 0;
25020
+ width: 100%;
25021
+ height: 100%;
25022
+ display: flex;
25023
+ align-items: center;
25024
+ justify-content: space-between;
25025
+ padding: 0 16px;
25026
+ pointer-events: none;
25027
+ }
25028
+ .v-window__controls > * {
25029
+ pointer-events: auto;
25030
+ }
25031
+ .v-window--show-arrows-on-hover {
25032
+ overflow: hidden;
25033
+ }
25034
+ .v-window--show-arrows-on-hover .v-window__left {
25035
+ transform: translateX(-200%);
25036
+ }
25037
+ .v-window--show-arrows-on-hover .v-window__right {
25038
+ transform: translateX(200%);
25039
+ }
25040
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25041
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25042
+ transform: translateX(0);
25043
+ }
25044
+
25045
+ .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 {
25046
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25047
+ }
25048
+ .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 {
25049
+ position: absolute !important;
25050
+ top: 0;
25051
+ width: 100%;
25052
+ }
25053
+ .v-window-x-transition-enter-from {
25054
+ transform: translateX(100%);
25055
+ }
25056
+ .v-window-x-transition-leave-to {
25057
+ transform: translateX(-100%);
25058
+ }
25059
+ .v-window-x-reverse-transition-enter-from {
25060
+ transform: translateX(-100%);
25061
+ }
25062
+ .v-window-x-reverse-transition-leave-to {
25063
+ transform: translateX(100%);
25064
+ }
25065
+ .v-window-y-transition-enter-from {
25066
+ transform: translateY(100%);
25067
+ }
25068
+ .v-window-y-transition-leave-to {
25069
+ transform: translateY(-100%);
25070
+ }
25071
+ .v-window-y-reverse-transition-enter-from {
25072
+ transform: translateY(-100%);
25073
+ }
25074
+ .v-window-y-reverse-transition-leave-to {
25075
+ transform: translateY(100%);
25076
+ }.v-virtual-scroll {
25077
+ display: block;
25078
+ flex: 1 1 auto;
25079
+ max-width: 100%;
25080
+ overflow: auto;
25081
+ position: relative;
25082
+ }
25083
+ .v-virtual-scroll__container {
25084
+ display: block;
25085
+ }.v-expansion-panel {
25086
+ background-color: rgb(var(--v-theme-surface));
25087
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25088
+ }
25089
+ .v-expansion-panel:not(:first-child)::after {
25090
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25091
+ }
25092
+ .v-expansion-panel--disabled .v-expansion-panel-title {
25093
+ color: rgba(var(--v-theme-on-surface), 0.26);
25094
+ }
25095
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
25096
+ opacity: 0.4615384615;
25097
+ }
25098
+
25099
+ .v-expansion-panels {
25100
+ display: flex;
25101
+ flex-wrap: wrap;
25102
+ justify-content: center;
25103
+ list-style-type: none;
25104
+ padding: 0;
25105
+ width: 100%;
25106
+ position: relative;
25107
+ z-index: 1;
25108
+ }
25109
+ .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) {
25110
+ border-bottom-left-radius: 0 !important;
25111
+ border-bottom-right-radius: 0 !important;
25112
+ }
25113
+ .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) {
25114
+ border-top-left-radius: 0 !important;
25115
+ border-top-right-radius: 0 !important;
25116
+ }
25117
+ .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) {
25118
+ border-bottom-left-radius: 0 !important;
25119
+ border-bottom-right-radius: 0 !important;
25120
+ }
25121
+ .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) {
25122
+ border-top-left-radius: 0 !important;
25123
+ border-top-right-radius: 0 !important;
25124
+ }
25125
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
25126
+ border-bottom-left-radius: 0 !important;
25127
+ border-bottom-right-radius: 0 !important;
25128
+ }
25129
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
25130
+ border-top-left-radius: 0 !important;
25131
+ border-top-right-radius: 0 !important;
25132
+ }
25133
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
25134
+ border-bottom-left-radius: initial;
25135
+ border-bottom-right-radius: initial;
25136
+ }
25137
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
25138
+ border-radius: 0 !important;
25139
+ }
25140
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
25141
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
25142
+ }
25143
+
25144
+ .v-expansion-panel {
25145
+ flex: 1 0 100%;
25146
+ max-width: 100%;
25147
+ position: relative;
25148
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
25149
+ transition-property: margin-top, border-radius, border, max-width;
25190
25150
  border-radius: 4px;
25191
- font-size: 0.875rem;
25192
- line-height: 1.6;
25193
- display: inline-block;
25194
- padding: 5px 16px;
25195
- text-transform: initial;
25196
- width: auto;
25197
- opacity: 1;
25151
+ }
25152
+ .v-expansion-panel:not(:first-child)::after {
25153
+ border-top-style: solid;
25154
+ border-top-width: thin;
25155
+ content: "";
25156
+ left: 0;
25157
+ position: absolute;
25158
+ right: 0;
25159
+ top: 0;
25160
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
25161
+ }
25162
+ .v-expansion-panel--disabled .v-expansion-panel-title {
25198
25163
  pointer-events: none;
25199
- transition-property: opacity, transform;
25200
- overflow-wrap: break-word;
25201
25164
  }
25202
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25203
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25204
- transition-duration: 150ms;
25165
+ .v-expansion-panel--active:not(:first-child),
25166
+ .v-expansion-panel--active + .v-expansion-panel {
25167
+ margin-top: 16px;
25205
25168
  }
25206
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25207
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25208
- transition-duration: 75ms;
25209
- }.v-virtual-scroll {
25210
- display: block;
25211
- flex: 1 1 auto;
25212
- max-width: 100%;
25213
- overflow: auto;
25214
- position: relative;
25169
+ .v-expansion-panel--active:not(:first-child)::after,
25170
+ .v-expansion-panel--active + .v-expansion-panel::after {
25171
+ opacity: 0;
25215
25172
  }
25216
- .v-virtual-scroll__container {
25217
- display: block;
25218
- }.v-window {
25219
- overflow: hidden;
25173
+ .v-expansion-panel--active > .v-expansion-panel-title {
25174
+ border-bottom-left-radius: 0;
25175
+ border-bottom-right-radius: 0;
25220
25176
  }
25221
- .v-window__container {
25222
- display: flex;
25223
- flex-direction: column;
25224
- height: inherit;
25225
- position: relative;
25226
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25177
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
25178
+ min-height: 64px;
25227
25179
  }
25228
- .v-window__controls {
25180
+
25181
+ .v-expansion-panel__shadow {
25229
25182
  position: absolute;
25230
- left: 0;
25231
25183
  top: 0;
25184
+ left: 0;
25232
25185
  width: 100%;
25233
25186
  height: 100%;
25234
- display: flex;
25187
+ 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));
25188
+ border-radius: inherit;
25189
+ z-index: -1;
25190
+ }
25191
+
25192
+ .v-expansion-panel-title {
25235
25193
  align-items: center;
25194
+ text-align: start;
25195
+ border-radius: inherit;
25196
+ display: flex;
25197
+ font-size: 0.9375rem;
25198
+ line-height: 1;
25199
+ min-height: 48px;
25200
+ outline: none;
25201
+ padding: 16px 24px;
25202
+ position: relative;
25203
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
25204
+ width: 100%;
25236
25205
  justify-content: space-between;
25237
- padding: 0 16px;
25238
- pointer-events: none;
25239
25206
  }
25240
- .v-window__controls > * {
25241
- pointer-events: auto;
25207
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
25208
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25242
25209
  }
25243
- .v-window--show-arrows-on-hover {
25244
- overflow: hidden;
25210
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
25211
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25245
25212
  }
25246
- .v-window--show-arrows-on-hover .v-window__left {
25247
- transform: translateX(-200%);
25213
+ @supports not selector(:focus-visible) {
25214
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
25215
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25216
+ }
25248
25217
  }
25249
- .v-window--show-arrows-on-hover .v-window__right {
25250
- transform: translateX(200%);
25218
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
25219
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25251
25220
  }
25252
- .v-window--show-arrows-on-hover:hover .v-window__left,
25253
- .v-window--show-arrows-on-hover:hover .v-window__right {
25254
- transform: translateX(0);
25221
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
25222
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25255
25223
  }
25256
-
25257
- .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 {
25258
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25224
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
25225
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25259
25226
  }
25260
- .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 {
25261
- position: absolute !important;
25227
+ @supports not selector(:focus-visible) {
25228
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
25229
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25230
+ }
25231
+ }
25232
+
25233
+ .v-expansion-panel-title__overlay {
25234
+ position: absolute;
25262
25235
  top: 0;
25236
+ left: 0;
25263
25237
  width: 100%;
25238
+ height: 100%;
25239
+ background-color: currentColor;
25240
+ border-radius: inherit;
25241
+ opacity: 0;
25264
25242
  }
25265
- .v-window-x-transition-enter-from {
25266
- transform: translateX(100%);
25243
+
25244
+ .v-expansion-panel-title__icon {
25245
+ display: inline-flex;
25246
+ margin-bottom: -4px;
25247
+ margin-top: -4px;
25248
+ -webkit-user-select: none;
25249
+ user-select: none;
25250
+ margin-inline-start: auto;
25267
25251
  }
25268
- .v-window-x-transition-leave-to {
25269
- transform: translateX(-100%);
25252
+
25253
+ .v-expansion-panel-text {
25254
+ display: flex;
25270
25255
  }
25271
- .v-window-x-reverse-transition-enter-from {
25272
- transform: translateX(-100%);
25256
+ .v-expansion-panel-text__wrapper {
25257
+ padding: 8px 24px 16px;
25258
+ flex: 1 1 auto;
25259
+ max-width: 100%;
25273
25260
  }
25274
- .v-window-x-reverse-transition-leave-to {
25275
- transform: translateX(100%);
25261
+
25262
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
25263
+ margin-top: 0;
25276
25264
  }
25277
- .v-window-y-transition-enter-from {
25278
- transform: translateY(100%);
25265
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
25266
+ opacity: 1;
25279
25267
  }
25280
- .v-window-y-transition-leave-to {
25281
- transform: translateY(-100%);
25268
+
25269
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
25270
+ max-width: calc(100% - 32px);
25282
25271
  }
25283
- .v-window-y-reverse-transition-enter-from {
25284
- transform: translateY(-100%);
25272
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
25273
+ max-width: calc(100% + 16px);
25285
25274
  }
25286
- .v-window-y-reverse-transition-leave-to {
25287
- transform: translateY(100%);
25275
+
25276
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
25277
+ max-width: 100%;
25278
+ }
25279
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
25280
+ max-width: calc(100% - 32px);
25281
+ }
25282
+
25283
+ .v-expansion-panels--flat > .v-expansion-panel::after {
25284
+ border-top: none;
25285
+ }
25286
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
25287
+ display: none;
25288
+ }
25289
+
25290
+ .v-expansion-panels--tile {
25291
+ border-radius: 0;
25292
+ }
25293
+ .v-expansion-panels--tile > .v-expansion-panel {
25294
+ border-radius: 0;
25288
25295
  }.v-color-picker-canvas {
25289
25296
  display: flex;
25290
25297
  position: relative;
@@ -25377,34 +25384,6 @@ html.v-overlay-scroll-blocked {
25377
25384
  .v-color-picker-preview__eye-dropper {
25378
25385
  position: relative;
25379
25386
  margin-right: 12px;
25380
- }.v-color-picker-edit {
25381
- display: flex;
25382
- margin-top: 24px;
25383
- }
25384
-
25385
- .v-color-picker-edit__input {
25386
- width: 100%;
25387
- display: flex;
25388
- flex-wrap: wrap;
25389
- justify-content: center;
25390
- text-align: center;
25391
- }
25392
- .v-color-picker-edit__input:not(:last-child) {
25393
- margin-inline-end: 8px;
25394
- }
25395
- .v-color-picker-edit__input input {
25396
- border-radius: 4px;
25397
- margin-bottom: 8px;
25398
- min-width: 0;
25399
- outline: none;
25400
- text-align: center;
25401
- width: 100%;
25402
- height: 32px;
25403
- background: rgba(var(--v-theme-surface-variant), 0.2);
25404
- color: rgba(var(--v-theme-on-surface));
25405
- }
25406
- .v-color-picker-edit__input span {
25407
- font-size: 0.75rem;
25408
25387
  }.v-color-picker-swatches {
25409
25388
  overflow-y: auto;
25410
25389
  }
@@ -25440,6 +25419,34 @@ html.v-overlay-scroll-blocked {
25440
25419
  justify-content: center;
25441
25420
  width: 100%;
25442
25421
  height: 100%;
25422
+ }.v-color-picker-edit {
25423
+ display: flex;
25424
+ margin-top: 24px;
25425
+ }
25426
+
25427
+ .v-color-picker-edit__input {
25428
+ width: 100%;
25429
+ display: flex;
25430
+ flex-wrap: wrap;
25431
+ justify-content: center;
25432
+ text-align: center;
25433
+ }
25434
+ .v-color-picker-edit__input:not(:last-child) {
25435
+ margin-inline-end: 8px;
25436
+ }
25437
+ .v-color-picker-edit__input input {
25438
+ border-radius: 4px;
25439
+ margin-bottom: 8px;
25440
+ min-width: 0;
25441
+ outline: none;
25442
+ text-align: center;
25443
+ width: 100%;
25444
+ height: 32px;
25445
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25446
+ color: rgba(var(--v-theme-on-surface));
25447
+ }
25448
+ .v-color-picker-edit__input span {
25449
+ font-size: 0.75rem;
25443
25450
  }.v-picker.v-sheet {
25444
25451
  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));
25445
25452
  border-radius: 4px;