@vuetify/nightly 3.5.3-dev.2024-02-14 → 3.5.3-dev.2024-03-03

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3-dev.2024-02-14
2
+ * Vuetify v3.5.3-dev.2024-03-03
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17268,19 +17268,6 @@ html.overflow-y-hidden {
17268
17268
  }
17269
17269
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17270
17270
  border-right: none;
17271
- }.v-calendar-header {
17272
- align-items: center;
17273
- display: flex;
17274
- min-height: 64px;
17275
- }
17276
-
17277
- .v-calendar-header__today {
17278
- margin-inline-end: 24px;
17279
- }
17280
-
17281
- .v-calendar-header__title {
17282
- font-size: 1.5rem;
17283
- margin-inline-start: 24px;
17284
17271
  }.v-calendar-day__row-with-label {
17285
17272
  display: grid;
17286
17273
  grid-template-columns: 48px 8px 1fr;
@@ -17354,6 +17341,19 @@ html.overflow-y-hidden {
17354
17341
  }
17355
17342
  .v-calendar-weekly .v-calendar__container.days__0 {
17356
17343
  grid-template-columns: repeat(1, 1fr);
17344
+ }.v-calendar-header {
17345
+ align-items: center;
17346
+ display: flex;
17347
+ min-height: 64px;
17348
+ }
17349
+
17350
+ .v-calendar-header__today {
17351
+ margin-inline-end: 24px;
17352
+ }
17353
+
17354
+ .v-calendar-header__title {
17355
+ font-size: 1.5rem;
17356
+ margin-inline-start: 24px;
17357
17357
  }.v-calendar-month__day {
17358
17358
  position: relative;
17359
17359
  display: flex;
@@ -17706,87 +17706,6 @@ html.overflow-y-hidden {
17706
17706
  min-height: 100vh;
17707
17707
  min-height: 100dvh;
17708
17708
  position: relative;
17709
- }.v-autocomplete .v-field .v-text-field__prefix,
17710
- .v-autocomplete .v-field .v-text-field__suffix,
17711
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17712
- cursor: text;
17713
- }
17714
- .v-autocomplete .v-field .v-field__input > input {
17715
- flex: 1 1;
17716
- }
17717
- .v-autocomplete .v-field input {
17718
- min-width: 64px;
17719
- }
17720
- .v-autocomplete .v-field:not(.v-field--focused) input {
17721
- min-width: 0;
17722
- }
17723
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17724
- margin-inline-end: 2px;
17725
- }
17726
- .v-autocomplete .v-autocomplete__selection-text {
17727
- overflow: hidden;
17728
- text-overflow: ellipsis;
17729
- white-space: nowrap;
17730
- }
17731
-
17732
- .v-autocomplete__content {
17733
- overflow: hidden;
17734
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17735
- border-radius: 4px;
17736
- }
17737
- .v-autocomplete__mask {
17738
- background: rgb(var(--v-theme-surface-light));
17739
- }
17740
- .v-autocomplete__selection {
17741
- display: inline-flex;
17742
- align-items: center;
17743
- height: 1.5rem;
17744
- letter-spacing: inherit;
17745
- line-height: inherit;
17746
- max-width: calc(100% - 2px - 2px);
17747
- }
17748
- .v-autocomplete__selection:first-child {
17749
- margin-inline-start: 0;
17750
- }
17751
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17752
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17753
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17754
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17755
- top: 0px;
17756
- }
17757
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17758
- opacity: var(--v-medium-emphasis-opacity);
17759
- }
17760
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17761
- opacity: 1;
17762
- }
17763
- .v-autocomplete--selecting-index .v-field__input > input {
17764
- caret-color: transparent;
17765
- }
17766
- .v-autocomplete--single.v-text-field .v-field--focused input {
17767
- flex: 1 1;
17768
- position: absolute;
17769
- left: 0;
17770
- right: 0;
17771
- width: 100%;
17772
- padding-inline: inherit;
17773
- }
17774
- .v-autocomplete--single .v-field--active input {
17775
- transition: none;
17776
- }
17777
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17778
- opacity: 0;
17779
- }
17780
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17781
- opacity: 0;
17782
- }
17783
- .v-autocomplete__menu-icon {
17784
- margin-inline-start: 4px;
17785
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17786
- }
17787
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17788
- opacity: var(--v-high-emphasis-opacity);
17789
- transform: rotate(180deg);
17790
17709
  }.v-avatar {
17791
17710
  flex: none;
17792
17711
  align-items: center;
@@ -17874,77 +17793,63 @@ html.overflow-y-hidden {
17874
17793
  .v-avatar .v-img {
17875
17794
  height: 100%;
17876
17795
  width: 100%;
17877
- }.v-badge {
17878
- display: inline-block;
17879
- line-height: 1;
17880
- }
17881
-
17882
- .v-badge__badge {
17796
+ }.v-breadcrumbs {
17797
+ display: flex;
17883
17798
  align-items: center;
17884
- display: inline-flex;
17885
- border-radius: 10px;
17886
- font-size: 0.75rem;
17887
- font-weight: 500;
17888
- height: 1.25rem;
17889
- justify-content: center;
17890
- min-width: 20px;
17891
- padding: 4px 6px;
17892
- pointer-events: auto;
17893
- position: absolute;
17894
- text-align: center;
17895
- text-indent: 0;
17896
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17897
- white-space: nowrap;
17898
- background: rgb(var(--v-theme-surface-variant));
17899
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17799
+ line-height: 1.375rem;
17800
+ padding: 16px 12px;
17900
17801
  }
17901
- .v-badge--bordered .v-badge__badge::after {
17902
- border-radius: inherit;
17903
- border-style: solid;
17904
- border-width: 2px;
17905
- bottom: 0;
17906
- color: rgb(var(--v-theme-background));
17907
- content: "";
17908
- left: 0;
17909
- position: absolute;
17910
- right: 0;
17911
- top: 0;
17912
- transform: scale(1.05);
17802
+ .v-breadcrumbs--rounded {
17803
+ border-radius: 4px;
17913
17804
  }
17914
- .v-badge--dot .v-badge__badge {
17915
- border-radius: 4.5px;
17916
- height: 9px;
17917
- min-width: 0;
17918
- padding: 0;
17919
- width: 9px;
17805
+ .v-breadcrumbs--density-default {
17806
+ padding-top: 16px;
17807
+ padding-bottom: 16px;
17920
17808
  }
17921
- .v-badge--dot .v-badge__badge::after {
17922
- border-width: 1.5px;
17809
+
17810
+ .v-breadcrumbs--density-comfortable {
17811
+ padding-top: 12px;
17812
+ padding-bottom: 12px;
17923
17813
  }
17924
- .v-badge--inline .v-badge__badge {
17925
- position: relative;
17814
+
17815
+ .v-breadcrumbs--density-compact {
17816
+ padding-top: 8px;
17817
+ padding-bottom: 8px;
17818
+ }
17819
+
17820
+ .v-breadcrumbs__prepend {
17821
+ align-items: center;
17822
+ display: inline-flex;
17823
+ }
17824
+
17825
+ .v-breadcrumbs-item {
17826
+ align-items: center;
17827
+ color: inherit;
17828
+ display: inline-flex;
17829
+ padding: 0 4px;
17830
+ text-decoration: none;
17926
17831
  vertical-align: middle;
17927
17832
  }
17928
- .v-badge__badge .v-icon {
17833
+ .v-breadcrumbs-item--disabled {
17834
+ opacity: var(--v-disabled-opacity);
17835
+ pointer-events: none;
17836
+ }
17837
+ .v-breadcrumbs-item--link {
17929
17838
  color: inherit;
17930
- font-size: 0.75rem;
17931
- margin: 0 -2px;
17839
+ text-decoration: none;
17932
17840
  }
17933
- .v-badge__badge img,
17934
- .v-badge__badge .v-img {
17935
- height: 100%;
17936
- width: 100%;
17841
+ .v-breadcrumbs-item--link:hover {
17842
+ text-decoration: underline;
17937
17843
  }
17938
-
17939
- .v-badge__wrapper {
17940
- display: flex;
17941
- position: relative;
17844
+ .v-breadcrumbs-item .v-icon {
17845
+ font-size: 1rem;
17846
+ margin-inline: -4px 2px;
17942
17847
  }
17943
- .v-badge--inline .v-badge__wrapper {
17944
- align-items: center;
17945
- display: inline-flex;
17946
- justify-content: center;
17947
- margin: 0 4px;
17848
+
17849
+ .v-breadcrumbs-divider {
17850
+ display: inline-block;
17851
+ padding: 0 8px;
17852
+ vertical-align: middle;
17948
17853
  }.v-banner {
17949
17854
  display: grid;
17950
17855
  flex: 1 1;
@@ -18102,118 +18007,214 @@ html.overflow-y-hidden {
18102
18007
  }
18103
18008
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18104
18009
  align-self: flex-start;
18105
- }.v-breadcrumbs {
18106
- display: flex;
18107
- align-items: center;
18108
- line-height: 1.375rem;
18109
- padding: 16px 12px;
18010
+ }.v-autocomplete .v-field .v-text-field__prefix,
18011
+ .v-autocomplete .v-field .v-text-field__suffix,
18012
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18013
+ cursor: text;
18110
18014
  }
18111
- .v-breadcrumbs--rounded {
18112
- border-radius: 4px;
18015
+ .v-autocomplete .v-field .v-field__input > input {
18016
+ flex: 1 1;
18113
18017
  }
18114
- .v-breadcrumbs--density-default {
18115
- padding-top: 16px;
18116
- padding-bottom: 16px;
18018
+ .v-autocomplete .v-field input {
18019
+ min-width: 64px;
18117
18020
  }
18118
-
18119
- .v-breadcrumbs--density-comfortable {
18120
- padding-top: 12px;
18121
- padding-bottom: 12px;
18021
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18022
+ min-width: 0;
18122
18023
  }
18123
-
18124
- .v-breadcrumbs--density-compact {
18125
- padding-top: 8px;
18126
- padding-bottom: 8px;
18024
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18025
+ margin-inline-end: 2px;
18127
18026
  }
18128
-
18129
- .v-breadcrumbs__prepend {
18130
- align-items: center;
18131
- display: inline-flex;
18027
+ .v-autocomplete .v-autocomplete__selection-text {
18028
+ overflow: hidden;
18029
+ text-overflow: ellipsis;
18030
+ white-space: nowrap;
18132
18031
  }
18133
18032
 
18134
- .v-breadcrumbs-item {
18135
- align-items: center;
18136
- color: inherit;
18137
- display: inline-flex;
18138
- padding: 0 4px;
18139
- text-decoration: none;
18140
- vertical-align: middle;
18033
+ .v-autocomplete__content {
18034
+ overflow: hidden;
18035
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18036
+ border-radius: 4px;
18141
18037
  }
18142
- .v-breadcrumbs-item--disabled {
18143
- opacity: var(--v-disabled-opacity);
18144
- pointer-events: none;
18038
+ .v-autocomplete__mask {
18039
+ background: rgb(var(--v-theme-surface-light));
18145
18040
  }
18146
- .v-breadcrumbs-item--link {
18147
- color: inherit;
18148
- text-decoration: none;
18041
+ .v-autocomplete__selection {
18042
+ display: inline-flex;
18043
+ align-items: center;
18044
+ height: 1.5rem;
18045
+ letter-spacing: inherit;
18046
+ line-height: inherit;
18047
+ max-width: calc(100% - 2px - 2px);
18149
18048
  }
18150
- .v-breadcrumbs-item--link:hover {
18151
- text-decoration: underline;
18049
+ .v-autocomplete__selection:first-child {
18050
+ margin-inline-start: 0;
18152
18051
  }
18153
- .v-breadcrumbs-item .v-icon {
18154
- font-size: 1rem;
18155
- margin-inline: -4px 2px;
18052
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18053
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18054
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18055
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18056
+ top: 0px;
18156
18057
  }
18157
-
18158
- .v-breadcrumbs-divider {
18058
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18059
+ opacity: var(--v-medium-emphasis-opacity);
18060
+ }
18061
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18062
+ opacity: 1;
18063
+ }
18064
+ .v-autocomplete--selecting-index .v-field__input > input {
18065
+ caret-color: transparent;
18066
+ }
18067
+ .v-autocomplete--single.v-text-field .v-field--focused input {
18068
+ flex: 1 1;
18069
+ position: absolute;
18070
+ left: 0;
18071
+ right: 0;
18072
+ width: 100%;
18073
+ padding-inline: inherit;
18074
+ }
18075
+ .v-autocomplete--single .v-field--active input {
18076
+ transition: none;
18077
+ }
18078
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18079
+ opacity: 0;
18080
+ }
18081
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
18082
+ opacity: 0;
18083
+ }
18084
+ .v-autocomplete__menu-icon {
18085
+ margin-inline-start: 4px;
18086
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18087
+ }
18088
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18089
+ opacity: var(--v-high-emphasis-opacity);
18090
+ transform: rotate(180deg);
18091
+ }.v-badge {
18159
18092
  display: inline-block;
18160
- padding: 0 8px;
18093
+ line-height: 1;
18094
+ }
18095
+
18096
+ .v-badge__badge {
18097
+ align-items: center;
18098
+ display: inline-flex;
18099
+ border-radius: 10px;
18100
+ font-size: 0.75rem;
18101
+ font-weight: 500;
18102
+ height: 1.25rem;
18103
+ justify-content: center;
18104
+ min-width: 20px;
18105
+ padding: 4px 6px;
18106
+ pointer-events: auto;
18107
+ position: absolute;
18108
+ text-align: center;
18109
+ text-indent: 0;
18110
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18111
+ white-space: nowrap;
18112
+ background: rgb(var(--v-theme-surface-variant));
18113
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18114
+ }
18115
+ .v-badge--bordered .v-badge__badge::after {
18116
+ border-radius: inherit;
18117
+ border-style: solid;
18118
+ border-width: 2px;
18119
+ bottom: 0;
18120
+ color: rgb(var(--v-theme-background));
18121
+ content: "";
18122
+ left: 0;
18123
+ position: absolute;
18124
+ right: 0;
18125
+ top: 0;
18126
+ transform: scale(1.05);
18127
+ }
18128
+ .v-badge--dot .v-badge__badge {
18129
+ border-radius: 4.5px;
18130
+ height: 9px;
18131
+ min-width: 0;
18132
+ padding: 0;
18133
+ width: 9px;
18134
+ }
18135
+ .v-badge--dot .v-badge__badge::after {
18136
+ border-width: 1.5px;
18137
+ }
18138
+ .v-badge--inline .v-badge__badge {
18139
+ position: relative;
18161
18140
  vertical-align: middle;
18162
- }.v-bottom-navigation {
18141
+ }
18142
+ .v-badge__badge .v-icon {
18143
+ color: inherit;
18144
+ font-size: 0.75rem;
18145
+ margin: 0 -2px;
18146
+ }
18147
+ .v-badge__badge img,
18148
+ .v-badge__badge .v-img {
18149
+ height: 100%;
18150
+ width: 100%;
18151
+ }
18152
+
18153
+ .v-badge__wrapper {
18163
18154
  display: flex;
18155
+ position: relative;
18156
+ }
18157
+ .v-badge--inline .v-badge__wrapper {
18158
+ align-items: center;
18159
+ display: inline-flex;
18160
+ justify-content: center;
18161
+ margin: 0 4px;
18162
+ }.v-btn-group {
18163
+ display: inline-flex;
18164
+ flex-wrap: nowrap;
18164
18165
  max-width: 100%;
18166
+ min-width: 0;
18165
18167
  overflow: hidden;
18166
- position: absolute;
18167
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18168
+ vertical-align: middle;
18168
18169
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18169
18170
  border-style: solid;
18170
18171
  border-width: 0;
18171
- border-radius: 0;
18172
- background: rgb(var(--v-theme-surface));
18172
+ 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));
18173
+ border-radius: 4px;
18174
+ background: transparent;
18173
18175
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18174
18176
  }
18175
- .v-bottom-navigation--border {
18177
+ .v-btn-group--border {
18176
18178
  border-width: thin;
18177
18179
  box-shadow: none;
18178
18180
  }
18179
- .v-bottom-navigation--active {
18180
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18181
+ .v-btn-group--density-default.v-btn-group {
18182
+ height: 48px;
18181
18183
  }
18182
18184
 
18183
- .v-bottom-navigation__content {
18184
- display: flex;
18185
- flex: none;
18186
- font-size: 0.75rem;
18187
- justify-content: center;
18188
- transition: inherit;
18189
- width: 100%;
18185
+ .v-btn-group--density-comfortable.v-btn-group {
18186
+ height: 40px;
18190
18187
  }
18191
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18192
- font-size: inherit;
18193
- height: 100%;
18194
- max-width: 168px;
18195
- min-width: 80px;
18196
- text-transform: none;
18197
- transition: inherit;
18198
- width: auto;
18188
+
18189
+ .v-btn-group--density-compact.v-btn-group {
18190
+ height: 36px;
18191
+ }
18192
+
18193
+ .v-btn-group .v-btn {
18199
18194
  border-radius: 0;
18195
+ border-color: inherit;
18200
18196
  }
18201
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18202
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18203
- transition: inherit;
18197
+ .v-btn-group .v-btn:not(:last-child) {
18198
+ border-inline-end: none;
18204
18199
  }
18205
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18206
- font-size: 1.5rem;
18200
+ .v-btn-group .v-btn:not(:first-child) {
18201
+ border-inline-start: none;
18207
18202
  }
18208
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18209
- flex-grow: 1;
18203
+ .v-btn-group .v-btn:first-child {
18204
+ border-start-start-radius: inherit;
18205
+ border-end-start-radius: inherit;
18210
18206
  }
18211
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18212
- transition: inherit;
18213
- opacity: 0;
18207
+ .v-btn-group .v-btn:last-child {
18208
+ border-start-end-radius: inherit;
18209
+ border-end-end-radius: inherit;
18214
18210
  }
18215
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18216
- transform: translateY(0.5rem);
18211
+ .v-btn-group--divided .v-btn:not(:last-child) {
18212
+ border-inline-end-width: thin;
18213
+ border-inline-end-style: solid;
18214
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18215
+ }
18216
+ .v-btn-group--tile {
18217
+ border-radius: 0;
18217
18218
  }.bottom-sheet-transition-enter-from {
18218
18219
  transform: translateY(100%);
18219
18220
  }
@@ -18649,36 +18650,154 @@ html.overflow-y-hidden {
18649
18650
  }
18650
18651
  .v-pagination__item--is-active .v-btn__overlay {
18651
18652
  opacity: var(--v-border-opacity);
18652
- }.v-card {
18653
- display: block;
18653
+ }.v-bottom-navigation {
18654
+ display: flex;
18655
+ max-width: 100%;
18654
18656
  overflow: hidden;
18655
- overflow-wrap: break-word;
18656
- position: relative;
18657
- padding: 0;
18658
- text-decoration: none;
18659
- transition-duration: 0.28s;
18660
- transition-property: box-shadow, opacity, background;
18661
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18662
- z-index: 0;
18657
+ position: absolute;
18658
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18663
18659
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18664
18660
  border-style: solid;
18665
18661
  border-width: 0;
18666
- border-radius: 4px;
18662
+ border-radius: 0;
18663
+ background: rgb(var(--v-theme-surface));
18664
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18667
18665
  }
18668
- .v-card--border {
18666
+ .v-bottom-navigation--border {
18669
18667
  border-width: thin;
18670
18668
  box-shadow: none;
18671
18669
  }
18672
- .v-card--absolute {
18673
- position: absolute;
18670
+ .v-bottom-navigation--active {
18671
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18674
18672
  }
18675
- .v-card--fixed {
18676
- position: fixed;
18673
+
18674
+ .v-bottom-navigation__content {
18675
+ display: flex;
18676
+ flex: none;
18677
+ font-size: 0.75rem;
18678
+ justify-content: center;
18679
+ transition: inherit;
18680
+ width: 100%;
18677
18681
  }
18678
- .v-card:hover > .v-card__overlay {
18679
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18682
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18683
+ font-size: inherit;
18684
+ height: 100%;
18685
+ max-width: 168px;
18686
+ min-width: 80px;
18687
+ text-transform: none;
18688
+ transition: inherit;
18689
+ width: auto;
18690
+ border-radius: 0;
18680
18691
  }
18681
- .v-card:focus-visible > .v-card__overlay {
18692
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18693
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18694
+ transition: inherit;
18695
+ }
18696
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18697
+ font-size: 1.5rem;
18698
+ }
18699
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18700
+ flex-grow: 1;
18701
+ }
18702
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18703
+ transition: inherit;
18704
+ opacity: 0;
18705
+ }
18706
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18707
+ transform: translateY(0.5rem);
18708
+ }.v-carousel {
18709
+ overflow: hidden;
18710
+ position: relative;
18711
+ width: 100%;
18712
+ }
18713
+ .v-carousel__controls {
18714
+ align-items: center;
18715
+ bottom: 0;
18716
+ display: flex;
18717
+ height: 50px;
18718
+ justify-content: center;
18719
+ list-style-type: none;
18720
+ position: absolute;
18721
+ width: 100%;
18722
+ z-index: 1;
18723
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18724
+ color: rgb(var(--v-theme-on-surface-variant));
18725
+ }
18726
+ .v-carousel__controls > .v-item-group {
18727
+ flex: 0 1 auto;
18728
+ }
18729
+ .v-carousel__controls__item {
18730
+ margin: 0 8px;
18731
+ }
18732
+ .v-carousel__controls__item .v-icon {
18733
+ opacity: 0.5;
18734
+ }
18735
+ .v-carousel__controls__item--active .v-icon {
18736
+ opacity: 1;
18737
+ vertical-align: middle;
18738
+ }
18739
+ .v-carousel__controls__item:hover {
18740
+ background: none;
18741
+ }
18742
+ .v-carousel__controls__item:hover .v-icon {
18743
+ opacity: 0.8;
18744
+ }
18745
+
18746
+ .v-carousel__progress {
18747
+ margin: 0;
18748
+ position: absolute;
18749
+ bottom: 0;
18750
+ left: 0;
18751
+ right: 0;
18752
+ }
18753
+
18754
+ .v-carousel-item {
18755
+ display: block;
18756
+ height: inherit;
18757
+ text-decoration: none;
18758
+ }
18759
+ .v-carousel-item > .v-img {
18760
+ height: inherit;
18761
+ }
18762
+
18763
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18764
+ background: transparent;
18765
+ }
18766
+
18767
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18768
+ flex-direction: column;
18769
+ height: 100% !important;
18770
+ width: 50px;
18771
+ }.v-card {
18772
+ display: block;
18773
+ overflow: hidden;
18774
+ overflow-wrap: break-word;
18775
+ position: relative;
18776
+ padding: 0;
18777
+ text-decoration: none;
18778
+ transition-duration: 0.28s;
18779
+ transition-property: box-shadow, opacity, background;
18780
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18781
+ z-index: 0;
18782
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18783
+ border-style: solid;
18784
+ border-width: 0;
18785
+ border-radius: 4px;
18786
+ }
18787
+ .v-card--border {
18788
+ border-width: thin;
18789
+ box-shadow: none;
18790
+ }
18791
+ .v-card--absolute {
18792
+ position: absolute;
18793
+ }
18794
+ .v-card--fixed {
18795
+ position: fixed;
18796
+ }
18797
+ .v-card:hover > .v-card__overlay {
18798
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18799
+ }
18800
+ .v-card:focus-visible > .v-card__overlay {
18682
18801
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18683
18802
  }
18684
18803
  @supports not selector(:focus-visible) {
@@ -18945,6 +19064,11 @@ html.overflow-y-hidden {
18945
19064
  pointer-events: none;
18946
19065
  opacity: 0;
18947
19066
  transition: opacity 0.2s ease-in-out;
19067
+ }.v-checkbox.v-input {
19068
+ flex: 0 1 auto;
19069
+ }
19070
+ .v-checkbox .v-selection-control {
19071
+ min-height: var(--v-input-control-height);
18948
19072
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18949
19073
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18950
19074
  }
@@ -18958,130 +19082,44 @@ html.overflow-y-hidden {
18958
19082
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18959
19083
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18960
19084
  }
18961
- }.v-checkbox.v-input {
18962
- flex: 0 1 auto;
18963
- }
18964
- .v-checkbox .v-selection-control {
18965
- min-height: var(--v-input-control-height);
18966
- }.v-btn-group {
18967
- display: inline-flex;
18968
- flex-wrap: nowrap;
19085
+ }.v-chip-group {
19086
+ display: flex;
18969
19087
  max-width: 100%;
18970
19088
  min-width: 0;
18971
- overflow: hidden;
18972
- vertical-align: middle;
18973
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18974
- border-style: solid;
18975
- border-width: 0;
18976
- 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));
18977
- border-radius: 4px;
18978
- background: transparent;
18979
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19089
+ overflow-x: auto;
19090
+ padding: 4px 0;
18980
19091
  }
18981
- .v-btn-group--border {
18982
- border-width: thin;
18983
- box-shadow: none;
19092
+ .v-chip-group .v-chip {
19093
+ margin: 4px 8px 4px 0;
18984
19094
  }
18985
- .v-btn-group--density-default.v-btn-group {
18986
- height: 48px;
19095
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19096
+ opacity: var(--v-activated-opacity);
18987
19097
  }
18988
19098
 
18989
- .v-btn-group--density-comfortable.v-btn-group {
18990
- height: 40px;
19099
+ .v-chip-group--column .v-slide-group__content {
19100
+ white-space: normal;
19101
+ flex-wrap: wrap;
19102
+ max-width: 100%;
19103
+ }.v-color-picker {
19104
+ align-self: flex-start;
19105
+ contain: content;
18991
19106
  }
18992
-
18993
- .v-btn-group--density-compact.v-btn-group {
18994
- height: 36px;
19107
+ .v-color-picker.v-sheet {
19108
+ 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));
19109
+ border-radius: 4px;
18995
19110
  }
18996
19111
 
18997
- .v-btn-group .v-btn {
18998
- border-radius: 0;
18999
- border-color: inherit;
19000
- }
19001
- .v-btn-group .v-btn:not(:last-child) {
19002
- border-inline-end: none;
19003
- }
19004
- .v-btn-group .v-btn:not(:first-child) {
19005
- border-inline-start: none;
19006
- }
19007
- .v-btn-group .v-btn:first-child {
19008
- border-start-start-radius: inherit;
19009
- border-end-start-radius: inherit;
19010
- }
19011
- .v-btn-group .v-btn:last-child {
19012
- border-start-end-radius: inherit;
19013
- border-end-end-radius: inherit;
19014
- }
19015
- .v-btn-group--divided .v-btn:not(:last-child) {
19016
- border-inline-end-width: thin;
19017
- border-inline-end-style: solid;
19018
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19019
- }
19020
- .v-btn-group--tile {
19021
- border-radius: 0;
19022
- }.v-carousel {
19023
- overflow: hidden;
19024
- position: relative;
19025
- width: 100%;
19026
- }
19027
- .v-carousel__controls {
19028
- align-items: center;
19029
- bottom: 0;
19112
+ .v-color-picker__controls {
19030
19113
  display: flex;
19031
- height: 50px;
19032
- justify-content: center;
19033
- list-style-type: none;
19034
- position: absolute;
19035
- width: 100%;
19036
- z-index: 1;
19037
- background: rgba(var(--v-theme-surface-variant), 0.3);
19038
- color: rgb(var(--v-theme-on-surface-variant));
19039
- }
19040
- .v-carousel__controls > .v-item-group {
19041
- flex: 0 1 auto;
19042
- }
19043
- .v-carousel__controls__item {
19044
- margin: 0 8px;
19045
- }
19046
- .v-carousel__controls__item .v-icon {
19047
- opacity: 0.5;
19048
- }
19049
- .v-carousel__controls__item--active .v-icon {
19050
- opacity: 1;
19051
- vertical-align: middle;
19052
- }
19053
- .v-carousel__controls__item:hover {
19054
- background: none;
19055
- }
19056
- .v-carousel__controls__item:hover .v-icon {
19057
- opacity: 0.8;
19058
- }
19059
-
19060
- .v-carousel__progress {
19061
- margin: 0;
19062
- position: absolute;
19063
- bottom: 0;
19064
- left: 0;
19065
- right: 0;
19066
- }
19067
-
19068
- .v-carousel-item {
19069
- display: block;
19070
- height: inherit;
19071
- text-decoration: none;
19072
- }
19073
- .v-carousel-item > .v-img {
19074
- height: inherit;
19114
+ flex-direction: column;
19115
+ padding: 16px;
19075
19116
  }
19076
19117
 
19077
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19078
- background: transparent;
19118
+ .v-color-picker--flat {
19119
+ 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));
19079
19120
  }
19080
-
19081
- .v-carousel--vertical-delimiters .v-carousel__controls {
19082
- flex-direction: column;
19083
- height: 100% !important;
19084
- width: 50px;
19121
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19122
+ 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));
19085
19123
  }.v-chip {
19086
19124
  align-items: center;
19087
19125
  display: inline-flex;
@@ -19489,44 +19527,6 @@ html.overflow-y-hidden {
19489
19527
 
19490
19528
  .v-chip--label {
19491
19529
  border-radius: 4px;
19492
- }.v-chip-group {
19493
- display: flex;
19494
- max-width: 100%;
19495
- min-width: 0;
19496
- overflow-x: auto;
19497
- padding: 4px 0;
19498
- }
19499
- .v-chip-group .v-chip {
19500
- margin: 4px 8px 4px 0;
19501
- }
19502
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19503
- opacity: var(--v-activated-opacity);
19504
- }
19505
-
19506
- .v-chip-group--column .v-slide-group__content {
19507
- white-space: normal;
19508
- flex-wrap: wrap;
19509
- max-width: 100%;
19510
- }.v-color-picker {
19511
- align-self: flex-start;
19512
- contain: content;
19513
- }
19514
- .v-color-picker.v-sheet {
19515
- 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));
19516
- border-radius: 4px;
19517
- }
19518
-
19519
- .v-color-picker__controls {
19520
- display: flex;
19521
- flex-direction: column;
19522
- padding: 16px;
19523
- }
19524
-
19525
- .v-color-picker--flat {
19526
- 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));
19527
- }
19528
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19529
- 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));
19530
19530
  }.v-container {
19531
19531
  width: 100%;
19532
19532
  padding: 16px;
@@ -20204,174 +20204,6 @@ html.overflow-y-hidden {
20204
20204
  flex: 0 1 auto;
20205
20205
  font-size: 12px;
20206
20206
  transition-duration: 150ms;
20207
- }.v-data-table-footer {
20208
- display: flex;
20209
- align-items: center;
20210
- flex-wrap: wrap;
20211
- padding: 4px;
20212
- justify-content: flex-end;
20213
- }
20214
-
20215
- .v-data-table-footer__items-per-page {
20216
- display: flex;
20217
- align-items: center;
20218
- justify-content: center;
20219
- }
20220
- .v-data-table-footer__items-per-page > span {
20221
- padding-inline-end: 8px;
20222
- }
20223
- .v-data-table-footer__items-per-page > .v-select {
20224
- width: 90px;
20225
- }
20226
-
20227
- .v-data-table-footer__info {
20228
- display: flex;
20229
- justify-content: flex-end;
20230
- min-width: 116px;
20231
- padding: 0 16px;
20232
- }
20233
-
20234
- .v-data-table-footer__pagination {
20235
- display: flex;
20236
- align-items: center;
20237
- margin-inline-start: 16px;
20238
- }
20239
-
20240
- .v-data-table-footer__page {
20241
- padding: 0 8px;
20242
- }.v-data-table {
20243
- width: 100%;
20244
- }
20245
-
20246
- .v-data-table__table {
20247
- width: 100%;
20248
- border-collapse: separate;
20249
- border-spacing: 0;
20250
- }
20251
-
20252
- .v-data-table__tr--focus {
20253
- border: 1px dotted black;
20254
- }
20255
- .v-data-table__tr--clickable {
20256
- cursor: pointer;
20257
- }
20258
-
20259
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20260
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20261
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20262
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20263
- text-align: end;
20264
- }
20265
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20266
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20267
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20268
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20269
- flex-direction: row-reverse;
20270
- }
20271
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20272
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20273
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20274
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20275
- text-align: center;
20276
- }
20277
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20278
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20279
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20280
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20281
- justify-content: center;
20282
- }
20283
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20284
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20285
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20286
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20287
- padding: 0 8px;
20288
- }
20289
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20290
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20291
- align-items: center;
20292
- }
20293
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20294
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20295
- position: sticky;
20296
- }
20297
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20298
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20299
- cursor: pointer;
20300
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20301
- }
20302
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20303
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20304
- opacity: 0;
20305
- }
20306
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20307
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20308
- opacity: 0.5;
20309
- }
20310
-
20311
- .v-data-table-column--fixed,
20312
- .v-data-table__th--sticky {
20313
- background: rgb(var(--v-theme-surface));
20314
- position: sticky !important;
20315
- left: 0;
20316
- z-index: 1;
20317
- }
20318
-
20319
- .v-data-table-column--last-fixed {
20320
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20321
- }
20322
-
20323
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20324
- z-index: 2;
20325
- }
20326
-
20327
- .v-data-table-group-header-row td {
20328
- background: rgba(var(--v-theme-surface));
20329
- color: rgba(var(--v-theme-on-surface));
20330
- }
20331
- .v-data-table-group-header-row td > span {
20332
- padding-left: 5px;
20333
- }
20334
-
20335
- .v-data-table--loading .v-data-table__td {
20336
- opacity: 0.3;
20337
- }
20338
-
20339
- .v-data-table-group-header-row__column {
20340
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20341
- }
20342
-
20343
- .v-data-table-header__content {
20344
- display: flex;
20345
- align-items: center;
20346
- }
20347
-
20348
- .v-data-table-header__sort-badge {
20349
- display: inline-flex;
20350
- justify-content: center;
20351
- align-items: center;
20352
- font-size: 0.875rem;
20353
- padding: 4px;
20354
- border-radius: 50%;
20355
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20356
- min-width: 20px;
20357
- min-height: 20px;
20358
- width: 20px;
20359
- height: 20px;
20360
- }
20361
-
20362
- .v-data-table-progress > th {
20363
- border: none !important;
20364
- height: auto !important;
20365
- padding: 0 !important;
20366
- }
20367
-
20368
- .v-data-table-progress__loader {
20369
- position: relative;
20370
- }
20371
-
20372
- .v-data-table-rows-loading,
20373
- .v-data-table-rows-no-data {
20374
- text-align: center;
20375
20207
  }.v-combobox .v-field .v-text-field__prefix,
20376
20208
  .v-combobox .v-field .v-text-field__suffix,
20377
20209
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20453,94 +20285,87 @@ html.overflow-y-hidden {
20453
20285
  .v-combobox--active-menu .v-combobox__menu-icon {
20454
20286
  opacity: var(--v-high-emphasis-opacity);
20455
20287
  transform: rotate(180deg);
20456
- }.v-dialog {
20457
- align-items: center;
20458
- justify-content: center;
20459
- margin: auto;
20288
+ }.v-date-picker__input {
20289
+ padding-top: 16px;
20290
+ padding-left: 24px;
20291
+ padding-right: 24px;
20460
20292
  }
20461
- .v-dialog > .v-overlay__content {
20462
- max-height: calc(100% - 48px);
20463
- width: calc(100% - 48px);
20464
- max-width: calc(100% - 48px);
20465
- margin: 24px;
20293
+
20294
+ .v-date-picker {
20295
+ overflow: hidden;
20296
+ width: 360px;
20466
20297
  }
20467
- .v-dialog > .v-overlay__content,
20468
- .v-dialog > .v-overlay__content > form {
20469
- display: flex;
20470
- flex-direction: column;
20471
- min-height: 0;
20298
+ .v-date-picker--show-week {
20299
+ width: 408px;
20472
20300
  }
20473
- .v-dialog > .v-overlay__content > .v-card,
20474
- .v-dialog > .v-overlay__content > .v-sheet,
20475
- .v-dialog > .v-overlay__content > form > .v-card,
20476
- .v-dialog > .v-overlay__content > form > .v-sheet {
20477
- --v-scrollbar-offset: 0px;
20478
- border-radius: 4px;
20479
- overflow-y: auto;
20480
- 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));
20301
+
20302
+ .v-date-picker-month {
20303
+ padding: 0 12px 12px;
20481
20304
  }
20482
- .v-dialog > .v-overlay__content > .v-card,
20483
- .v-dialog > .v-overlay__content > form > .v-card {
20305
+
20306
+ .v-date-picker-month__day {
20307
+ height: 48px;
20308
+ width: 48px;
20309
+ }
20310
+ .v-date-picker-month__day .v-btn {
20311
+ --v-btn-height: 28px;
20312
+ --v-btn-size: 0.85rem;
20313
+ }.v-date-picker-controls {
20484
20314
  display: flex;
20485
- flex-direction: column;
20315
+ align-items: center;
20316
+ justify-content: space-between;
20317
+ font-size: 0.875rem;
20318
+ padding-top: 4px;
20319
+ padding-bottom: 4px;
20320
+ padding-inline-start: 6px;
20321
+ padding-inline-end: 12px;
20486
20322
  }
20487
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20488
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20489
- padding: 14px 24px 0;
20323
+ .v-date-picker-controls > .v-btn:first-child {
20324
+ text-transform: none;
20325
+ font-weight: 400;
20326
+ line-height: initial;
20327
+ letter-spacing: initial;
20490
20328
  }
20491
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20492
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20493
- padding-top: 10px;
20329
+ .v-date-picker-controls--variant-classic {
20330
+ padding-inline-start: 12px;
20494
20331
  }
20495
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20496
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20497
- font-size: inherit;
20498
- letter-spacing: 0.03125em;
20499
- line-height: inherit;
20500
- padding: 16px 24px 10px;
20332
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20333
+ opacity: 0.7;
20501
20334
  }
20502
-
20503
- .v-dialog--fullscreen {
20504
- --v-scrollbar-offset: 0px;
20335
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20336
+ cursor: pointer;
20505
20337
  }
20506
- .v-dialog--fullscreen > .v-overlay__content {
20507
- border-radius: 0;
20508
- margin: 0;
20509
- padding: 0;
20510
- width: 100%;
20511
- height: 100%;
20512
- max-width: 100%;
20513
- max-height: 100%;
20514
- overflow-y: auto;
20515
- top: 0;
20516
- left: 0;
20338
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20339
+ opacity: 1;
20517
20340
  }
20518
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20519
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20520
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20521
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20522
- min-height: 100%;
20523
- min-width: 100%;
20524
- border-radius: 0;
20341
+ .v-date-picker-controls .v-btn:last-child {
20342
+ margin-inline-start: 4px;
20343
+ }
20344
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20345
+ transform: rotate(180deg);
20525
20346
  }
20526
20347
 
20527
- .v-dialog--scrollable > .v-overlay__content,
20528
- .v-dialog--scrollable > .v-overlay__content > form {
20529
- display: flex;
20348
+ .v-date-picker-controls__date {
20349
+ margin-inline-end: 4px;
20530
20350
  }
20531
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20532
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20351
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20352
+ margin: auto;
20353
+ text-align: center;
20354
+ }
20355
+
20356
+ .v-date-picker-controls__month {
20533
20357
  display: flex;
20534
- flex: 1 1 100%;
20535
- flex-direction: column;
20536
- max-height: 100%;
20537
- max-width: 100%;
20538
20358
  }
20539
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20540
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20541
- -webkit-backface-visibility: hidden;
20542
- backface-visibility: hidden;
20543
- overflow-y: auto;
20359
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20360
+ flex-direction: row-reverse;
20361
+ }
20362
+
20363
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20364
+ flex: 1 0 auto;
20365
+ }
20366
+
20367
+ .v-date-picker__title {
20368
+ display: inline-block;
20544
20369
  }.v-date-picker-header {
20545
20370
  display: grid;
20546
20371
  grid-template-areas: "prepend content append";
@@ -20599,31 +20424,21 @@ html.overflow-y-hidden {
20599
20424
  .date-picker-header-reverse-transition-leave-to {
20600
20425
  opacity: 0;
20601
20426
  transform: translate(0, 100%);
20602
- }.v-date-picker__input {
20603
- padding-top: 16px;
20604
- padding-left: 24px;
20605
- padding-right: 24px;
20606
- }
20607
-
20608
- .v-date-picker {
20609
- overflow: hidden;
20610
- width: 360px;
20611
- }
20612
- .v-date-picker--show-week {
20613
- width: 408px;
20614
- }
20615
-
20616
- .v-date-picker-month {
20617
- padding: 0 12px 12px;
20427
+ }.v-date-picker-years {
20428
+ height: 320px;
20429
+ overflow-y: scroll;
20618
20430
  }
20619
20431
 
20620
- .v-date-picker-month__day {
20621
- height: 48px;
20622
- width: 48px;
20432
+ .v-date-picker-years__content {
20433
+ display: grid;
20434
+ flex: 1 1;
20435
+ justify-content: space-around;
20436
+ grid-template-columns: repeat(3, 1fr);
20437
+ gap: 8px 24px;
20438
+ padding-inline: 36px;
20623
20439
  }
20624
- .v-date-picker-month__day .v-btn {
20625
- --v-btn-height: 28px;
20626
- --v-btn-size: 0.85rem;
20440
+ .v-date-picker-years__content .v-btn {
20441
+ padding-inline: 8px;
20627
20442
  }.v-date-picker-month {
20628
20443
  display: flex;
20629
20444
  justify-content: center;
@@ -20693,77 +20508,203 @@ html.overflow-y-hidden {
20693
20508
  text-transform: none;
20694
20509
  padding-inline-start: 8px;
20695
20510
  padding-inline-end: 8px;
20696
- }.v-date-picker-years {
20697
- height: 320px;
20698
- overflow-y: scroll;
20511
+ }.v-data-table {
20512
+ width: 100%;
20699
20513
  }
20700
20514
 
20701
- .v-date-picker-years__content {
20702
- display: grid;
20703
- flex: 1 1;
20704
- justify-content: space-around;
20705
- grid-template-columns: repeat(3, 1fr);
20706
- gap: 8px 24px;
20707
- padding-inline: 36px;
20515
+ .v-data-table__table {
20516
+ width: 100%;
20517
+ border-collapse: separate;
20518
+ border-spacing: 0;
20708
20519
  }
20709
- .v-date-picker-years__content .v-btn {
20710
- padding-inline: 8px;
20711
- }.v-date-picker-controls {
20712
- display: flex;
20713
- align-items: center;
20714
- justify-content: space-between;
20715
- font-size: 0.875rem;
20716
- padding-top: 4px;
20717
- padding-bottom: 4px;
20718
- padding-inline-start: 6px;
20719
- padding-inline-end: 12px;
20520
+
20521
+ .v-data-table__tr--focus {
20522
+ border: 1px dotted black;
20720
20523
  }
20721
- .v-date-picker-controls > .v-btn:first-child {
20722
- text-transform: none;
20723
- font-weight: 400;
20724
- line-height: initial;
20725
- letter-spacing: initial;
20524
+ .v-data-table__tr--clickable {
20525
+ cursor: pointer;
20726
20526
  }
20727
- .v-date-picker-controls--variant-classic {
20728
- padding-inline-start: 12px;
20527
+
20528
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20529
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20530
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20531
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20532
+ text-align: end;
20729
20533
  }
20730
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20731
- opacity: 0.7;
20534
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20535
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20536
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20537
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20538
+ flex-direction: row-reverse;
20732
20539
  }
20733
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20540
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20541
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20542
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20543
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20544
+ text-align: center;
20545
+ }
20546
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20547
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20548
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20549
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20550
+ justify-content: center;
20551
+ }
20552
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20553
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20554
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20555
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20556
+ padding: 0 8px;
20557
+ }
20558
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20559
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20560
+ align-items: center;
20561
+ }
20562
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20563
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20564
+ position: sticky;
20565
+ }
20566
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20567
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20734
20568
  cursor: pointer;
20569
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20735
20570
  }
20736
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20737
- opacity: 1;
20571
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20572
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20573
+ opacity: 0;
20738
20574
  }
20739
- .v-date-picker-controls .v-btn:last-child {
20740
- margin-inline-start: 4px;
20575
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20576
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20577
+ opacity: 0.5;
20741
20578
  }
20742
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20743
- transform: rotate(180deg);
20579
+
20580
+ .v-data-table-column--fixed,
20581
+ .v-data-table__th--sticky {
20582
+ background: rgb(var(--v-theme-surface));
20583
+ position: sticky !important;
20584
+ left: 0;
20585
+ z-index: 1;
20744
20586
  }
20745
20587
 
20746
- .v-date-picker-controls__date {
20747
- margin-inline-end: 4px;
20588
+ .v-data-table-column--last-fixed {
20589
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20748
20590
  }
20749
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20750
- margin: auto;
20591
+
20592
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20593
+ z-index: 2;
20594
+ }
20595
+
20596
+ .v-data-table-group-header-row td {
20597
+ background: rgba(var(--v-theme-surface));
20598
+ color: rgba(var(--v-theme-on-surface));
20599
+ }
20600
+ .v-data-table-group-header-row td > span {
20601
+ padding-left: 5px;
20602
+ }
20603
+
20604
+ .v-data-table--loading .v-data-table__td {
20605
+ opacity: 0.3;
20606
+ }
20607
+
20608
+ .v-data-table-group-header-row__column {
20609
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20610
+ }
20611
+
20612
+ .v-data-table-header__content {
20613
+ display: flex;
20614
+ align-items: center;
20615
+ }
20616
+
20617
+ .v-data-table-header__sort-badge {
20618
+ display: inline-flex;
20619
+ justify-content: center;
20620
+ align-items: center;
20621
+ font-size: 0.875rem;
20622
+ padding: 4px;
20623
+ border-radius: 50%;
20624
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20625
+ min-width: 20px;
20626
+ min-height: 20px;
20627
+ width: 20px;
20628
+ height: 20px;
20629
+ }
20630
+
20631
+ .v-data-table-progress > th {
20632
+ border: none !important;
20633
+ height: auto !important;
20634
+ padding: 0 !important;
20635
+ }
20636
+
20637
+ .v-data-table-progress__loader {
20638
+ position: relative;
20639
+ }
20640
+
20641
+ .v-data-table-rows-loading,
20642
+ .v-data-table-rows-no-data {
20751
20643
  text-align: center;
20644
+ }.v-data-table-footer {
20645
+ display: flex;
20646
+ align-items: center;
20647
+ flex-wrap: wrap;
20648
+ padding: 4px;
20649
+ justify-content: flex-end;
20752
20650
  }
20753
20651
 
20754
- .v-date-picker-controls__month {
20652
+ .v-data-table-footer__items-per-page {
20755
20653
  display: flex;
20654
+ align-items: center;
20655
+ justify-content: center;
20756
20656
  }
20757
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20758
- flex-direction: row-reverse;
20657
+ .v-data-table-footer__items-per-page > span {
20658
+ padding-inline-end: 8px;
20659
+ }
20660
+ .v-data-table-footer__items-per-page > .v-select {
20661
+ width: 90px;
20759
20662
  }
20760
20663
 
20761
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20762
- flex: 1 0 auto;
20664
+ .v-data-table-footer__info {
20665
+ display: flex;
20666
+ justify-content: flex-end;
20667
+ min-width: 116px;
20668
+ padding: 0 16px;
20763
20669
  }
20764
20670
 
20765
- .v-date-picker__title {
20766
- display: inline-block;
20671
+ .v-data-table-footer__pagination {
20672
+ display: flex;
20673
+ align-items: center;
20674
+ margin-inline-start: 16px;
20675
+ }
20676
+
20677
+ .v-data-table-footer__page {
20678
+ padding: 0 8px;
20679
+ }.v-divider {
20680
+ display: block;
20681
+ flex: 1 1 100%;
20682
+ height: 0px;
20683
+ max-height: 0px;
20684
+ opacity: var(--v-border-opacity);
20685
+ transition: inherit;
20686
+ border-style: solid;
20687
+ border-width: thin 0 0 0;
20688
+ }
20689
+ .v-divider--vertical {
20690
+ align-self: stretch;
20691
+ border-width: 0 thin 0 0;
20692
+ display: inline-flex;
20693
+ height: inherit;
20694
+ margin-left: -1px;
20695
+ max-height: 100%;
20696
+ max-width: 0px;
20697
+ vertical-align: text-bottom;
20698
+ width: 0px;
20699
+ }
20700
+ .v-divider--inset:not(.v-divider--vertical) {
20701
+ max-width: calc(100% - 72px);
20702
+ margin-inline-start: 72px;
20703
+ }
20704
+ .v-divider--inset.v-divider--vertical {
20705
+ margin-bottom: 8px;
20706
+ margin-top: 8px;
20707
+ max-height: calc(100% - 16px);
20767
20708
  }/* region INPUT */
20768
20709
  .v-field {
20769
20710
  display: grid;
@@ -21313,35 +21254,94 @@ textarea.v-field__input::placeholder {
21313
21254
  opacity: 0;
21314
21255
  }
21315
21256
 
21316
- /* endregion */.v-divider {
21317
- display: block;
21318
- flex: 1 1 100%;
21319
- height: 0px;
21320
- max-height: 0px;
21321
- opacity: var(--v-border-opacity);
21322
- transition: inherit;
21323
- border-style: solid;
21324
- border-width: thin 0 0 0;
21257
+ /* endregion */.v-dialog {
21258
+ align-items: center;
21259
+ justify-content: center;
21260
+ margin: auto;
21261
+ }
21262
+ .v-dialog > .v-overlay__content {
21263
+ max-height: calc(100% - 48px);
21264
+ width: calc(100% - 48px);
21265
+ max-width: calc(100% - 48px);
21266
+ margin: 24px;
21267
+ }
21268
+ .v-dialog > .v-overlay__content,
21269
+ .v-dialog > .v-overlay__content > form {
21270
+ display: flex;
21271
+ flex-direction: column;
21272
+ min-height: 0;
21273
+ }
21274
+ .v-dialog > .v-overlay__content > .v-card,
21275
+ .v-dialog > .v-overlay__content > .v-sheet,
21276
+ .v-dialog > .v-overlay__content > form > .v-card,
21277
+ .v-dialog > .v-overlay__content > form > .v-sheet {
21278
+ --v-scrollbar-offset: 0px;
21279
+ border-radius: 4px;
21280
+ overflow-y: auto;
21281
+ 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));
21282
+ }
21283
+ .v-dialog > .v-overlay__content > .v-card,
21284
+ .v-dialog > .v-overlay__content > form > .v-card {
21285
+ display: flex;
21286
+ flex-direction: column;
21287
+ }
21288
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21289
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21290
+ padding: 14px 24px 0;
21291
+ }
21292
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21293
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21294
+ padding-top: 10px;
21295
+ }
21296
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21297
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21298
+ font-size: inherit;
21299
+ letter-spacing: 0.03125em;
21300
+ line-height: inherit;
21301
+ padding: 16px 24px 10px;
21302
+ }
21303
+
21304
+ .v-dialog--fullscreen {
21305
+ --v-scrollbar-offset: 0px;
21306
+ }
21307
+ .v-dialog--fullscreen > .v-overlay__content {
21308
+ border-radius: 0;
21309
+ margin: 0;
21310
+ padding: 0;
21311
+ width: 100%;
21312
+ height: 100%;
21313
+ max-width: 100%;
21314
+ max-height: 100%;
21315
+ overflow-y: auto;
21316
+ top: 0;
21317
+ left: 0;
21318
+ }
21319
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
21320
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21321
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21322
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21323
+ min-height: 100%;
21324
+ min-width: 100%;
21325
+ border-radius: 0;
21326
+ }
21327
+
21328
+ .v-dialog--scrollable > .v-overlay__content,
21329
+ .v-dialog--scrollable > .v-overlay__content > form {
21330
+ display: flex;
21325
21331
  }
21326
- .v-divider--vertical {
21327
- align-self: stretch;
21328
- border-width: 0 thin 0 0;
21329
- display: inline-flex;
21330
- height: inherit;
21331
- margin-left: -1px;
21332
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
21333
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21334
+ display: flex;
21335
+ flex: 1 1 100%;
21336
+ flex-direction: column;
21332
21337
  max-height: 100%;
21333
- max-width: 0px;
21334
- vertical-align: text-bottom;
21335
- width: 0px;
21336
- }
21337
- .v-divider--inset:not(.v-divider--vertical) {
21338
- max-width: calc(100% - 72px);
21339
- margin-inline-start: 72px;
21338
+ max-width: 100%;
21340
21339
  }
21341
- .v-divider--inset.v-divider--vertical {
21342
- margin-bottom: 8px;
21343
- margin-top: 8px;
21344
- max-height: calc(100% - 16px);
21340
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21341
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21342
+ -webkit-backface-visibility: hidden;
21343
+ backface-visibility: hidden;
21344
+ overflow-y: auto;
21345
21345
  }.v-expansion-panel {
21346
21346
  background-color: rgb(var(--v-theme-surface));
21347
21347
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21589,6 +21589,31 @@ textarea.v-field__input::placeholder {
21589
21589
  }
21590
21590
  .v-input--plain-underlined.v-file-input .v-input__details {
21591
21591
  padding-inline: 0;
21592
+ }.v-infinite-scroll--horizontal {
21593
+ display: flex;
21594
+ flex-direction: row;
21595
+ overflow-x: auto;
21596
+ }
21597
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21598
+ height: 100%;
21599
+ width: 1px;
21600
+ }
21601
+
21602
+ .v-infinite-scroll--vertical {
21603
+ display: flex;
21604
+ flex-direction: column;
21605
+ overflow-y: auto;
21606
+ }
21607
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21608
+ height: 1px;
21609
+ width: 100%;
21610
+ }
21611
+
21612
+ .v-infinite-scroll__side {
21613
+ align-items: center;
21614
+ display: flex;
21615
+ justify-content: center;
21616
+ padding: 8px;
21592
21617
  }.v-icon {
21593
21618
  --v-icon-size-multiplier: 1;
21594
21619
  align-items: center;
@@ -21638,82 +21663,11 @@ textarea.v-field__input::placeholder {
21638
21663
 
21639
21664
  .v-icon--end {
21640
21665
  margin-inline-start: 8px;
21641
- }.v-infinite-scroll--horizontal {
21642
- display: flex;
21643
- flex-direction: row;
21644
- overflow-x: auto;
21645
- }
21646
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21647
- height: 100%;
21648
- width: 1px;
21649
- }
21650
-
21651
- .v-infinite-scroll--vertical {
21652
- display: flex;
21653
- flex-direction: column;
21654
- overflow-y: auto;
21655
- }
21656
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21657
- height: 1px;
21658
- width: 100%;
21659
- }
21660
-
21661
- .v-infinite-scroll__side {
21662
- align-items: center;
21663
- display: flex;
21664
- justify-content: center;
21665
- padding: 8px;
21666
- }.v-label {
21667
- align-items: center;
21668
- color: inherit;
21669
- display: inline-flex;
21670
- font-size: 1rem;
21671
- letter-spacing: 0.009375em;
21672
- min-width: 0;
21673
- opacity: var(--v-medium-emphasis-opacity);
21674
- overflow: hidden;
21675
- text-overflow: ellipsis;
21676
- white-space: nowrap;
21677
- }
21678
-
21679
- .v-label--clickable {
21680
- cursor: pointer;
21681
- }.v-img {
21682
- --v-theme-overlay-multiplier: 3;
21683
- z-index: 0;
21684
- }
21685
- .v-img--booting .v-responsive__sizer {
21686
- transition: none;
21687
- }
21688
- .v-img--rounded {
21689
- border-radius: 4px;
21690
- }
21691
-
21692
- .v-img__img,
21693
- .v-img__picture,
21694
- .v-img__gradient,
21695
- .v-img__placeholder,
21696
- .v-img__error {
21697
- z-index: -1;
21698
- position: absolute;
21699
- top: 0;
21700
- left: 0;
21701
- width: 100%;
21702
- height: 100%;
21703
- }
21704
-
21705
- .v-img__img--preload {
21706
- filter: blur(4px);
21707
- }
21708
- .v-img__img--contain {
21709
- object-fit: contain;
21710
- }
21711
- .v-img__img--cover {
21712
- object-fit: cover;
21713
- }
21714
-
21715
- .v-img__gradient {
21716
- background-repeat: no-repeat;
21666
+ }.v-item-group {
21667
+ flex: 0 1 auto;
21668
+ max-width: 100%;
21669
+ position: relative;
21670
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21717
21671
  }.v-input {
21718
21672
  display: grid;
21719
21673
  flex: 1 1 auto;
@@ -21856,11 +21810,42 @@ textarea.v-field__input::placeholder {
21856
21810
 
21857
21811
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21858
21812
  padding-top: calc(var(--v-input-padding-top) + 0px);
21859
- }.v-item-group {
21860
- flex: 0 1 auto;
21861
- max-width: 100%;
21862
- position: relative;
21863
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21813
+ }.v-img {
21814
+ --v-theme-overlay-multiplier: 3;
21815
+ z-index: 0;
21816
+ }
21817
+ .v-img--booting .v-responsive__sizer {
21818
+ transition: none;
21819
+ }
21820
+ .v-img--rounded {
21821
+ border-radius: 4px;
21822
+ }
21823
+
21824
+ .v-img__img,
21825
+ .v-img__picture,
21826
+ .v-img__gradient,
21827
+ .v-img__placeholder,
21828
+ .v-img__error {
21829
+ z-index: -1;
21830
+ position: absolute;
21831
+ top: 0;
21832
+ left: 0;
21833
+ width: 100%;
21834
+ height: 100%;
21835
+ }
21836
+
21837
+ .v-img__img--preload {
21838
+ filter: blur(4px);
21839
+ }
21840
+ .v-img__img--contain {
21841
+ object-fit: contain;
21842
+ }
21843
+ .v-img__img--cover {
21844
+ object-fit: cover;
21845
+ }
21846
+
21847
+ .v-img__gradient {
21848
+ background-repeat: no-repeat;
21864
21849
  }.v-layout {
21865
21850
  --v-scrollbar-offset: 0px;
21866
21851
  display: flex;
@@ -21876,6 +21861,23 @@ textarea.v-field__input::placeholder {
21876
21861
 
21877
21862
  .v-layout-item--absolute {
21878
21863
  position: absolute;
21864
+ }.v-label {
21865
+ align-items: center;
21866
+ color: inherit;
21867
+ display: inline-flex;
21868
+ font-size: 1rem;
21869
+ letter-spacing: 0.009375em;
21870
+ min-width: 0;
21871
+ opacity: var(--v-medium-emphasis-opacity);
21872
+ overflow: hidden;
21873
+ text-overflow: ellipsis;
21874
+ white-space: nowrap;
21875
+ }
21876
+
21877
+ .v-label--clickable {
21878
+ cursor: pointer;
21879
+ }.v-locale-provider {
21880
+ display: contents;
21879
21881
  }.v-list {
21880
21882
  overflow: auto;
21881
21883
  padding: 8px 0;
@@ -22427,21 +22429,22 @@ textarea.v-field__input::placeholder {
22427
22429
  }
22428
22430
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22429
22431
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22430
- }.v-menu > .v-overlay__content {
22431
- display: flex;
22432
- flex-direction: column;
22433
- border-radius: 4px;
22432
+ }.v-messages {
22433
+ flex: 1 1 auto;
22434
+ font-size: 12px;
22435
+ min-height: 14px;
22436
+ min-width: 1px;
22437
+ opacity: var(--v-medium-emphasis-opacity);
22438
+ position: relative;
22434
22439
  }
22435
- .v-menu > .v-overlay__content > .v-card,
22436
- .v-menu > .v-overlay__content > .v-sheet,
22437
- .v-menu > .v-overlay__content > .v-list {
22438
- background: rgb(var(--v-theme-surface));
22439
- border-radius: inherit;
22440
- overflow: auto;
22441
- height: 100%;
22442
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22443
- }.v-locale-provider {
22444
- display: contents;
22440
+ .v-messages__message {
22441
+ line-height: 12px;
22442
+ word-break: break-word;
22443
+ overflow-wrap: break-word;
22444
+ word-wrap: break-word;
22445
+ -webkit-hyphens: auto;
22446
+ hyphens: auto;
22447
+ transition-duration: 150ms;
22445
22448
  }.v-main {
22446
22449
  flex: 1 0 auto;
22447
22450
  max-width: 100%;
@@ -22470,22 +22473,19 @@ textarea.v-field__input::placeholder {
22470
22473
  --v-layout-right: 0px;
22471
22474
  --v-layout-top: 0px;
22472
22475
  --v-layout-bottom: 0px;
22473
- }.v-messages {
22474
- flex: 1 1 auto;
22475
- font-size: 12px;
22476
- min-height: 14px;
22477
- min-width: 1px;
22478
- opacity: var(--v-medium-emphasis-opacity);
22479
- position: relative;
22476
+ }.v-menu > .v-overlay__content {
22477
+ display: flex;
22478
+ flex-direction: column;
22479
+ border-radius: 4px;
22480
22480
  }
22481
- .v-messages__message {
22482
- line-height: 12px;
22483
- word-break: break-word;
22484
- overflow-wrap: break-word;
22485
- word-wrap: break-word;
22486
- -webkit-hyphens: auto;
22487
- hyphens: auto;
22488
- transition-duration: 150ms;
22481
+ .v-menu > .v-overlay__content > .v-card,
22482
+ .v-menu > .v-overlay__content > .v-sheet,
22483
+ .v-menu > .v-overlay__content > .v-list {
22484
+ background: rgb(var(--v-theme-surface));
22485
+ border-radius: inherit;
22486
+ overflow: auto;
22487
+ height: 100%;
22488
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22489
22489
  }.v-navigation-drawer {
22490
22490
  -webkit-overflow-scrolling: touch;
22491
22491
  background: rgb(var(--v-theme-surface));
@@ -22640,14 +22640,6 @@ textarea.v-field__input::placeholder {
22640
22640
  }
22641
22641
  .v-otp-input__loader .v-progress-linear {
22642
22642
  position: absolute;
22643
- }.v-pagination__list {
22644
- display: inline-flex;
22645
- list-style-type: none;
22646
- justify-content: center;
22647
- width: 100%;
22648
- }
22649
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22650
- margin: 0.3rem;
22651
22643
  }.v-overlay-container {
22652
22644
  contain: layout;
22653
22645
  left: 0;
@@ -22711,6 +22703,122 @@ html.v-overlay-scroll-blocked {
22711
22703
 
22712
22704
  .v-overlay--scroll-blocked {
22713
22705
  padding-inline-end: var(--v-scrollbar-offset);
22706
+ }.v-pagination__list {
22707
+ display: inline-flex;
22708
+ list-style-type: none;
22709
+ justify-content: center;
22710
+ width: 100%;
22711
+ }
22712
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22713
+ margin: 0.3rem;
22714
+ }.v-parallax {
22715
+ position: relative;
22716
+ overflow: hidden;
22717
+ }
22718
+ .v-parallax--active > .v-img__img {
22719
+ will-change: transform;
22720
+ }.v-progress-circular {
22721
+ align-items: center;
22722
+ display: inline-flex;
22723
+ justify-content: center;
22724
+ position: relative;
22725
+ vertical-align: middle;
22726
+ }
22727
+ .v-progress-circular > svg {
22728
+ width: 100%;
22729
+ height: 100%;
22730
+ margin: auto;
22731
+ position: absolute;
22732
+ top: 0;
22733
+ bottom: 0;
22734
+ left: 0;
22735
+ right: 0;
22736
+ z-index: 0;
22737
+ }
22738
+
22739
+ .v-progress-circular__content {
22740
+ align-items: center;
22741
+ display: flex;
22742
+ justify-content: center;
22743
+ }
22744
+
22745
+ .v-progress-circular__underlay {
22746
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22747
+ stroke: currentColor;
22748
+ z-index: 1;
22749
+ }
22750
+
22751
+ .v-progress-circular__overlay {
22752
+ stroke: currentColor;
22753
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22754
+ z-index: 2;
22755
+ }
22756
+
22757
+ .v-progress-circular--size-x-small {
22758
+ height: 16px;
22759
+ width: 16px;
22760
+ }
22761
+ .v-progress-circular--size-small {
22762
+ height: 24px;
22763
+ width: 24px;
22764
+ }
22765
+ .v-progress-circular--size-default {
22766
+ height: 32px;
22767
+ width: 32px;
22768
+ }
22769
+ .v-progress-circular--size-large {
22770
+ height: 48px;
22771
+ width: 48px;
22772
+ }
22773
+ .v-progress-circular--size-x-large {
22774
+ height: 64px;
22775
+ width: 64px;
22776
+ }
22777
+
22778
+ .v-progress-circular--indeterminate > svg {
22779
+ animation: progress-circular-rotate 1.4s linear infinite;
22780
+ transform-origin: center center;
22781
+ transition: all 0.2s ease-in-out;
22782
+ }
22783
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22784
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22785
+ stroke-dasharray: 25, 200;
22786
+ stroke-dashoffset: 0;
22787
+ stroke-linecap: round;
22788
+ transform-origin: center center;
22789
+ transform: rotate(-90deg);
22790
+ }
22791
+
22792
+ .v-progress-circular--disable-shrink > svg {
22793
+ animation-duration: 0.7s;
22794
+ }
22795
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22796
+ animation: none;
22797
+ }
22798
+
22799
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22800
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22801
+ animation-play-state: paused !important;
22802
+ }
22803
+
22804
+ @keyframes progress-circular-dash {
22805
+ 0% {
22806
+ stroke-dasharray: 1, 200;
22807
+ stroke-dashoffset: 0px;
22808
+ }
22809
+ 50% {
22810
+ stroke-dasharray: 100, 200;
22811
+ stroke-dashoffset: -15px;
22812
+ }
22813
+ 100% {
22814
+ stroke-dasharray: 100, 200;
22815
+ stroke-dashoffset: -124px;
22816
+ }
22817
+ }
22818
+ @keyframes progress-circular-rotate {
22819
+ 100% {
22820
+ transform: rotate(270deg);
22821
+ }
22714
22822
  }.v-progress-linear {
22715
22823
  background: transparent;
22716
22824
  overflow: hidden;
@@ -22870,165 +22978,69 @@ html.v-overlay-scroll-blocked {
22870
22978
  right: -35%;
22871
22979
  }
22872
22980
  }
22873
- @keyframes indeterminate-rtl {
22874
- 0% {
22875
- left: 100%;
22876
- right: -90%;
22877
- }
22878
- 60% {
22879
- left: 100%;
22880
- right: -90%;
22881
- }
22882
- 100% {
22883
- left: -35%;
22884
- right: 100%;
22885
- }
22886
- }
22887
- @keyframes indeterminate-short-ltr {
22888
- 0% {
22889
- left: -200%;
22890
- right: 100%;
22891
- }
22892
- 60% {
22893
- left: 107%;
22894
- right: -8%;
22895
- }
22896
- 100% {
22897
- left: 107%;
22898
- right: -8%;
22899
- }
22900
- }
22901
- @keyframes indeterminate-short-rtl {
22902
- 0% {
22903
- left: 100%;
22904
- right: -200%;
22905
- }
22906
- 60% {
22907
- left: -8%;
22908
- right: 107%;
22909
- }
22910
- 100% {
22911
- left: -8%;
22912
- right: 107%;
22913
- }
22914
- }
22915
- @keyframes stream {
22916
- to {
22917
- transform: translateX(var(--v-progress-linear-stream-to));
22918
- }
22919
- }
22920
- @keyframes progress-linear-stripes {
22921
- 0% {
22922
- background-position-x: var(--v-progress-linear-height);
22923
- }
22924
- }.v-parallax {
22925
- position: relative;
22926
- overflow: hidden;
22927
- }
22928
- .v-parallax--active > .v-img__img {
22929
- will-change: transform;
22930
- }.v-progress-circular {
22931
- align-items: center;
22932
- display: inline-flex;
22933
- justify-content: center;
22934
- position: relative;
22935
- vertical-align: middle;
22936
- }
22937
- .v-progress-circular > svg {
22938
- width: 100%;
22939
- height: 100%;
22940
- margin: auto;
22941
- position: absolute;
22942
- top: 0;
22943
- bottom: 0;
22944
- left: 0;
22945
- right: 0;
22946
- z-index: 0;
22947
- }
22948
-
22949
- .v-progress-circular__content {
22950
- align-items: center;
22951
- display: flex;
22952
- justify-content: center;
22953
- }
22954
-
22955
- .v-progress-circular__underlay {
22956
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22957
- stroke: currentColor;
22958
- z-index: 1;
22959
- }
22960
-
22961
- .v-progress-circular__overlay {
22962
- stroke: currentColor;
22963
- transition: all 0.2s ease-in-out, stroke-width 0s;
22964
- z-index: 2;
22965
- }
22966
-
22967
- .v-progress-circular--size-x-small {
22968
- height: 16px;
22969
- width: 16px;
22970
- }
22971
- .v-progress-circular--size-small {
22972
- height: 24px;
22973
- width: 24px;
22974
- }
22975
- .v-progress-circular--size-default {
22976
- height: 32px;
22977
- width: 32px;
22978
- }
22979
- .v-progress-circular--size-large {
22980
- height: 48px;
22981
- width: 48px;
22982
- }
22983
- .v-progress-circular--size-x-large {
22984
- height: 64px;
22985
- width: 64px;
22986
- }
22987
-
22988
- .v-progress-circular--indeterminate > svg {
22989
- animation: progress-circular-rotate 1.4s linear infinite;
22990
- transform-origin: center center;
22991
- transition: all 0.2s ease-in-out;
22992
- }
22993
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
22994
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22995
- stroke-dasharray: 25, 200;
22996
- stroke-dashoffset: 0;
22997
- stroke-linecap: round;
22998
- transform-origin: center center;
22999
- transform: rotate(-90deg);
23000
- }
23001
-
23002
- .v-progress-circular--disable-shrink > svg {
23003
- animation-duration: 0.7s;
23004
- }
23005
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23006
- animation: none;
23007
- }
23008
-
23009
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23010
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23011
- animation-play-state: paused !important;
23012
- }
23013
-
23014
- @keyframes progress-circular-dash {
22981
+ @keyframes indeterminate-rtl {
23015
22982
  0% {
23016
- stroke-dasharray: 1, 200;
23017
- stroke-dashoffset: 0px;
22983
+ left: 100%;
22984
+ right: -90%;
23018
22985
  }
23019
- 50% {
23020
- stroke-dasharray: 100, 200;
23021
- stroke-dashoffset: -15px;
22986
+ 60% {
22987
+ left: 100%;
22988
+ right: -90%;
23022
22989
  }
23023
22990
  100% {
23024
- stroke-dasharray: 100, 200;
23025
- stroke-dashoffset: -124px;
22991
+ left: -35%;
22992
+ right: 100%;
23026
22993
  }
23027
22994
  }
23028
- @keyframes progress-circular-rotate {
22995
+ @keyframes indeterminate-short-ltr {
22996
+ 0% {
22997
+ left: -200%;
22998
+ right: 100%;
22999
+ }
23000
+ 60% {
23001
+ left: 107%;
23002
+ right: -8%;
23003
+ }
23029
23004
  100% {
23030
- transform: rotate(270deg);
23005
+ left: 107%;
23006
+ right: -8%;
23007
+ }
23008
+ }
23009
+ @keyframes indeterminate-short-rtl {
23010
+ 0% {
23011
+ left: 100%;
23012
+ right: -200%;
23013
+ }
23014
+ 60% {
23015
+ left: -8%;
23016
+ right: 107%;
23017
+ }
23018
+ 100% {
23019
+ left: -8%;
23020
+ right: 107%;
23021
+ }
23022
+ }
23023
+ @keyframes stream {
23024
+ to {
23025
+ transform: translateX(var(--v-progress-linear-stream-to));
23026
+ }
23027
+ }
23028
+ @keyframes progress-linear-stripes {
23029
+ 0% {
23030
+ background-position-x: var(--v-progress-linear-height);
23031
23031
  }
23032
+ }.v-radio-group > .v-input__control {
23033
+ flex-direction: column;
23034
+ }
23035
+ .v-radio-group > .v-input__control > .v-label {
23036
+ margin-inline-start: 16px;
23037
+ }
23038
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23039
+ padding-inline-start: 6px;
23040
+ margin-top: 8px;
23041
+ }
23042
+ .v-radio-group .v-input__details {
23043
+ padding-inline: 16px;
23032
23044
  }.v-slider .v-slider__container input {
23033
23045
  cursor: default;
23034
23046
  padding: 0;
@@ -23086,6 +23098,32 @@ html.v-overlay-scroll-blocked {
23086
23098
 
23087
23099
  .v-slider__label {
23088
23100
  margin-inline-end: 12px;
23101
+ }.v-responsive {
23102
+ display: flex;
23103
+ flex: 1 0 auto;
23104
+ max-height: 100%;
23105
+ max-width: 100%;
23106
+ overflow: hidden;
23107
+ position: relative;
23108
+ }
23109
+ .v-responsive--inline {
23110
+ display: inline-flex;
23111
+ flex: 0 0 auto;
23112
+ }
23113
+
23114
+ .v-responsive__content {
23115
+ flex: 1 0 0px;
23116
+ max-width: 100%;
23117
+ }
23118
+
23119
+ .v-responsive__sizer ~ .v-responsive__content {
23120
+ margin-inline-start: -100%;
23121
+ }
23122
+
23123
+ .v-responsive__sizer {
23124
+ flex: 1 0 0px;
23125
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23126
+ pointer-events: none;
23089
23127
  }.v-rating {
23090
23128
  max-width: 100%;
23091
23129
  display: inline-flex;
@@ -23140,120 +23178,6 @@ html.v-overlay-scroll-blocked {
23140
23178
  opacity: 0;
23141
23179
  position: absolute;
23142
23180
  width: 0;
23143
- }.v-radio-group > .v-input__control {
23144
- flex-direction: column;
23145
- }
23146
- .v-radio-group > .v-input__control > .v-label {
23147
- margin-inline-start: 16px;
23148
- }
23149
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23150
- padding-inline-start: 6px;
23151
- margin-top: 8px;
23152
- }
23153
- .v-radio-group .v-input__details {
23154
- padding-inline: 16px;
23155
- }.v-responsive {
23156
- display: flex;
23157
- flex: 1 0 auto;
23158
- max-height: 100%;
23159
- max-width: 100%;
23160
- overflow: hidden;
23161
- position: relative;
23162
- }
23163
- .v-responsive--inline {
23164
- display: inline-flex;
23165
- flex: 0 0 auto;
23166
- }
23167
-
23168
- .v-responsive__content {
23169
- flex: 1 0 0px;
23170
- max-width: 100%;
23171
- }
23172
-
23173
- .v-responsive__sizer ~ .v-responsive__content {
23174
- margin-inline-start: -100%;
23175
- }
23176
-
23177
- .v-responsive__sizer {
23178
- flex: 1 0 0px;
23179
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23180
- pointer-events: none;
23181
- }.v-sheet {
23182
- display: block;
23183
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23184
- border-style: solid;
23185
- border-width: 0;
23186
- 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));
23187
- border-radius: 0;
23188
- background: rgb(var(--v-theme-surface));
23189
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23190
- }
23191
- .v-sheet--border {
23192
- border-width: thin;
23193
- box-shadow: none;
23194
- }
23195
- .v-sheet--absolute {
23196
- position: absolute;
23197
- }
23198
- .v-sheet--fixed {
23199
- position: fixed;
23200
- }
23201
- .v-sheet--relative {
23202
- position: relative;
23203
- }
23204
- .v-sheet--sticky {
23205
- position: sticky;
23206
- }
23207
- .v-sheet--rounded {
23208
- border-radius: 4px;
23209
- }.v-select .v-field .v-text-field__prefix,
23210
- .v-select .v-field .v-text-field__suffix,
23211
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23212
- cursor: pointer;
23213
- }
23214
- .v-select .v-field .v-field__input > input {
23215
- align-self: flex-start;
23216
- opacity: 1;
23217
- flex: 0 0;
23218
- position: absolute;
23219
- width: 100%;
23220
- transition: none;
23221
- pointer-events: none;
23222
- caret-color: transparent;
23223
- }
23224
- .v-select .v-field--dirty .v-select__selection {
23225
- margin-inline-end: 2px;
23226
- }
23227
- .v-select .v-select__selection-text {
23228
- overflow: hidden;
23229
- text-overflow: ellipsis;
23230
- white-space: nowrap;
23231
- }
23232
- .v-select__content {
23233
- overflow: hidden;
23234
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23235
- border-radius: 4px;
23236
- }
23237
- .v-select__selection {
23238
- display: inline-flex;
23239
- align-items: center;
23240
- letter-spacing: inherit;
23241
- line-height: inherit;
23242
- max-width: 100%;
23243
- }
23244
- .v-select .v-select__selection:first-child {
23245
- margin-inline-start: 0;
23246
- }
23247
- .v-select--selected .v-field .v-field__input > input {
23248
- opacity: 0;
23249
- }
23250
- .v-select__menu-icon {
23251
- margin-inline-start: 4px;
23252
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23253
- }
23254
- .v-select--active-menu .v-select__menu-icon {
23255
- opacity: var(--v-high-emphasis-opacity);
23256
- transform: rotate(180deg);
23257
23181
  }.v-selection-control {
23258
23182
  align-items: center;
23259
23183
  contain: layout;
@@ -23347,22 +23271,70 @@ html.v-overlay-scroll-blocked {
23347
23271
  .v-selection-control__input > .v-icon {
23348
23272
  opacity: var(--v-medium-emphasis-opacity);
23349
23273
  }
23350
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23351
- opacity: 1;
23274
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23275
+ opacity: 1;
23276
+ }
23277
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23278
+ color: rgb(var(--v-theme-error));
23279
+ }
23280
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23281
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23282
+ }.v-selection-control-group {
23283
+ grid-area: control;
23284
+ display: flex;
23285
+ flex-direction: column;
23286
+ }
23287
+ .v-selection-control-group--inline {
23288
+ flex-direction: row;
23289
+ flex-wrap: wrap;
23290
+ }.v-select .v-field .v-text-field__prefix,
23291
+ .v-select .v-field .v-text-field__suffix,
23292
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23293
+ cursor: pointer;
23294
+ }
23295
+ .v-select .v-field .v-field__input > input {
23296
+ align-self: flex-start;
23297
+ opacity: 1;
23298
+ flex: 0 0;
23299
+ position: absolute;
23300
+ width: 100%;
23301
+ transition: none;
23302
+ pointer-events: none;
23303
+ caret-color: transparent;
23304
+ }
23305
+ .v-select .v-field--dirty .v-select__selection {
23306
+ margin-inline-end: 2px;
23307
+ }
23308
+ .v-select .v-select__selection-text {
23309
+ overflow: hidden;
23310
+ text-overflow: ellipsis;
23311
+ white-space: nowrap;
23312
+ }
23313
+ .v-select__content {
23314
+ overflow: hidden;
23315
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23316
+ border-radius: 4px;
23317
+ }
23318
+ .v-select__selection {
23319
+ display: inline-flex;
23320
+ align-items: center;
23321
+ letter-spacing: inherit;
23322
+ line-height: inherit;
23323
+ max-width: 100%;
23324
+ }
23325
+ .v-select .v-select__selection:first-child {
23326
+ margin-inline-start: 0;
23352
23327
  }
23353
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23354
- color: rgb(var(--v-theme-error));
23328
+ .v-select--selected .v-field .v-field__input > input {
23329
+ opacity: 0;
23355
23330
  }
23356
- .v-selection-control--focus-visible .v-selection-control__input::before {
23357
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23358
- }.v-selection-control-group {
23359
- grid-area: control;
23360
- display: flex;
23361
- flex-direction: column;
23331
+ .v-select__menu-icon {
23332
+ margin-inline-start: 4px;
23333
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23362
23334
  }
23363
- .v-selection-control-group--inline {
23364
- flex-direction: row;
23365
- flex-wrap: wrap;
23335
+ .v-select--active-menu .v-select__menu-icon {
23336
+ opacity: var(--v-high-emphasis-opacity);
23337
+ transform: rotate(180deg);
23366
23338
  }.v-skeleton-loader {
23367
23339
  align-items: center;
23368
23340
  background: rgb(var(--v-theme-surface));
@@ -23586,6 +23558,76 @@ html.v-overlay-scroll-blocked {
23586
23558
  100% {
23587
23559
  transform: translateX(100%);
23588
23560
  }
23561
+ }.v-sheet {
23562
+ display: block;
23563
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23564
+ border-style: solid;
23565
+ border-width: 0;
23566
+ 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));
23567
+ border-radius: 0;
23568
+ background: rgb(var(--v-theme-surface));
23569
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23570
+ }
23571
+ .v-sheet--border {
23572
+ border-width: thin;
23573
+ box-shadow: none;
23574
+ }
23575
+ .v-sheet--absolute {
23576
+ position: absolute;
23577
+ }
23578
+ .v-sheet--fixed {
23579
+ position: fixed;
23580
+ }
23581
+ .v-sheet--relative {
23582
+ position: relative;
23583
+ }
23584
+ .v-sheet--sticky {
23585
+ position: sticky;
23586
+ }
23587
+ .v-sheet--rounded {
23588
+ border-radius: 4px;
23589
+ }.v-slide-group {
23590
+ display: flex;
23591
+ overflow: hidden;
23592
+ }
23593
+
23594
+ .v-slide-group__next,
23595
+ .v-slide-group__prev {
23596
+ align-items: center;
23597
+ display: flex;
23598
+ flex: 0 1 52px;
23599
+ justify-content: center;
23600
+ min-width: 52px;
23601
+ cursor: pointer;
23602
+ }
23603
+ .v-slide-group__next--disabled,
23604
+ .v-slide-group__prev--disabled {
23605
+ pointer-events: none;
23606
+ opacity: var(--v-disabled-opacity);
23607
+ }
23608
+
23609
+ .v-slide-group__content {
23610
+ display: flex;
23611
+ flex: 1 0 auto;
23612
+ position: relative;
23613
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23614
+ white-space: nowrap;
23615
+ }
23616
+ .v-slide-group__content > * {
23617
+ white-space: initial;
23618
+ }
23619
+
23620
+ .v-slide-group__container {
23621
+ contain: content;
23622
+ display: flex;
23623
+ flex: 1 1 auto;
23624
+ overflow: hidden;
23625
+ }
23626
+
23627
+ .v-slide-group--vertical,
23628
+ .v-slide-group--vertical .v-slide-group__container,
23629
+ .v-slide-group--vertical .v-slide-group__content {
23630
+ flex-direction: column;
23589
23631
  }.v-snackbar {
23590
23632
  justify-content: center;
23591
23633
  z-index: 10000;
@@ -23705,48 +23747,6 @@ html.v-overlay-scroll-blocked {
23705
23747
  }
23706
23748
  .v-snackbar-transition-leave-to {
23707
23749
  opacity: 0;
23708
- }.v-slide-group {
23709
- display: flex;
23710
- overflow: hidden;
23711
- }
23712
-
23713
- .v-slide-group__next,
23714
- .v-slide-group__prev {
23715
- align-items: center;
23716
- display: flex;
23717
- flex: 0 1 52px;
23718
- justify-content: center;
23719
- min-width: 52px;
23720
- cursor: pointer;
23721
- }
23722
- .v-slide-group__next--disabled,
23723
- .v-slide-group__prev--disabled {
23724
- pointer-events: none;
23725
- opacity: var(--v-disabled-opacity);
23726
- }
23727
-
23728
- .v-slide-group__content {
23729
- display: flex;
23730
- flex: 1 0 auto;
23731
- position: relative;
23732
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23733
- white-space: nowrap;
23734
- }
23735
- .v-slide-group__content > * {
23736
- white-space: initial;
23737
- }
23738
-
23739
- .v-slide-group__container {
23740
- contain: content;
23741
- display: flex;
23742
- flex: 1 1 auto;
23743
- overflow: hidden;
23744
- }
23745
-
23746
- .v-slide-group--vertical,
23747
- .v-slide-group--vertical .v-slide-group__container,
23748
- .v-slide-group--vertical .v-slide-group__content {
23749
- flex-direction: column;
23750
23750
  }.v-switch .v-label {
23751
23751
  padding-inline-start: 10px;
23752
23752
  }
@@ -23997,23 +23997,161 @@ html.v-overlay-scroll-blocked {
23997
23997
  line-height: 1.25rem;
23998
23998
  text-transform: none;
23999
23999
  }
24000
- .v-system-bar .v-icon {
24001
- opacity: var(--v-medium-emphasis-opacity);
24000
+ .v-system-bar .v-icon {
24001
+ opacity: var(--v-medium-emphasis-opacity);
24002
+ }
24003
+ .v-system-bar--absolute {
24004
+ position: absolute;
24005
+ }
24006
+ .v-system-bar--fixed {
24007
+ position: fixed;
24008
+ }
24009
+ .v-system-bar--rounded {
24010
+ border-radius: 0;
24011
+ }
24012
+ .v-system-bar--window {
24013
+ height: 32px;
24014
+ }
24015
+ .v-system-bar:not(.v-system-bar--absolute) {
24016
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24017
+ }.v-table {
24018
+ background: rgb(var(--v-theme-surface));
24019
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24020
+ font-size: 0.875rem;
24021
+ transition-duration: 0.28s;
24022
+ transition-property: box-shadow, opacity, background, height;
24023
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24024
+ }
24025
+ .v-table .v-table-divider {
24026
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24027
+ }
24028
+ .v-table .v-table__wrapper > table > thead > tr > th {
24029
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24030
+ }
24031
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24032
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24033
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24034
+ }
24035
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24036
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24037
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24038
+ }
24039
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24040
+ position: relative;
24041
+ }
24042
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24043
+ content: "";
24044
+ position: absolute;
24045
+ top: 0;
24046
+ left: 0;
24047
+ width: 100%;
24048
+ height: 100%;
24049
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24050
+ pointer-events: none;
24051
+ }
24052
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24053
+ background: rgb(var(--v-theme-surface));
24054
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24055
+ z-index: 1;
24056
+ }
24057
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
24058
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
24059
+ background: rgb(var(--v-theme-surface));
24060
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24061
+ }
24062
+
24063
+ .v-table {
24064
+ border-radius: inherit;
24065
+ line-height: 1.5;
24066
+ max-width: 100%;
24067
+ display: flex;
24068
+ flex-direction: column;
24069
+ }
24070
+ .v-table > .v-table__wrapper > table {
24071
+ width: 100%;
24072
+ border-spacing: 0;
24073
+ }
24074
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24075
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24076
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24077
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24078
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
24079
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24080
+ padding: 0 16px;
24081
+ transition-duration: 0.28s;
24082
+ transition-property: box-shadow, opacity, background, height;
24083
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24084
+ }
24085
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24086
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24087
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
24088
+ height: var(--v-table-row-height);
24089
+ }
24090
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24091
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24092
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24093
+ height: var(--v-table-header-height);
24094
+ font-weight: 500;
24095
+ -webkit-user-select: none;
24096
+ user-select: none;
24097
+ text-align: start;
24098
+ }
24099
+ .v-table--density-default {
24100
+ --v-table-header-height: 56px;
24101
+ --v-table-row-height: 52px;
24102
+ }
24103
+
24104
+ .v-table--density-comfortable {
24105
+ --v-table-header-height: 48px;
24106
+ --v-table-row-height: 44px;
24107
+ }
24108
+
24109
+ .v-table--density-compact {
24110
+ --v-table-header-height: 40px;
24111
+ --v-table-row-height: 36px;
24112
+ }
24113
+
24114
+ .v-table__wrapper {
24115
+ border-radius: inherit;
24116
+ overflow: auto;
24117
+ flex: 1 1 auto;
24118
+ }
24119
+
24120
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24121
+ border-top-left-radius: 0;
24122
+ }
24123
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24124
+ border-top-right-radius: 0;
24002
24125
  }
24003
- .v-system-bar--absolute {
24004
- position: absolute;
24126
+
24127
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24128
+ border-bottom-left-radius: 0;
24005
24129
  }
24006
- .v-system-bar--fixed {
24007
- position: fixed;
24130
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24131
+ border-bottom-right-radius: 0;
24008
24132
  }
24009
- .v-system-bar--rounded {
24010
- border-radius: 0;
24133
+
24134
+ .v-table--fixed-height > .v-table__wrapper {
24135
+ overflow-y: auto;
24011
24136
  }
24012
- .v-system-bar--window {
24013
- height: 32px;
24137
+
24138
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24139
+ position: sticky;
24140
+ top: 0;
24141
+ z-index: 2;
24014
24142
  }
24015
- .v-system-bar:not(.v-system-bar--absolute) {
24016
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24143
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24144
+ border-bottom: 0px !important;
24145
+ }
24146
+
24147
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24148
+ position: sticky;
24149
+ bottom: 0;
24150
+ z-index: 1;
24151
+ }
24152
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24153
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24154
+ border-top: 0px !important;
24017
24155
  }.v-tabs {
24018
24156
  display: flex;
24019
24157
  height: var(--v-tabs-height);
@@ -24109,45 +24247,6 @@ html.v-overlay-scroll-blocked {
24109
24247
  top: 0;
24110
24248
  height: 100%;
24111
24249
  width: 2px;
24112
- }.v-textarea .v-field {
24113
- --v-textarea-control-height: var(--v-input-control-height);
24114
- }
24115
- .v-textarea .v-field__field {
24116
- --v-input-control-height: var(--v-textarea-control-height);
24117
- }
24118
- .v-textarea .v-field__input {
24119
- flex: 1 1 auto;
24120
- outline: none;
24121
- -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));
24122
- 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));
24123
- }
24124
- .v-textarea .v-field__input.v-textarea__sizer {
24125
- visibility: hidden;
24126
- position: absolute;
24127
- top: 0;
24128
- left: 0;
24129
- height: 0 !important;
24130
- min-height: 0 !important;
24131
- pointer-events: none;
24132
- }
24133
- .v-textarea--no-resize .v-field__input {
24134
- resize: none;
24135
- }
24136
- .v-textarea .v-field--no-label textarea,
24137
- .v-textarea .v-field--active textarea {
24138
- opacity: 1;
24139
- }
24140
- .v-textarea textarea {
24141
- opacity: 0;
24142
- flex: 1;
24143
- min-width: 0;
24144
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24145
- }
24146
- .v-textarea textarea:focus, .v-textarea textarea:active {
24147
- outline: none;
24148
- }
24149
- .v-textarea textarea:invalid {
24150
- box-shadow: none;
24151
24250
  }/* region BLOCK */
24152
24251
  .v-text-field input {
24153
24252
  color: inherit;
@@ -24215,7 +24314,46 @@ html.v-overlay-scroll-blocked {
24215
24314
  padding-inline-end: var(--v-field-padding-end);
24216
24315
  }
24217
24316
 
24218
- /* endregion */.v-timeline .v-timeline-divider__dot {
24317
+ /* endregion */.v-textarea .v-field {
24318
+ --v-textarea-control-height: var(--v-input-control-height);
24319
+ }
24320
+ .v-textarea .v-field__field {
24321
+ --v-input-control-height: var(--v-textarea-control-height);
24322
+ }
24323
+ .v-textarea .v-field__input {
24324
+ flex: 1 1 auto;
24325
+ outline: none;
24326
+ -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));
24327
+ 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));
24328
+ }
24329
+ .v-textarea .v-field__input.v-textarea__sizer {
24330
+ visibility: hidden;
24331
+ position: absolute;
24332
+ top: 0;
24333
+ left: 0;
24334
+ height: 0 !important;
24335
+ min-height: 0 !important;
24336
+ pointer-events: none;
24337
+ }
24338
+ .v-textarea--no-resize .v-field__input {
24339
+ resize: none;
24340
+ }
24341
+ .v-textarea .v-field--no-label textarea,
24342
+ .v-textarea .v-field--active textarea {
24343
+ opacity: 1;
24344
+ }
24345
+ .v-textarea textarea {
24346
+ opacity: 0;
24347
+ flex: 1;
24348
+ min-width: 0;
24349
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24350
+ }
24351
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24352
+ outline: none;
24353
+ }
24354
+ .v-textarea textarea:invalid {
24355
+ box-shadow: none;
24356
+ }.v-timeline .v-timeline-divider__dot {
24219
24357
  background: rgb(var(--v-theme-surface-light));
24220
24358
  }
24221
24359
  .v-timeline .v-timeline-divider__inner-dot {
@@ -24631,144 +24769,30 @@ html.v-overlay-scroll-blocked {
24631
24769
 
24632
24770
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24633
24771
  padding-inline-end: 0;
24634
- }.v-table {
24635
- background: rgb(var(--v-theme-surface));
24636
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24772
+ }.v-theme-provider {
24773
+ background: rgb(var(--v-theme-background));
24774
+ color: rgb(var(--v-theme-on-background));
24775
+ }.v-tooltip > .v-overlay__content {
24776
+ background: rgb(var(--v-theme-surface-variant));
24777
+ color: rgb(var(--v-theme-on-surface-variant));
24778
+ border-radius: 4px;
24637
24779
  font-size: 0.875rem;
24638
- transition-duration: 0.28s;
24639
- transition-property: box-shadow, opacity, background, height;
24640
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24641
- }
24642
- .v-table .v-table-divider {
24643
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24644
- }
24645
- .v-table .v-table__wrapper > table > thead > tr > th {
24646
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24647
- }
24648
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24649
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24650
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24651
- }
24652
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24653
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24654
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24655
- }
24656
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24657
- position: relative;
24658
- }
24659
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24660
- content: "";
24661
- position: absolute;
24662
- top: 0;
24663
- left: 0;
24664
- width: 100%;
24665
- height: 100%;
24666
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24667
- pointer-events: none;
24668
- }
24669
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24670
- background: rgb(var(--v-theme-surface));
24671
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24672
- z-index: 1;
24673
- }
24674
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24675
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24676
- background: rgb(var(--v-theme-surface));
24677
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24678
- }
24679
-
24680
- .v-table {
24681
- border-radius: inherit;
24682
- line-height: 1.5;
24683
- max-width: 100%;
24684
- display: flex;
24685
- flex-direction: column;
24686
- }
24687
- .v-table > .v-table__wrapper > table {
24688
- width: 100%;
24689
- border-spacing: 0;
24690
- }
24691
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24692
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24693
- .v-table > .v-table__wrapper > table > thead > tr > td,
24694
- .v-table > .v-table__wrapper > table > thead > tr > th,
24695
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24696
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24697
- padding: 0 16px;
24698
- transition-duration: 0.28s;
24699
- transition-property: box-shadow, opacity, background, height;
24700
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24701
- }
24702
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24703
- .v-table > .v-table__wrapper > table > thead > tr > td,
24704
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
24705
- height: var(--v-table-row-height);
24706
- }
24707
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24708
- .v-table > .v-table__wrapper > table > thead > tr > th,
24709
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24710
- height: var(--v-table-header-height);
24711
- font-weight: 500;
24712
- -webkit-user-select: none;
24713
- user-select: none;
24714
- text-align: start;
24715
- }
24716
- .v-table--density-default {
24717
- --v-table-header-height: 56px;
24718
- --v-table-row-height: 52px;
24719
- }
24720
-
24721
- .v-table--density-comfortable {
24722
- --v-table-header-height: 48px;
24723
- --v-table-row-height: 44px;
24724
- }
24725
-
24726
- .v-table--density-compact {
24727
- --v-table-header-height: 40px;
24728
- --v-table-row-height: 36px;
24729
- }
24730
-
24731
- .v-table__wrapper {
24732
- border-radius: inherit;
24733
- overflow: auto;
24734
- flex: 1 1 auto;
24735
- }
24736
-
24737
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24738
- border-top-left-radius: 0;
24739
- }
24740
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24741
- border-top-right-radius: 0;
24742
- }
24743
-
24744
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24745
- border-bottom-left-radius: 0;
24746
- }
24747
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24748
- border-bottom-right-radius: 0;
24749
- }
24750
-
24751
- .v-table--fixed-height > .v-table__wrapper {
24752
- overflow-y: auto;
24753
- }
24754
-
24755
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24756
- position: sticky;
24757
- top: 0;
24758
- z-index: 2;
24759
- }
24760
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24761
- border-bottom: 0px !important;
24780
+ line-height: 1.6;
24781
+ display: inline-block;
24782
+ padding: 5px 16px;
24783
+ text-transform: initial;
24784
+ width: auto;
24785
+ opacity: 1;
24786
+ pointer-events: none;
24787
+ transition-property: opacity, transform;
24762
24788
  }
24763
-
24764
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24765
- position: sticky;
24766
- bottom: 0;
24767
- z-index: 1;
24789
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24790
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24791
+ transition-duration: 150ms;
24768
24792
  }
24769
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24770
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24771
- border-top: 0px !important;
24793
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24794
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24795
+ transition-duration: 75ms;
24772
24796
  }.v-toolbar {
24773
24797
  align-items: flex-start;
24774
24798
  display: flex;
@@ -24896,9 +24920,6 @@ html.v-overlay-scroll-blocked {
24896
24920
  }
24897
24921
  .v-toolbar-items > .v-btn {
24898
24922
  border-radius: 0;
24899
- }.v-theme-provider {
24900
- background: rgb(var(--v-theme-background));
24901
- color: rgb(var(--v-theme-on-background));
24902
24923
  }.v-virtual-scroll {
24903
24924
  display: block;
24904
24925
  flex: 1 1 auto;
@@ -24908,27 +24929,6 @@ html.v-overlay-scroll-blocked {
24908
24929
  }
24909
24930
  .v-virtual-scroll__container {
24910
24931
  display: block;
24911
- }.v-tooltip > .v-overlay__content {
24912
- background: rgb(var(--v-theme-surface-variant));
24913
- color: rgb(var(--v-theme-on-surface-variant));
24914
- border-radius: 4px;
24915
- font-size: 0.875rem;
24916
- line-height: 1.6;
24917
- display: inline-block;
24918
- padding: 5px 16px;
24919
- text-transform: initial;
24920
- width: auto;
24921
- opacity: 1;
24922
- pointer-events: none;
24923
- transition-property: opacity, transform;
24924
- }
24925
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24926
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24927
- transition-duration: 150ms;
24928
- }
24929
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24930
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24931
- transition-duration: 75ms;
24932
24932
  }.v-window {
24933
24933
  overflow: hidden;
24934
24934
  }
@@ -24998,34 +24998,28 @@ html.v-overlay-scroll-blocked {
24998
24998
  }
24999
24999
  .v-window-y-reverse-transition-leave-to {
25000
25000
  transform: translateY(100%);
25001
- }.v-color-picker-edit {
25002
- display: flex;
25003
- margin-top: 24px;
25004
- }
25005
-
25006
- .v-color-picker-edit__input {
25007
- width: 100%;
25001
+ }.v-color-picker-canvas {
25008
25002
  display: flex;
25009
- flex-wrap: wrap;
25010
- justify-content: center;
25011
- text-align: center;
25003
+ position: relative;
25004
+ overflow: hidden;
25005
+ contain: content;
25006
+ touch-action: none;
25012
25007
  }
25013
- .v-color-picker-edit__input:not(:last-child) {
25014
- margin-inline-end: 8px;
25008
+ .v-color-picker-canvas__dot {
25009
+ position: absolute;
25010
+ top: 0;
25011
+ left: 0;
25012
+ width: 15px;
25013
+ height: 15px;
25014
+ background: transparent;
25015
+ border-radius: 50%;
25016
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25015
25017
  }
25016
- .v-color-picker-edit__input input {
25017
- border-radius: 4px;
25018
- margin-bottom: 8px;
25019
- min-width: 0;
25020
- outline: none;
25021
- text-align: center;
25022
- width: 100%;
25023
- height: 32px;
25024
- background: rgba(var(--v-theme-surface-variant), 0.2);
25025
- color: rgba(var(--v-theme-on-surface));
25018
+ .v-color-picker-canvas__dot--disabled {
25019
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25026
25020
  }
25027
- .v-color-picker-edit__input span {
25028
- font-size: 0.75rem;
25021
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25022
+ will-change: transform;
25029
25023
  }.v-color-picker-preview__alpha .v-slider-track__background {
25030
25024
  background-color: transparent !important;
25031
25025
  }
@@ -25082,76 +25076,236 @@ html.v-overlay-scroll-blocked {
25082
25076
  width: 100%;
25083
25077
  margin: 0 !important;
25084
25078
  }
25085
- .v-color-picker-preview__track .v-slider-track__fill {
25086
- display: none;
25079
+ .v-color-picker-preview__track .v-slider-track__fill {
25080
+ display: none;
25081
+ }
25082
+
25083
+ .v-color-picker-preview {
25084
+ align-items: center;
25085
+ display: flex;
25086
+ margin-bottom: 0;
25087
+ }
25088
+
25089
+ .v-color-picker-preview__eye-dropper {
25090
+ position: relative;
25091
+ margin-right: 12px;
25092
+ }.v-color-picker-edit {
25093
+ display: flex;
25094
+ margin-top: 24px;
25095
+ }
25096
+
25097
+ .v-color-picker-edit__input {
25098
+ width: 100%;
25099
+ display: flex;
25100
+ flex-wrap: wrap;
25101
+ justify-content: center;
25102
+ text-align: center;
25103
+ }
25104
+ .v-color-picker-edit__input:not(:last-child) {
25105
+ margin-inline-end: 8px;
25106
+ }
25107
+ .v-color-picker-edit__input input {
25108
+ border-radius: 4px;
25109
+ margin-bottom: 8px;
25110
+ min-width: 0;
25111
+ outline: none;
25112
+ text-align: center;
25113
+ width: 100%;
25114
+ height: 32px;
25115
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25116
+ color: rgba(var(--v-theme-on-surface));
25117
+ }
25118
+ .v-color-picker-edit__input span {
25119
+ font-size: 0.75rem;
25120
+ }.v-color-picker-swatches {
25121
+ overflow-y: auto;
25122
+ }
25123
+ .v-color-picker-swatches > div {
25124
+ display: flex;
25125
+ flex-wrap: wrap;
25126
+ justify-content: center;
25127
+ padding: 8px;
25128
+ }
25129
+
25130
+ .v-color-picker-swatches__swatch {
25131
+ display: flex;
25132
+ flex-direction: column;
25133
+ margin-bottom: 10px;
25134
+ }
25135
+
25136
+ .v-color-picker-swatches__color {
25137
+ position: relative;
25138
+ height: 18px;
25139
+ max-height: 18px;
25140
+ width: 45px;
25141
+ margin: 2px 4px;
25142
+ border-radius: 2px;
25143
+ -webkit-user-select: none;
25144
+ user-select: none;
25145
+ overflow: hidden;
25146
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25147
+ cursor: pointer;
25148
+ }
25149
+ .v-color-picker-swatches__color > div {
25150
+ display: flex;
25151
+ align-items: center;
25152
+ justify-content: center;
25153
+ width: 100%;
25154
+ height: 100%;
25155
+ }.v-slider-thumb {
25156
+ touch-action: none;
25157
+ color: rgb(var(--v-theme-surface-variant));
25158
+ }
25159
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25160
+ color: inherit;
25161
+ }
25162
+
25163
+ .v-slider-thumb__label {
25164
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25165
+ color: rgb(var(--v-theme-on-surface-variant));
25166
+ }
25167
+ .v-slider-thumb__label::before {
25168
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25169
+ }
25170
+
25171
+ .v-slider-thumb {
25172
+ outline: none;
25173
+ position: absolute;
25174
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25175
+ }
25176
+
25177
+ .v-slider-thumb__surface {
25178
+ cursor: pointer;
25179
+ width: var(--v-slider-thumb-size);
25180
+ height: var(--v-slider-thumb-size);
25181
+ border-radius: 50%;
25182
+ -webkit-user-select: none;
25183
+ user-select: none;
25184
+ background-color: currentColor;
25185
+ }
25186
+ .v-slider-thumb__surface::before {
25187
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25188
+ content: "";
25189
+ color: inherit;
25190
+ top: 0;
25191
+ left: 0;
25192
+ width: 100%;
25193
+ height: 100%;
25194
+ border-radius: 50%;
25195
+ background: currentColor;
25196
+ position: absolute;
25197
+ pointer-events: none;
25198
+ opacity: 0;
25199
+ }
25200
+ .v-slider-thumb__surface::after {
25201
+ content: "";
25202
+ width: 42px;
25203
+ height: 42px;
25204
+ position: absolute;
25205
+ top: 50%;
25206
+ left: 50%;
25207
+ transform: translate(-50%, -50%);
25208
+ }
25209
+
25210
+ .v-slider-thumb__label-container {
25211
+ position: absolute;
25212
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25213
+ }
25214
+
25215
+ .v-slider-thumb__label {
25216
+ display: flex;
25217
+ align-items: center;
25218
+ justify-content: center;
25219
+ font-size: 0.75rem;
25220
+ min-width: 35px;
25221
+ height: 25px;
25222
+ border-radius: 4px;
25223
+ padding: 6px;
25224
+ position: absolute;
25225
+ -webkit-user-select: none;
25226
+ user-select: none;
25227
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25228
+ }
25229
+ .v-slider-thumb__label::before {
25230
+ content: "";
25231
+ width: 0;
25232
+ height: 0;
25233
+ position: absolute;
25234
+ }
25235
+
25236
+ .v-slider-thumb__ripple {
25237
+ position: absolute;
25238
+ left: calc(var(--v-slider-thumb-size) / -2);
25239
+ top: calc(var(--v-slider-thumb-size) / -2);
25240
+ width: calc(var(--v-slider-thumb-size) * 2);
25241
+ height: calc(var(--v-slider-thumb-size) * 2);
25242
+ background: inherit;
25243
+ }
25244
+
25245
+ .v-slider.v-input--horizontal .v-slider-thumb {
25246
+ top: 50%;
25247
+ transform: translateY(-50%);
25248
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25249
+ }
25250
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25251
+ left: calc(var(--v-slider-thumb-size) / 2);
25252
+ top: 0;
25253
+ }
25254
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25255
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25256
+ }
25257
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25258
+ transform: translateX(-50%);
25087
25259
  }
25088
25260
 
25089
- .v-color-picker-preview {
25090
- align-items: center;
25091
- display: flex;
25092
- margin-bottom: 0;
25261
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25262
+ transform: translateX(50%);
25093
25263
  }
25094
25264
 
25095
- .v-color-picker-preview__eye-dropper {
25096
- position: relative;
25097
- margin-right: 12px;
25098
- }.v-color-picker-canvas {
25099
- display: flex;
25100
- position: relative;
25101
- overflow: hidden;
25102
- contain: content;
25103
- touch-action: none;
25265
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25266
+ border-left: 6px solid transparent;
25267
+ border-right: 6px solid transparent;
25268
+ border-top: 6px solid currentColor;
25269
+ bottom: -6px;
25104
25270
  }
25105
- .v-color-picker-canvas__dot {
25106
- position: absolute;
25107
- top: 0;
25108
- left: 0;
25109
- width: 15px;
25110
- height: 15px;
25111
- background: transparent;
25112
- border-radius: 50%;
25113
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25271
+
25272
+ .v-slider.v-input--vertical .v-slider-thumb {
25273
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25114
25274
  }
25115
- .v-color-picker-canvas__dot--disabled {
25116
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25275
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25276
+ top: calc(var(--v-slider-thumb-size) / 2);
25277
+ right: 0;
25117
25278
  }
25118
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25119
- will-change: transform;
25120
- }.v-color-picker-swatches {
25121
- overflow-y: auto;
25279
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25280
+ top: -12.5px;
25281
+ left: calc(var(--v-slider-thumb-size) / 2);
25122
25282
  }
25123
- .v-color-picker-swatches > div {
25124
- display: flex;
25125
- flex-wrap: wrap;
25126
- justify-content: center;
25127
- padding: 8px;
25283
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25284
+ border-right: 6px solid currentColor;
25285
+ border-top: 6px solid transparent;
25286
+ border-bottom: 6px solid transparent;
25287
+ left: -6px;
25128
25288
  }
25129
25289
 
25130
- .v-color-picker-swatches__swatch {
25131
- display: flex;
25132
- flex-direction: column;
25133
- margin-bottom: 10px;
25290
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25291
+ transform: scale(2);
25292
+ opacity: var(--v-focus-opacity);
25134
25293
  }
25135
25294
 
25136
- .v-color-picker-swatches__color {
25137
- position: relative;
25138
- height: 18px;
25139
- max-height: 18px;
25140
- width: 45px;
25141
- margin: 2px 4px;
25142
- border-radius: 2px;
25143
- -webkit-user-select: none;
25144
- user-select: none;
25145
- overflow: hidden;
25146
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25147
- cursor: pointer;
25295
+ .v-slider-thumb--pressed {
25296
+ transition: none;
25148
25297
  }
25149
- .v-color-picker-swatches__color > div {
25150
- display: flex;
25151
- align-items: center;
25152
- justify-content: center;
25153
- width: 100%;
25154
- height: 100%;
25298
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25299
+ opacity: var(--v-pressed-opacity);
25300
+ }
25301
+
25302
+ @media (hover: hover) {
25303
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25304
+ transform: scale(2);
25305
+ }
25306
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25307
+ opacity: var(--v-hover-opacity);
25308
+ }
25155
25309
  }.v-slider-track__background {
25156
25310
  background-color: rgb(var(--v-theme-surface-variant));
25157
25311
  }
@@ -25315,158 +25469,4 @@ html.v-overlay-scroll-blocked {
25315
25469
 
25316
25470
  .v-slider-track__background--opacity {
25317
25471
  opacity: 0.38;
25318
- }.v-slider-thumb {
25319
- touch-action: none;
25320
- color: rgb(var(--v-theme-surface-variant));
25321
- }
25322
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25323
- color: inherit;
25324
- }
25325
-
25326
- .v-slider-thumb__label {
25327
- background: rgba(var(--v-theme-surface-variant), 0.7);
25328
- color: rgb(var(--v-theme-on-surface-variant));
25329
- }
25330
- .v-slider-thumb__label::before {
25331
- color: rgba(var(--v-theme-surface-variant), 0.7);
25332
- }
25333
-
25334
- .v-slider-thumb {
25335
- outline: none;
25336
- position: absolute;
25337
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25338
- }
25339
-
25340
- .v-slider-thumb__surface {
25341
- cursor: pointer;
25342
- width: var(--v-slider-thumb-size);
25343
- height: var(--v-slider-thumb-size);
25344
- border-radius: 50%;
25345
- -webkit-user-select: none;
25346
- user-select: none;
25347
- background-color: currentColor;
25348
- }
25349
- .v-slider-thumb__surface::before {
25350
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25351
- content: "";
25352
- color: inherit;
25353
- top: 0;
25354
- left: 0;
25355
- width: 100%;
25356
- height: 100%;
25357
- border-radius: 50%;
25358
- background: currentColor;
25359
- position: absolute;
25360
- pointer-events: none;
25361
- opacity: 0;
25362
- }
25363
- .v-slider-thumb__surface::after {
25364
- content: "";
25365
- width: 42px;
25366
- height: 42px;
25367
- position: absolute;
25368
- top: 50%;
25369
- left: 50%;
25370
- transform: translate(-50%, -50%);
25371
- }
25372
-
25373
- .v-slider-thumb__label-container {
25374
- position: absolute;
25375
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25376
- }
25377
-
25378
- .v-slider-thumb__label {
25379
- display: flex;
25380
- align-items: center;
25381
- justify-content: center;
25382
- font-size: 0.75rem;
25383
- min-width: 35px;
25384
- height: 25px;
25385
- border-radius: 4px;
25386
- padding: 6px;
25387
- position: absolute;
25388
- -webkit-user-select: none;
25389
- user-select: none;
25390
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25391
- }
25392
- .v-slider-thumb__label::before {
25393
- content: "";
25394
- width: 0;
25395
- height: 0;
25396
- position: absolute;
25397
- }
25398
-
25399
- .v-slider-thumb__ripple {
25400
- position: absolute;
25401
- left: calc(var(--v-slider-thumb-size) / -2);
25402
- top: calc(var(--v-slider-thumb-size) / -2);
25403
- width: calc(var(--v-slider-thumb-size) * 2);
25404
- height: calc(var(--v-slider-thumb-size) * 2);
25405
- background: inherit;
25406
- }
25407
-
25408
- .v-slider.v-input--horizontal .v-slider-thumb {
25409
- top: 50%;
25410
- transform: translateY(-50%);
25411
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25412
- }
25413
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25414
- left: calc(var(--v-slider-thumb-size) / 2);
25415
- top: 0;
25416
- }
25417
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25418
- bottom: calc(var(--v-slider-thumb-size) / 2);
25419
- }
25420
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25421
- transform: translateX(-50%);
25422
- }
25423
-
25424
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25425
- transform: translateX(50%);
25426
- }
25427
-
25428
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25429
- border-left: 6px solid transparent;
25430
- border-right: 6px solid transparent;
25431
- border-top: 6px solid currentColor;
25432
- bottom: -6px;
25433
- }
25434
-
25435
- .v-slider.v-input--vertical .v-slider-thumb {
25436
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25437
- }
25438
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25439
- top: calc(var(--v-slider-thumb-size) / 2);
25440
- right: 0;
25441
- }
25442
- .v-slider.v-input--vertical .v-slider-thumb__label {
25443
- top: -12.5px;
25444
- left: calc(var(--v-slider-thumb-size) / 2);
25445
- }
25446
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25447
- border-right: 6px solid currentColor;
25448
- border-top: 6px solid transparent;
25449
- border-bottom: 6px solid transparent;
25450
- left: -6px;
25451
- }
25452
-
25453
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25454
- transform: scale(2);
25455
- opacity: var(--v-focus-opacity);
25456
- }
25457
-
25458
- .v-slider-thumb--pressed {
25459
- transition: none;
25460
- }
25461
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25462
- opacity: var(--v-pressed-opacity);
25463
- }
25464
-
25465
- @media (hover: hover) {
25466
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25467
- transform: scale(2);
25468
- }
25469
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25470
- opacity: var(--v-hover-opacity);
25471
- }
25472
25472
  }