@vuetify/nightly 3.5.3-dev.2024-03-03 → 3.5.3-dev.2024-03-06

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3-dev.2024-03-03
2
+ * Vuetify v3.5.3-dev.2024-03-06
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17268,47 +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-day__row-with-label {
17272
- display: grid;
17273
- grid-template-columns: 48px 8px 1fr;
17274
- border-right: thin solid #e0e0e0;
17275
- }
17276
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17277
- position: relative;
17278
- border-right: thin solid #e0e0e0;
17279
- }
17280
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17281
- content: "";
17282
- border-bottom: thin solid #e0e0e0;
17283
- position: absolute;
17284
- width: 100%;
17285
- margin-top: -1px;
17286
- z-index: 3;
17287
- pointer-events: none;
17288
- }
17289
- .v-calendar-day__row-with-label .v-calendar-day__row-label {
17290
- font-size: 10px;
17291
- text-align: center;
17292
- position: relative;
17293
- top: -8px;
17294
- }
17295
- .v-calendar-day__row-with-label .v-calendar-day__row-content {
17296
- border-bottom: thin solid #e0e0e0;
17297
- }
17298
- .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17299
- border-bottom: none;
17300
- }
17301
-
17302
- .v-calendar-day__row-without-label {
17303
- display: grid;
17304
- grid-template-columns: 1fr;
17305
- border-right: thin solid #e0e0e0;
17306
- }
17307
- .v-calendar-day__row-without-label .v-calendar-day__row-content {
17308
- border-bottom: thin solid #e0e0e0;
17309
- }
17310
- .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17311
- border-bottom: none;
17312
17271
  }.v-calendar-day {
17313
17272
  position: relative;
17314
17273
  display: flex;
@@ -17354,6 +17313,47 @@ html.overflow-y-hidden {
17354
17313
  .v-calendar-header__title {
17355
17314
  font-size: 1.5rem;
17356
17315
  margin-inline-start: 24px;
17316
+ }.v-calendar-day__row-with-label {
17317
+ display: grid;
17318
+ grid-template-columns: 48px 8px 1fr;
17319
+ border-right: thin solid #e0e0e0;
17320
+ }
17321
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17322
+ position: relative;
17323
+ border-right: thin solid #e0e0e0;
17324
+ }
17325
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17326
+ content: "";
17327
+ border-bottom: thin solid #e0e0e0;
17328
+ position: absolute;
17329
+ width: 100%;
17330
+ margin-top: -1px;
17331
+ z-index: 3;
17332
+ pointer-events: none;
17333
+ }
17334
+ .v-calendar-day__row-with-label .v-calendar-day__row-label {
17335
+ font-size: 10px;
17336
+ text-align: center;
17337
+ position: relative;
17338
+ top: -8px;
17339
+ }
17340
+ .v-calendar-day__row-with-label .v-calendar-day__row-content {
17341
+ border-bottom: thin solid #e0e0e0;
17342
+ }
17343
+ .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17344
+ border-bottom: none;
17345
+ }
17346
+
17347
+ .v-calendar-day__row-without-label {
17348
+ display: grid;
17349
+ grid-template-columns: 1fr;
17350
+ border-right: thin solid #e0e0e0;
17351
+ }
17352
+ .v-calendar-day__row-without-label .v-calendar-day__row-content {
17353
+ border-bottom: thin solid #e0e0e0;
17354
+ }
17355
+ .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17356
+ border-bottom: none;
17357
17357
  }.v-calendar-month__day {
17358
17358
  position: relative;
17359
17359
  display: flex;
@@ -17678,18 +17678,6 @@ html.overflow-y-hidden {
17678
17678
  text-transform: none;
17679
17679
  word-break: normal;
17680
17680
  word-wrap: break-word;
17681
- }.v-app-bar {
17682
- display: flex;
17683
- }
17684
- .v-app-bar.v-toolbar {
17685
- background: rgb(var(--v-theme-surface));
17686
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17687
- }
17688
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17689
- 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));
17690
- }
17691
- .v-app-bar:not(.v-toolbar--absolute) {
17692
- padding-inline-end: var(--v-scrollbar-offset);
17693
17681
  }.v-application {
17694
17682
  display: flex;
17695
17683
  background: rgb(var(--v-theme-background));
@@ -17793,241 +17781,94 @@ html.overflow-y-hidden {
17793
17781
  .v-avatar .v-img {
17794
17782
  height: 100%;
17795
17783
  width: 100%;
17796
- }.v-breadcrumbs {
17784
+ }.v-app-bar {
17797
17785
  display: flex;
17798
- align-items: center;
17799
- line-height: 1.375rem;
17800
- padding: 16px 12px;
17801
- }
17802
- .v-breadcrumbs--rounded {
17803
- border-radius: 4px;
17804
- }
17805
- .v-breadcrumbs--density-default {
17806
- padding-top: 16px;
17807
- padding-bottom: 16px;
17808
- }
17809
-
17810
- .v-breadcrumbs--density-comfortable {
17811
- padding-top: 12px;
17812
- padding-bottom: 12px;
17813
- }
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;
17831
- vertical-align: middle;
17832
- }
17833
- .v-breadcrumbs-item--disabled {
17834
- opacity: var(--v-disabled-opacity);
17835
- pointer-events: none;
17836
- }
17837
- .v-breadcrumbs-item--link {
17838
- color: inherit;
17839
- text-decoration: none;
17840
17786
  }
17841
- .v-breadcrumbs-item--link:hover {
17842
- text-decoration: underline;
17787
+ .v-app-bar.v-toolbar {
17788
+ background: rgb(var(--v-theme-surface));
17789
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17843
17790
  }
17844
- .v-breadcrumbs-item .v-icon {
17845
- font-size: 1rem;
17846
- margin-inline: -4px 2px;
17791
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17792
+ 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));
17847
17793
  }
17848
-
17849
- .v-breadcrumbs-divider {
17850
- display: inline-block;
17851
- padding: 0 8px;
17852
- vertical-align: middle;
17853
- }.v-banner {
17854
- display: grid;
17855
- flex: 1 1;
17856
- font-size: 0.875rem;
17857
- grid-template-areas: "prepend content actions";
17858
- grid-template-columns: max-content auto max-content;
17859
- grid-template-rows: max-content max-content;
17860
- line-height: 1.375rem;
17794
+ .v-app-bar:not(.v-toolbar--absolute) {
17795
+ padding-inline-end: var(--v-scrollbar-offset);
17796
+ }.v-bottom-navigation {
17797
+ display: flex;
17798
+ max-width: 100%;
17861
17799
  overflow: hidden;
17862
- padding-inline: 16px 8px;
17863
- padding-top: 16px;
17864
- padding-bottom: 16px;
17865
- position: relative;
17866
- width: 100%;
17800
+ position: absolute;
17801
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17867
17802
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17868
17803
  border-style: solid;
17869
- border-width: 0 0 thin 0;
17870
- 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));
17804
+ border-width: 0;
17871
17805
  border-radius: 0;
17872
17806
  background: rgb(var(--v-theme-surface));
17873
17807
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17874
17808
  }
17875
- .v-banner--border {
17809
+ .v-bottom-navigation--border {
17876
17810
  border-width: thin;
17877
17811
  box-shadow: none;
17878
17812
  }
17879
- .v-banner--absolute {
17880
- position: absolute;
17813
+ .v-bottom-navigation--active {
17814
+ 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));
17881
17815
  }
17882
- .v-banner--fixed {
17883
- position: fixed;
17816
+
17817
+ .v-bottom-navigation__content {
17818
+ display: flex;
17819
+ flex: none;
17820
+ font-size: 0.75rem;
17821
+ justify-content: center;
17822
+ transition: inherit;
17823
+ width: 100%;
17884
17824
  }
17885
- .v-banner--sticky {
17886
- position: sticky;
17825
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17826
+ font-size: inherit;
17827
+ height: 100%;
17828
+ max-width: 168px;
17829
+ min-width: 80px;
17830
+ text-transform: none;
17831
+ transition: inherit;
17832
+ width: auto;
17833
+ border-radius: 0;
17887
17834
  }
17888
- .v-banner--rounded {
17889
- border-radius: 4px;
17835
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17836
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17837
+ transition: inherit;
17890
17838
  }
17891
- .v-banner--stacked:not(.v-banner--one-line) {
17892
- grid-template-areas: "prepend content" ". actions";
17839
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17840
+ font-size: 1.5rem;
17893
17841
  }
17894
- .v-banner--stacked .v-banner-text {
17895
- padding-inline-end: 36px;
17842
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17843
+ flex-grow: 1;
17896
17844
  }
17897
- .v-banner--density-default .v-banner-actions {
17898
- margin-bottom: -8px;
17845
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17846
+ transition: inherit;
17847
+ opacity: 0;
17899
17848
  }
17900
- .v-banner--density-default.v-banner--one-line {
17901
- padding-top: 8px;
17902
- padding-bottom: 8px;
17849
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17850
+ transform: translateY(0.5rem);
17851
+ }.v-autocomplete .v-field .v-text-field__prefix,
17852
+ .v-autocomplete .v-field .v-text-field__suffix,
17853
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17854
+ cursor: text;
17903
17855
  }
17904
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
17905
- margin-bottom: 0;
17856
+ .v-autocomplete .v-field .v-field__input > input {
17857
+ flex: 1 1;
17906
17858
  }
17907
- .v-banner--density-default.v-banner--one-line {
17908
- padding-top: 10px;
17859
+ .v-autocomplete .v-field input {
17860
+ min-width: 64px;
17909
17861
  }
17910
- .v-banner--density-default.v-banner--two-line {
17911
- padding-top: 16px;
17912
- padding-bottom: 16px;
17862
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17863
+ min-width: 0;
17913
17864
  }
17914
- .v-banner--density-default.v-banner--three-line {
17915
- padding-top: 24px;
17916
- padding-bottom: 16px;
17865
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17866
+ margin-inline-end: 2px;
17917
17867
  }
17918
- .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
17919
- margin-top: 20px;
17920
- }
17921
-
17922
- .v-banner--density-comfortable .v-banner-actions {
17923
- margin-bottom: -4px;
17924
- }
17925
- .v-banner--density-comfortable.v-banner--one-line {
17926
- padding-top: 4px;
17927
- padding-bottom: 4px;
17928
- }
17929
- .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
17930
- margin-bottom: 0;
17931
- }
17932
- .v-banner--density-comfortable.v-banner--two-line {
17933
- padding-top: 12px;
17934
- padding-bottom: 12px;
17935
- }
17936
- .v-banner--density-comfortable.v-banner--three-line {
17937
- padding-top: 20px;
17938
- padding-bottom: 12px;
17939
- }
17940
- .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
17941
- margin-top: 16px;
17942
- }
17943
-
17944
- .v-banner--density-compact .v-banner-actions {
17945
- margin-bottom: 0px;
17946
- }
17947
- .v-banner--density-compact.v-banner--one-line {
17948
- padding-top: 0px;
17949
- padding-bottom: 0px;
17950
- }
17951
- .v-banner--density-compact.v-banner--one-line .v-banner-actions {
17952
- margin-bottom: 0;
17953
- }
17954
- .v-banner--density-compact.v-banner--two-line {
17955
- padding-top: 8px;
17956
- padding-bottom: 8px;
17957
- }
17958
- .v-banner--density-compact.v-banner--three-line {
17959
- padding-top: 16px;
17960
- padding-bottom: 8px;
17961
- }
17962
- .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
17963
- margin-top: 12px;
17964
- }
17965
-
17966
- .v-banner--sticky {
17967
- top: 0;
17968
- }
17969
-
17970
- .v-banner__content {
17971
- align-items: center;
17972
- display: flex;
17973
- grid-area: content;
17974
- }
17975
-
17976
- .v-banner__prepend {
17977
- align-self: flex-start;
17978
- grid-area: prepend;
17979
- margin-inline-end: 24px;
17980
- }
17981
-
17982
- .v-banner-actions {
17983
- align-self: flex-end;
17984
- display: flex;
17985
- flex: 0 1;
17986
- grid-area: actions;
17987
- justify-content: flex-end;
17988
- }
17989
- .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
17990
- margin-top: 20px;
17991
- }
17992
-
17993
- .v-banner-text {
17994
- -webkit-box-orient: vertical;
17995
- display: -webkit-box;
17996
- padding-inline-end: 90px;
17997
- overflow: hidden;
17998
- }
17999
- .v-banner--one-line .v-banner-text {
18000
- -webkit-line-clamp: 1;
18001
- }
18002
- .v-banner--two-line .v-banner-text {
18003
- -webkit-line-clamp: 2;
18004
- }
18005
- .v-banner--three-line .v-banner-text {
18006
- -webkit-line-clamp: 3;
18007
- }
18008
- .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18009
- align-self: flex-start;
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;
18014
- }
18015
- .v-autocomplete .v-field .v-field__input > input {
18016
- flex: 1 1;
18017
- }
18018
- .v-autocomplete .v-field input {
18019
- min-width: 64px;
18020
- }
18021
- .v-autocomplete .v-field:not(.v-field--focused) input {
18022
- min-width: 0;
18023
- }
18024
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18025
- margin-inline-end: 2px;
18026
- }
18027
- .v-autocomplete .v-autocomplete__selection-text {
18028
- overflow: hidden;
18029
- text-overflow: ellipsis;
18030
- white-space: nowrap;
17868
+ .v-autocomplete .v-autocomplete__selection-text {
17869
+ overflow: hidden;
17870
+ text-overflow: ellipsis;
17871
+ white-space: nowrap;
18031
17872
  }
18032
17873
 
18033
17874
  .v-autocomplete__content {
@@ -18159,116 +18000,274 @@ html.overflow-y-hidden {
18159
18000
  display: inline-flex;
18160
18001
  justify-content: center;
18161
18002
  margin: 0 4px;
18162
- }.v-btn-group {
18163
- display: inline-flex;
18164
- flex-wrap: nowrap;
18165
- max-width: 100%;
18166
- min-width: 0;
18003
+ }.v-banner {
18004
+ display: grid;
18005
+ flex: 1 1;
18006
+ font-size: 0.875rem;
18007
+ grid-template-areas: "prepend content actions";
18008
+ grid-template-columns: max-content auto max-content;
18009
+ grid-template-rows: max-content max-content;
18010
+ line-height: 1.375rem;
18167
18011
  overflow: hidden;
18168
- vertical-align: middle;
18012
+ padding-inline: 16px 8px;
18013
+ padding-top: 16px;
18014
+ padding-bottom: 16px;
18015
+ position: relative;
18016
+ width: 100%;
18169
18017
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18170
18018
  border-style: solid;
18171
- border-width: 0;
18019
+ border-width: 0 0 thin 0;
18172
18020
  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;
18021
+ border-radius: 0;
18022
+ background: rgb(var(--v-theme-surface));
18175
18023
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18176
18024
  }
18177
- .v-btn-group--border {
18025
+ .v-banner--border {
18178
18026
  border-width: thin;
18179
18027
  box-shadow: none;
18180
18028
  }
18181
- .v-btn-group--density-default.v-btn-group {
18182
- height: 48px;
18029
+ .v-banner--absolute {
18030
+ position: absolute;
18183
18031
  }
18184
-
18185
- .v-btn-group--density-comfortable.v-btn-group {
18186
- height: 40px;
18032
+ .v-banner--fixed {
18033
+ position: fixed;
18187
18034
  }
18188
-
18189
- .v-btn-group--density-compact.v-btn-group {
18190
- height: 36px;
18035
+ .v-banner--sticky {
18036
+ position: sticky;
18191
18037
  }
18192
-
18193
- .v-btn-group .v-btn {
18194
- border-radius: 0;
18195
- border-color: inherit;
18038
+ .v-banner--rounded {
18039
+ border-radius: 4px;
18196
18040
  }
18197
- .v-btn-group .v-btn:not(:last-child) {
18198
- border-inline-end: none;
18041
+ .v-banner--stacked:not(.v-banner--one-line) {
18042
+ grid-template-areas: "prepend content" ". actions";
18199
18043
  }
18200
- .v-btn-group .v-btn:not(:first-child) {
18201
- border-inline-start: none;
18044
+ .v-banner--stacked .v-banner-text {
18045
+ padding-inline-end: 36px;
18202
18046
  }
18203
- .v-btn-group .v-btn:first-child {
18204
- border-start-start-radius: inherit;
18205
- border-end-start-radius: inherit;
18047
+ .v-banner--density-default .v-banner-actions {
18048
+ margin-bottom: -8px;
18206
18049
  }
18207
- .v-btn-group .v-btn:last-child {
18208
- border-start-end-radius: inherit;
18209
- border-end-end-radius: inherit;
18050
+ .v-banner--density-default.v-banner--one-line {
18051
+ padding-top: 8px;
18052
+ padding-bottom: 8px;
18210
18053
  }
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));
18054
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
18055
+ margin-bottom: 0;
18215
18056
  }
18216
- .v-btn-group--tile {
18217
- border-radius: 0;
18218
- }.bottom-sheet-transition-enter-from {
18219
- transform: translateY(100%);
18057
+ .v-banner--density-default.v-banner--one-line {
18058
+ padding-top: 10px;
18220
18059
  }
18221
- .bottom-sheet-transition-leave-to {
18222
- transform: translateY(100%);
18060
+ .v-banner--density-default.v-banner--two-line {
18061
+ padding-top: 16px;
18062
+ padding-bottom: 16px;
18063
+ }
18064
+ .v-banner--density-default.v-banner--three-line {
18065
+ padding-top: 24px;
18066
+ padding-bottom: 16px;
18067
+ }
18068
+ .v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
18069
+ margin-top: 20px;
18223
18070
  }
18224
18071
 
18225
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18226
- align-self: flex-end;
18227
- border-radius: 0;
18228
- flex: 0 1 auto;
18229
- left: 0;
18230
- right: 0;
18231
- margin-inline: 0;
18072
+ .v-banner--density-comfortable .v-banner-actions {
18073
+ margin-bottom: -4px;
18074
+ }
18075
+ .v-banner--density-comfortable.v-banner--one-line {
18076
+ padding-top: 4px;
18077
+ padding-bottom: 4px;
18078
+ }
18079
+ .v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
18232
18080
  margin-bottom: 0;
18233
- transition-duration: 0.2s;
18234
- width: 100%;
18235
- max-width: 100%;
18236
- overflow: visible;
18237
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18238
18081
  }
18239
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18240
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18241
- border-radius: 0;
18082
+ .v-banner--density-comfortable.v-banner--two-line {
18083
+ padding-top: 12px;
18084
+ padding-bottom: 12px;
18242
18085
  }
18243
- .v-bottom-sheet.v-bottom-sheet--inset {
18244
- max-width: none;
18086
+ .v-banner--density-comfortable.v-banner--three-line {
18087
+ padding-top: 20px;
18088
+ padding-bottom: 12px;
18245
18089
  }
18246
- @media (min-width: 600px) {
18247
- .v-bottom-sheet.v-bottom-sheet--inset {
18248
- max-width: 70%;
18249
- }
18250
- }.v-btn {
18251
- align-items: center;
18252
- border-radius: 4px;
18253
- display: inline-grid;
18254
- grid-template-areas: "prepend content append";
18255
- grid-template-columns: max-content auto max-content;
18256
- font-weight: 500;
18257
- justify-content: center;
18258
- letter-spacing: 0.0892857143em;
18259
- line-height: normal;
18260
- max-width: 100%;
18261
- outline: none;
18262
- position: relative;
18263
- text-decoration: none;
18264
- text-indent: 0.0892857143em;
18265
- text-transform: uppercase;
18266
- transition-property: box-shadow, transform, opacity, background;
18267
- transition-duration: 0.28s;
18268
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18269
- -webkit-user-select: none;
18270
- user-select: none;
18271
- vertical-align: middle;
18090
+ .v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
18091
+ margin-top: 16px;
18092
+ }
18093
+
18094
+ .v-banner--density-compact .v-banner-actions {
18095
+ margin-bottom: 0px;
18096
+ }
18097
+ .v-banner--density-compact.v-banner--one-line {
18098
+ padding-top: 0px;
18099
+ padding-bottom: 0px;
18100
+ }
18101
+ .v-banner--density-compact.v-banner--one-line .v-banner-actions {
18102
+ margin-bottom: 0;
18103
+ }
18104
+ .v-banner--density-compact.v-banner--two-line {
18105
+ padding-top: 8px;
18106
+ padding-bottom: 8px;
18107
+ }
18108
+ .v-banner--density-compact.v-banner--three-line {
18109
+ padding-top: 16px;
18110
+ padding-bottom: 8px;
18111
+ }
18112
+ .v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
18113
+ margin-top: 12px;
18114
+ }
18115
+
18116
+ .v-banner--sticky {
18117
+ top: 0;
18118
+ }
18119
+
18120
+ .v-banner__content {
18121
+ align-items: center;
18122
+ display: flex;
18123
+ grid-area: content;
18124
+ }
18125
+
18126
+ .v-banner__prepend {
18127
+ align-self: flex-start;
18128
+ grid-area: prepend;
18129
+ margin-inline-end: 24px;
18130
+ }
18131
+
18132
+ .v-banner-actions {
18133
+ align-self: flex-end;
18134
+ display: flex;
18135
+ flex: 0 1;
18136
+ grid-area: actions;
18137
+ justify-content: flex-end;
18138
+ }
18139
+ .v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
18140
+ margin-top: 20px;
18141
+ }
18142
+
18143
+ .v-banner-text {
18144
+ -webkit-box-orient: vertical;
18145
+ display: -webkit-box;
18146
+ padding-inline-end: 90px;
18147
+ overflow: hidden;
18148
+ }
18149
+ .v-banner--one-line .v-banner-text {
18150
+ -webkit-line-clamp: 1;
18151
+ }
18152
+ .v-banner--two-line .v-banner-text {
18153
+ -webkit-line-clamp: 2;
18154
+ }
18155
+ .v-banner--three-line .v-banner-text {
18156
+ -webkit-line-clamp: 3;
18157
+ }
18158
+ .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18159
+ align-self: flex-start;
18160
+ }.v-breadcrumbs {
18161
+ display: flex;
18162
+ align-items: center;
18163
+ line-height: 1.375rem;
18164
+ padding: 16px 12px;
18165
+ }
18166
+ .v-breadcrumbs--rounded {
18167
+ border-radius: 4px;
18168
+ }
18169
+ .v-breadcrumbs--density-default {
18170
+ padding-top: 16px;
18171
+ padding-bottom: 16px;
18172
+ }
18173
+
18174
+ .v-breadcrumbs--density-comfortable {
18175
+ padding-top: 12px;
18176
+ padding-bottom: 12px;
18177
+ }
18178
+
18179
+ .v-breadcrumbs--density-compact {
18180
+ padding-top: 8px;
18181
+ padding-bottom: 8px;
18182
+ }
18183
+
18184
+ .v-breadcrumbs__prepend {
18185
+ align-items: center;
18186
+ display: inline-flex;
18187
+ }
18188
+
18189
+ .v-breadcrumbs-item {
18190
+ align-items: center;
18191
+ color: inherit;
18192
+ display: inline-flex;
18193
+ padding: 0 4px;
18194
+ text-decoration: none;
18195
+ vertical-align: middle;
18196
+ }
18197
+ .v-breadcrumbs-item--disabled {
18198
+ opacity: var(--v-disabled-opacity);
18199
+ pointer-events: none;
18200
+ }
18201
+ .v-breadcrumbs-item--link {
18202
+ color: inherit;
18203
+ text-decoration: none;
18204
+ }
18205
+ .v-breadcrumbs-item--link:hover {
18206
+ text-decoration: underline;
18207
+ }
18208
+ .v-breadcrumbs-item .v-icon {
18209
+ font-size: 1rem;
18210
+ margin-inline: -4px 2px;
18211
+ }
18212
+
18213
+ .v-breadcrumbs-divider {
18214
+ display: inline-block;
18215
+ padding: 0 8px;
18216
+ vertical-align: middle;
18217
+ }.bottom-sheet-transition-enter-from {
18218
+ transform: translateY(100%);
18219
+ }
18220
+ .bottom-sheet-transition-leave-to {
18221
+ transform: translateY(100%);
18222
+ }
18223
+
18224
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18225
+ align-self: flex-end;
18226
+ border-radius: 0;
18227
+ flex: 0 1 auto;
18228
+ left: 0;
18229
+ right: 0;
18230
+ margin-inline: 0;
18231
+ margin-bottom: 0;
18232
+ transition-duration: 0.2s;
18233
+ width: 100%;
18234
+ max-width: 100%;
18235
+ overflow: visible;
18236
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18237
+ }
18238
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18239
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18240
+ border-radius: 0;
18241
+ }
18242
+ .v-bottom-sheet.v-bottom-sheet--inset {
18243
+ max-width: none;
18244
+ }
18245
+ @media (min-width: 600px) {
18246
+ .v-bottom-sheet.v-bottom-sheet--inset {
18247
+ max-width: 70%;
18248
+ }
18249
+ }.v-btn {
18250
+ align-items: center;
18251
+ border-radius: 4px;
18252
+ display: inline-grid;
18253
+ grid-template-areas: "prepend content append";
18254
+ grid-template-columns: max-content auto max-content;
18255
+ font-weight: 500;
18256
+ justify-content: center;
18257
+ letter-spacing: 0.0892857143em;
18258
+ line-height: normal;
18259
+ max-width: 100%;
18260
+ outline: none;
18261
+ position: relative;
18262
+ text-decoration: none;
18263
+ text-indent: 0.0892857143em;
18264
+ text-transform: uppercase;
18265
+ transition-property: box-shadow, transform, opacity, background;
18266
+ transition-duration: 0.28s;
18267
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18268
+ -webkit-user-select: none;
18269
+ user-select: none;
18270
+ vertical-align: middle;
18272
18271
  flex-shrink: 0;
18273
18272
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18274
18273
  border-style: solid;
@@ -18650,124 +18649,75 @@ html.overflow-y-hidden {
18650
18649
  }
18651
18650
  .v-pagination__item--is-active .v-btn__overlay {
18652
18651
  opacity: var(--v-border-opacity);
18653
- }.v-bottom-navigation {
18654
- display: flex;
18652
+ }.v-btn-group {
18653
+ display: inline-flex;
18654
+ flex-wrap: nowrap;
18655
18655
  max-width: 100%;
18656
+ min-width: 0;
18656
18657
  overflow: hidden;
18657
- position: absolute;
18658
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18658
+ vertical-align: middle;
18659
18659
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18660
18660
  border-style: solid;
18661
18661
  border-width: 0;
18662
- border-radius: 0;
18663
- background: rgb(var(--v-theme-surface));
18662
+ 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));
18663
+ border-radius: 4px;
18664
+ background: transparent;
18664
18665
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18665
18666
  }
18666
- .v-bottom-navigation--border {
18667
+ .v-btn-group--border {
18667
18668
  border-width: thin;
18668
18669
  box-shadow: none;
18669
18670
  }
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));
18671
+ .v-btn-group--density-default.v-btn-group {
18672
+ height: 48px;
18672
18673
  }
18673
18674
 
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%;
18675
+ .v-btn-group--density-comfortable.v-btn-group {
18676
+ height: 40px;
18681
18677
  }
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;
18678
+
18679
+ .v-btn-group--density-compact.v-btn-group {
18680
+ height: 36px;
18681
+ }
18682
+
18683
+ .v-btn-group .v-btn {
18690
18684
  border-radius: 0;
18685
+ border-color: inherit;
18691
18686
  }
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;
18687
+ .v-btn-group .v-btn:not(:last-child) {
18688
+ border-inline-end: none;
18695
18689
  }
18696
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18697
- font-size: 1.5rem;
18690
+ .v-btn-group .v-btn:not(:first-child) {
18691
+ border-inline-start: none;
18698
18692
  }
18699
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18700
- flex-grow: 1;
18693
+ .v-btn-group .v-btn:first-child {
18694
+ border-start-start-radius: inherit;
18695
+ border-end-start-radius: inherit;
18701
18696
  }
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;
18697
+ .v-btn-group .v-btn:last-child {
18698
+ border-start-end-radius: inherit;
18699
+ border-end-end-radius: inherit;
18705
18700
  }
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%;
18701
+ .v-btn-group--divided .v-btn:not(:last-child) {
18702
+ border-inline-end-width: thin;
18703
+ border-inline-end-style: solid;
18704
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18712
18705
  }
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;
18706
+ .v-btn-group--tile {
18707
+ border-radius: 0;
18708
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18709
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18758
18710
  }
18759
- .v-carousel-item > .v-img {
18760
- height: inherit;
18711
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18712
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18761
18713
  }
18762
-
18763
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18764
- background: transparent;
18714
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18715
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18765
18716
  }
18766
-
18767
- .v-carousel--vertical-delimiters .v-carousel__controls {
18768
- flex-direction: column;
18769
- height: 100% !important;
18770
- width: 50px;
18717
+ @supports not selector(:focus-visible) {
18718
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18719
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18720
+ }
18771
18721
  }.v-card {
18772
18722
  display: block;
18773
18723
  overflow: hidden;
@@ -19064,62 +19014,6 @@ html.overflow-y-hidden {
19064
19014
  pointer-events: none;
19065
19015
  opacity: 0;
19066
19016
  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);
19072
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19073
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19074
- }
19075
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19076
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19077
- }
19078
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19079
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19080
- }
19081
- @supports not selector(:focus-visible) {
19082
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19083
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19084
- }
19085
- }.v-chip-group {
19086
- display: flex;
19087
- max-width: 100%;
19088
- min-width: 0;
19089
- overflow-x: auto;
19090
- padding: 4px 0;
19091
- }
19092
- .v-chip-group .v-chip {
19093
- margin: 4px 8px 4px 0;
19094
- }
19095
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19096
- opacity: var(--v-activated-opacity);
19097
- }
19098
-
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;
19106
- }
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;
19110
- }
19111
-
19112
- .v-color-picker__controls {
19113
- display: flex;
19114
- flex-direction: column;
19115
- padding: 16px;
19116
- }
19117
-
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));
19120
- }
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));
19123
19017
  }.v-chip {
19124
19018
  align-items: center;
19125
19019
  display: inline-flex;
@@ -19527,6 +19421,112 @@ html.overflow-y-hidden {
19527
19421
 
19528
19422
  .v-chip--label {
19529
19423
  border-radius: 4px;
19424
+ }.v-chip-group {
19425
+ display: flex;
19426
+ max-width: 100%;
19427
+ min-width: 0;
19428
+ overflow-x: auto;
19429
+ padding: 4px 0;
19430
+ }
19431
+ .v-chip-group .v-chip {
19432
+ margin: 4px 8px 4px 0;
19433
+ }
19434
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19435
+ opacity: var(--v-activated-opacity);
19436
+ }
19437
+
19438
+ .v-chip-group--column .v-slide-group__content {
19439
+ white-space: normal;
19440
+ flex-wrap: wrap;
19441
+ max-width: 100%;
19442
+ }.v-carousel {
19443
+ overflow: hidden;
19444
+ position: relative;
19445
+ width: 100%;
19446
+ }
19447
+ .v-carousel__controls {
19448
+ align-items: center;
19449
+ bottom: 0;
19450
+ display: flex;
19451
+ height: 50px;
19452
+ justify-content: center;
19453
+ list-style-type: none;
19454
+ position: absolute;
19455
+ width: 100%;
19456
+ z-index: 1;
19457
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19458
+ color: rgb(var(--v-theme-on-surface-variant));
19459
+ }
19460
+ .v-carousel__controls > .v-item-group {
19461
+ flex: 0 1 auto;
19462
+ }
19463
+ .v-carousel__controls__item {
19464
+ margin: 0 8px;
19465
+ }
19466
+ .v-carousel__controls__item .v-icon {
19467
+ opacity: 0.5;
19468
+ }
19469
+ .v-carousel__controls__item--active .v-icon {
19470
+ opacity: 1;
19471
+ vertical-align: middle;
19472
+ }
19473
+ .v-carousel__controls__item:hover {
19474
+ background: none;
19475
+ }
19476
+ .v-carousel__controls__item:hover .v-icon {
19477
+ opacity: 0.8;
19478
+ }
19479
+
19480
+ .v-carousel__progress {
19481
+ margin: 0;
19482
+ position: absolute;
19483
+ bottom: 0;
19484
+ left: 0;
19485
+ right: 0;
19486
+ }
19487
+
19488
+ .v-carousel-item {
19489
+ display: block;
19490
+ height: inherit;
19491
+ text-decoration: none;
19492
+ }
19493
+ .v-carousel-item > .v-img {
19494
+ height: inherit;
19495
+ }
19496
+
19497
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19498
+ background: transparent;
19499
+ }
19500
+
19501
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19502
+ flex-direction: column;
19503
+ height: 100% !important;
19504
+ width: 50px;
19505
+ }.v-checkbox.v-input {
19506
+ flex: 0 1 auto;
19507
+ }
19508
+ .v-checkbox .v-selection-control {
19509
+ min-height: var(--v-input-control-height);
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;
@@ -20285,103 +20285,22 @@ html.overflow-y-hidden {
20285
20285
  .v-combobox--active-menu .v-combobox__menu-icon {
20286
20286
  opacity: var(--v-high-emphasis-opacity);
20287
20287
  transform: rotate(180deg);
20288
- }.v-date-picker__input {
20289
- padding-top: 16px;
20290
- padding-left: 24px;
20291
- padding-right: 24px;
20292
- }
20293
-
20294
- .v-date-picker {
20288
+ }.v-date-picker-header {
20289
+ display: grid;
20290
+ grid-template-areas: "prepend content append";
20291
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20295
20292
  overflow: hidden;
20296
- width: 360px;
20297
- }
20298
- .v-date-picker--show-week {
20299
- width: 408px;
20293
+ padding-inline: 24px 12px;
20294
+ padding-bottom: 12px;
20300
20295
  }
20301
20296
 
20302
- .v-date-picker-month {
20303
- padding: 0 12px 12px;
20297
+ .v-date-picker-header__append {
20298
+ grid-area: append;
20304
20299
  }
20305
20300
 
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 {
20314
- display: flex;
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;
20322
- }
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;
20328
- }
20329
- .v-date-picker-controls--variant-classic {
20330
- padding-inline-start: 12px;
20331
- }
20332
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20333
- opacity: 0.7;
20334
- }
20335
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20336
- cursor: pointer;
20337
- }
20338
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20339
- opacity: 1;
20340
- }
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);
20346
- }
20347
-
20348
- .v-date-picker-controls__date {
20349
- margin-inline-end: 4px;
20350
- }
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 {
20357
- display: flex;
20358
- }
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;
20369
- }.v-date-picker-header {
20370
- display: grid;
20371
- grid-template-areas: "prepend content append";
20372
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20373
- overflow: hidden;
20374
- padding-inline: 24px 12px;
20375
- padding-bottom: 12px;
20376
- }
20377
-
20378
- .v-date-picker-header__append {
20379
- grid-area: append;
20380
- }
20381
-
20382
- .v-date-picker-header__prepend {
20383
- grid-area: prepend;
20384
- padding-inline-start: 8px;
20301
+ .v-date-picker-header__prepend {
20302
+ grid-area: prepend;
20303
+ padding-inline-start: 8px;
20385
20304
  }
20386
20305
 
20387
20306
  .v-date-picker-header__content {
@@ -20424,21 +20343,31 @@ html.overflow-y-hidden {
20424
20343
  .date-picker-header-reverse-transition-leave-to {
20425
20344
  opacity: 0;
20426
20345
  transform: translate(0, 100%);
20427
- }.v-date-picker-years {
20428
- height: 320px;
20429
- overflow-y: scroll;
20346
+ }.v-date-picker__input {
20347
+ padding-top: 16px;
20348
+ padding-left: 24px;
20349
+ padding-right: 24px;
20430
20350
  }
20431
20351
 
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;
20352
+ .v-date-picker {
20353
+ overflow: hidden;
20354
+ width: 360px;
20439
20355
  }
20440
- .v-date-picker-years__content .v-btn {
20441
- padding-inline: 8px;
20356
+ .v-date-picker--show-week {
20357
+ width: 408px;
20358
+ }
20359
+
20360
+ .v-date-picker-month {
20361
+ padding: 0 12px 12px;
20362
+ }
20363
+
20364
+ .v-date-picker-month__day {
20365
+ height: 48px;
20366
+ width: 48px;
20367
+ }
20368
+ .v-date-picker-month__day .v-btn {
20369
+ --v-btn-height: 28px;
20370
+ --v-btn-size: 0.85rem;
20442
20371
  }.v-date-picker-month {
20443
20372
  display: flex;
20444
20373
  justify-content: center;
@@ -20488,6 +20417,62 @@ html.overflow-y-hidden {
20488
20417
 
20489
20418
  .v-date-picker-month__day--hide-adjacent {
20490
20419
  opacity: 0;
20420
+ }.v-date-picker-controls {
20421
+ display: flex;
20422
+ align-items: center;
20423
+ justify-content: space-between;
20424
+ font-size: 0.875rem;
20425
+ padding-top: 4px;
20426
+ padding-bottom: 4px;
20427
+ padding-inline-start: 6px;
20428
+ padding-inline-end: 12px;
20429
+ }
20430
+ .v-date-picker-controls > .v-btn:first-child {
20431
+ text-transform: none;
20432
+ font-weight: 400;
20433
+ line-height: initial;
20434
+ letter-spacing: initial;
20435
+ }
20436
+ .v-date-picker-controls--variant-classic {
20437
+ padding-inline-start: 12px;
20438
+ }
20439
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20440
+ opacity: 0.7;
20441
+ }
20442
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20443
+ cursor: pointer;
20444
+ }
20445
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20446
+ opacity: 1;
20447
+ }
20448
+ .v-date-picker-controls .v-btn:last-child {
20449
+ margin-inline-start: 4px;
20450
+ }
20451
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20452
+ transform: rotate(180deg);
20453
+ }
20454
+
20455
+ .v-date-picker-controls__date {
20456
+ margin-inline-end: 4px;
20457
+ }
20458
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20459
+ margin: auto;
20460
+ text-align: center;
20461
+ }
20462
+
20463
+ .v-date-picker-controls__month {
20464
+ display: flex;
20465
+ }
20466
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20467
+ flex-direction: row-reverse;
20468
+ }
20469
+
20470
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20471
+ flex: 1 0 auto;
20472
+ }
20473
+
20474
+ .v-date-picker__title {
20475
+ display: inline-block;
20491
20476
  }.v-date-picker-months {
20492
20477
  height: 320px;
20493
20478
  overflow-y: scroll;
@@ -20508,6 +20493,56 @@ html.overflow-y-hidden {
20508
20493
  text-transform: none;
20509
20494
  padding-inline-start: 8px;
20510
20495
  padding-inline-end: 8px;
20496
+ }.v-date-picker-years {
20497
+ height: 320px;
20498
+ overflow-y: scroll;
20499
+ }
20500
+
20501
+ .v-date-picker-years__content {
20502
+ display: grid;
20503
+ flex: 1 1;
20504
+ justify-content: space-around;
20505
+ grid-template-columns: repeat(3, 1fr);
20506
+ gap: 8px 24px;
20507
+ padding-inline: 36px;
20508
+ }
20509
+ .v-date-picker-years__content .v-btn {
20510
+ padding-inline: 8px;
20511
+ }.v-data-table-footer {
20512
+ display: flex;
20513
+ align-items: center;
20514
+ flex-wrap: wrap;
20515
+ padding: 4px;
20516
+ justify-content: flex-end;
20517
+ }
20518
+
20519
+ .v-data-table-footer__items-per-page {
20520
+ display: flex;
20521
+ align-items: center;
20522
+ justify-content: center;
20523
+ }
20524
+ .v-data-table-footer__items-per-page > span {
20525
+ padding-inline-end: 8px;
20526
+ }
20527
+ .v-data-table-footer__items-per-page > .v-select {
20528
+ width: 90px;
20529
+ }
20530
+
20531
+ .v-data-table-footer__info {
20532
+ display: flex;
20533
+ justify-content: flex-end;
20534
+ min-width: 116px;
20535
+ padding: 0 16px;
20536
+ }
20537
+
20538
+ .v-data-table-footer__pagination {
20539
+ display: flex;
20540
+ align-items: center;
20541
+ margin-inline-start: 16px;
20542
+ }
20543
+
20544
+ .v-data-table-footer__page {
20545
+ padding: 0 8px;
20511
20546
  }.v-data-table {
20512
20547
  width: 100%;
20513
20548
  }
@@ -20641,43 +20676,96 @@ html.overflow-y-hidden {
20641
20676
  .v-data-table-rows-loading,
20642
20677
  .v-data-table-rows-no-data {
20643
20678
  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;
20650
- }
20651
-
20652
- .v-data-table-footer__items-per-page {
20653
- display: flex;
20679
+ }.v-dialog {
20654
20680
  align-items: center;
20655
20681
  justify-content: center;
20682
+ margin: auto;
20656
20683
  }
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;
20662
- }
20663
-
20664
- .v-data-table-footer__info {
20665
- display: flex;
20666
- justify-content: flex-end;
20667
- min-width: 116px;
20668
- padding: 0 16px;
20684
+ .v-dialog > .v-overlay__content {
20685
+ max-height: calc(100% - 48px);
20686
+ width: calc(100% - 48px);
20687
+ max-width: calc(100% - 48px);
20688
+ margin: 24px;
20669
20689
  }
20670
-
20671
- .v-data-table-footer__pagination {
20690
+ .v-dialog > .v-overlay__content,
20691
+ .v-dialog > .v-overlay__content > form {
20672
20692
  display: flex;
20673
- align-items: center;
20674
- margin-inline-start: 16px;
20693
+ flex-direction: column;
20694
+ min-height: 0;
20675
20695
  }
20676
-
20677
- .v-data-table-footer__page {
20678
- padding: 0 8px;
20679
- }.v-divider {
20680
- display: block;
20696
+ .v-dialog > .v-overlay__content > .v-card,
20697
+ .v-dialog > .v-overlay__content > .v-sheet,
20698
+ .v-dialog > .v-overlay__content > form > .v-card,
20699
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20700
+ --v-scrollbar-offset: 0px;
20701
+ border-radius: 4px;
20702
+ overflow-y: auto;
20703
+ 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));
20704
+ }
20705
+ .v-dialog > .v-overlay__content > .v-card,
20706
+ .v-dialog > .v-overlay__content > form > .v-card {
20707
+ display: flex;
20708
+ flex-direction: column;
20709
+ }
20710
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20711
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20712
+ padding: 14px 24px 0;
20713
+ }
20714
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20715
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20716
+ padding-top: 10px;
20717
+ }
20718
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20719
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20720
+ font-size: inherit;
20721
+ letter-spacing: 0.03125em;
20722
+ line-height: inherit;
20723
+ padding: 16px 24px 10px;
20724
+ }
20725
+
20726
+ .v-dialog--fullscreen {
20727
+ --v-scrollbar-offset: 0px;
20728
+ }
20729
+ .v-dialog--fullscreen > .v-overlay__content {
20730
+ border-radius: 0;
20731
+ margin: 0;
20732
+ padding: 0;
20733
+ width: 100%;
20734
+ height: 100%;
20735
+ max-width: 100%;
20736
+ max-height: 100%;
20737
+ overflow-y: auto;
20738
+ top: 0;
20739
+ left: 0;
20740
+ }
20741
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20742
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20743
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20744
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20745
+ min-height: 100%;
20746
+ min-width: 100%;
20747
+ border-radius: 0;
20748
+ }
20749
+
20750
+ .v-dialog--scrollable > .v-overlay__content,
20751
+ .v-dialog--scrollable > .v-overlay__content > form {
20752
+ display: flex;
20753
+ }
20754
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20755
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20756
+ display: flex;
20757
+ flex: 1 1 100%;
20758
+ flex-direction: column;
20759
+ max-height: 100%;
20760
+ max-width: 100%;
20761
+ }
20762
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20763
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20764
+ -webkit-backface-visibility: hidden;
20765
+ backface-visibility: hidden;
20766
+ overflow-y: auto;
20767
+ }.v-divider {
20768
+ display: block;
20681
20769
  flex: 1 1 100%;
20682
20770
  height: 0px;
20683
20771
  max-height: 0px;
@@ -20705,132 +20793,331 @@ html.overflow-y-hidden {
20705
20793
  margin-bottom: 8px;
20706
20794
  margin-top: 8px;
20707
20795
  max-height: calc(100% - 16px);
20708
- }/* region INPUT */
20709
- .v-field {
20710
- display: grid;
20711
- grid-template-areas: "prepend-inner field clear append-inner";
20712
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20713
- font-size: 16px;
20714
- letter-spacing: 0.009375em;
20715
- max-width: 100%;
20716
- border-radius: 4px;
20717
- contain: layout;
20718
- flex: 1 0;
20719
- grid-area: control;
20720
- position: relative;
20721
- --v-field-padding-start: 16px;
20722
- --v-field-padding-end: 16px;
20723
- --v-field-padding-top: 8px;
20724
- --v-field-padding-bottom: 4px;
20725
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20726
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20796
+ }.v-expansion-panel {
20797
+ background-color: rgb(var(--v-theme-surface));
20798
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20727
20799
  }
20728
- .v-field--disabled {
20729
- opacity: var(--v-disabled-opacity);
20730
- pointer-events: none;
20800
+ .v-expansion-panel:not(:first-child)::after {
20801
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20731
20802
  }
20732
- .v-field .v-chip {
20733
- --v-chip-height: 24px;
20803
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20804
+ color: rgba(var(--v-theme-on-surface), 0.26);
20734
20805
  }
20735
-
20736
- /* endregion */
20737
- /* region MODIFIERS */
20738
- .v-field--prepended {
20739
- padding-inline-start: 12px;
20806
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20807
+ opacity: 0.4615384615;
20740
20808
  }
20741
- .v-field--appended {
20742
- padding-inline-end: 12px;
20809
+
20810
+ .v-expansion-panels {
20811
+ display: flex;
20812
+ flex-wrap: wrap;
20813
+ justify-content: center;
20814
+ list-style-type: none;
20815
+ padding: 0;
20816
+ width: 100%;
20817
+ position: relative;
20818
+ z-index: 1;
20743
20819
  }
20744
- .v-field--variant-solo, .v-field--variant-solo-filled {
20745
- background: rgb(var(--v-theme-surface));
20746
- border-color: transparent;
20747
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20748
- 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));
20820
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20821
+ border-bottom-left-radius: 0 !important;
20822
+ border-bottom-right-radius: 0 !important;
20749
20823
  }
20750
- .v-field--variant-solo-inverted {
20751
- background: rgb(var(--v-theme-surface));
20752
- border-color: transparent;
20753
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20754
- 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));
20824
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20825
+ border-top-left-radius: 0 !important;
20826
+ border-top-right-radius: 0 !important;
20755
20827
  }
20756
- .v-field--variant-solo-inverted.v-field--focused {
20757
- color: rgb(var(--v-theme-on-surface-variant));
20828
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20829
+ border-bottom-left-radius: 0 !important;
20830
+ border-bottom-right-radius: 0 !important;
20758
20831
  }
20759
- .v-field--variant-filled {
20760
- border-bottom-left-radius: 0;
20761
- border-bottom-right-radius: 0;
20832
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20833
+ border-top-left-radius: 0 !important;
20834
+ border-top-right-radius: 0 !important;
20762
20835
  }
20763
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
20764
- --v-input-control-height: 56px;
20765
- --v-field-padding-bottom: 4px;
20836
+ .v-expansion-panels--variant-accordion > :first-child {
20837
+ border-bottom-left-radius: 0 !important;
20838
+ border-bottom-right-radius: 0 !important;
20766
20839
  }
20767
-
20768
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
20769
- --v-input-control-height: 48px;
20770
- --v-field-padding-bottom: 0px;
20840
+ .v-expansion-panels--variant-accordion > :last-child {
20841
+ border-top-left-radius: 0 !important;
20842
+ border-top-right-radius: 0 !important;
20771
20843
  }
20772
-
20773
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
20774
- --v-input-control-height: 40px;
20775
- --v-field-padding-bottom: 0px;
20844
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20845
+ border-bottom-left-radius: initial;
20846
+ border-bottom-right-radius: initial;
20776
20847
  }
20777
-
20778
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20779
- --v-field-padding-top: 0px;
20848
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20849
+ border-radius: 0 !important;
20780
20850
  }
20781
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
20782
- --v-field-padding-bottom: 16px;
20851
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20852
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20783
20853
  }
20784
20854
 
20785
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
20786
- --v-field-padding-bottom: 12px;
20855
+ .v-expansion-panel {
20856
+ flex: 1 0 100%;
20857
+ max-width: 100%;
20858
+ position: relative;
20859
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20860
+ transition-property: margin-top, border-radius, border, max-width;
20861
+ border-radius: 4px;
20787
20862
  }
20788
-
20789
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
20790
- --v-field-padding-bottom: 8px;
20863
+ .v-expansion-panel:not(:first-child)::after {
20864
+ border-top-style: solid;
20865
+ border-top-width: thin;
20866
+ content: "";
20867
+ left: 0;
20868
+ position: absolute;
20869
+ right: 0;
20870
+ top: 0;
20871
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20791
20872
  }
20792
-
20793
- .v-field--variant-plain, .v-field--variant-underlined {
20794
- border-radius: 0;
20795
- padding: 0;
20873
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20874
+ pointer-events: none;
20796
20875
  }
20797
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
20798
- --v-field-padding-start: 0px;
20799
- --v-field-padding-end: 0px;
20876
+ .v-expansion-panel--active:not(:first-child),
20877
+ .v-expansion-panel--active + .v-expansion-panel {
20878
+ margin-top: 16px;
20800
20879
  }
20801
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
20802
- --v-input-control-height: 48px;
20803
- --v-field-padding-top: 4px;
20804
- --v-field-padding-bottom: 4px;
20880
+ .v-expansion-panel--active:not(:first-child)::after,
20881
+ .v-expansion-panel--active + .v-expansion-panel::after {
20882
+ opacity: 0;
20805
20883
  }
20806
-
20807
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
20808
- --v-input-control-height: 40px;
20809
- --v-field-padding-top: 2px;
20810
- --v-field-padding-bottom: 0px;
20884
+ .v-expansion-panel--active > .v-expansion-panel-title {
20885
+ border-bottom-left-radius: 0;
20886
+ border-bottom-right-radius: 0;
20811
20887
  }
20812
-
20813
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
20814
- --v-input-control-height: 32px;
20815
- --v-field-padding-top: 0px;
20816
- --v-field-padding-bottom: 0px;
20888
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20889
+ min-height: 64px;
20817
20890
  }
20818
20891
 
20819
- .v-field--flat {
20820
- box-shadow: none;
20821
- }
20822
- .v-field--rounded {
20823
- border-radius: 9999px;
20824
- }
20825
- .v-field.v-field--prepended {
20826
- --v-field-padding-start: 6px;
20827
- }
20828
- .v-field.v-field--appended {
20829
- --v-field-padding-end: 6px;
20892
+ .v-expansion-panel__shadow {
20893
+ position: absolute;
20894
+ top: 0;
20895
+ left: 0;
20896
+ width: 100%;
20897
+ height: 100%;
20898
+ 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));
20899
+ border-radius: inherit;
20900
+ z-index: -1;
20830
20901
  }
20831
20902
 
20832
- /* endregion */
20833
- /* region ELEMENTS */
20903
+ .v-expansion-panel-title {
20904
+ align-items: center;
20905
+ text-align: start;
20906
+ border-radius: inherit;
20907
+ display: flex;
20908
+ font-size: 0.9375rem;
20909
+ line-height: 1;
20910
+ min-height: 48px;
20911
+ outline: none;
20912
+ padding: 16px 24px;
20913
+ position: relative;
20914
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20915
+ width: 100%;
20916
+ justify-content: space-between;
20917
+ }
20918
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20919
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20920
+ }
20921
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20922
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20923
+ }
20924
+ @supports not selector(:focus-visible) {
20925
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20926
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20927
+ }
20928
+ }
20929
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20930
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20931
+ }
20932
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20933
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20934
+ }
20935
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20936
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20937
+ }
20938
+ @supports not selector(:focus-visible) {
20939
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20940
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20941
+ }
20942
+ }
20943
+ .v-expansion-panel-title--active::before {
20944
+ opacity: 0.12;
20945
+ }
20946
+
20947
+ .v-expansion-panel-title__overlay {
20948
+ position: absolute;
20949
+ top: 0;
20950
+ left: 0;
20951
+ width: 100%;
20952
+ height: 100%;
20953
+ background-color: currentColor;
20954
+ border-radius: inherit;
20955
+ opacity: 0;
20956
+ }
20957
+
20958
+ .v-expansion-panel-title__icon {
20959
+ display: inline-flex;
20960
+ margin-bottom: -4px;
20961
+ margin-top: -4px;
20962
+ -webkit-user-select: none;
20963
+ user-select: none;
20964
+ margin-inline-start: auto;
20965
+ }
20966
+
20967
+ .v-expansion-panel-text {
20968
+ display: flex;
20969
+ }
20970
+ .v-expansion-panel-text__wrapper {
20971
+ padding: 8px 24px 16px;
20972
+ flex: 1 1 auto;
20973
+ max-width: 100%;
20974
+ }
20975
+
20976
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20977
+ margin-top: 0;
20978
+ }
20979
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20980
+ opacity: 1;
20981
+ }
20982
+
20983
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20984
+ max-width: calc(100% - 32px);
20985
+ }
20986
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20987
+ max-width: calc(100% + 16px);
20988
+ }
20989
+
20990
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20991
+ max-width: 100%;
20992
+ }
20993
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20994
+ max-width: calc(100% - 32px);
20995
+ }/* region INPUT */
20996
+ .v-field {
20997
+ display: grid;
20998
+ grid-template-areas: "prepend-inner field clear append-inner";
20999
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21000
+ font-size: 16px;
21001
+ letter-spacing: 0.009375em;
21002
+ max-width: 100%;
21003
+ border-radius: 4px;
21004
+ contain: layout;
21005
+ flex: 1 0;
21006
+ grid-area: control;
21007
+ position: relative;
21008
+ --v-field-padding-start: 16px;
21009
+ --v-field-padding-end: 16px;
21010
+ --v-field-padding-top: 8px;
21011
+ --v-field-padding-bottom: 4px;
21012
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21013
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21014
+ }
21015
+ .v-field--disabled {
21016
+ opacity: var(--v-disabled-opacity);
21017
+ pointer-events: none;
21018
+ }
21019
+ .v-field .v-chip {
21020
+ --v-chip-height: 24px;
21021
+ }
21022
+
21023
+ /* endregion */
21024
+ /* region MODIFIERS */
21025
+ .v-field--prepended {
21026
+ padding-inline-start: 12px;
21027
+ }
21028
+ .v-field--appended {
21029
+ padding-inline-end: 12px;
21030
+ }
21031
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21032
+ background: rgb(var(--v-theme-surface));
21033
+ border-color: transparent;
21034
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21035
+ 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));
21036
+ }
21037
+ .v-field--variant-solo-inverted {
21038
+ background: rgb(var(--v-theme-surface));
21039
+ border-color: transparent;
21040
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21041
+ 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));
21042
+ }
21043
+ .v-field--variant-solo-inverted.v-field--focused {
21044
+ color: rgb(var(--v-theme-on-surface-variant));
21045
+ }
21046
+ .v-field--variant-filled {
21047
+ border-bottom-left-radius: 0;
21048
+ border-bottom-right-radius: 0;
21049
+ }
21050
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21051
+ --v-input-control-height: 56px;
21052
+ --v-field-padding-bottom: 4px;
21053
+ }
21054
+
21055
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21056
+ --v-input-control-height: 48px;
21057
+ --v-field-padding-bottom: 0px;
21058
+ }
21059
+
21060
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21061
+ --v-input-control-height: 40px;
21062
+ --v-field-padding-bottom: 0px;
21063
+ }
21064
+
21065
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21066
+ --v-field-padding-top: 0px;
21067
+ }
21068
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21069
+ --v-field-padding-bottom: 16px;
21070
+ }
21071
+
21072
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21073
+ --v-field-padding-bottom: 12px;
21074
+ }
21075
+
21076
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21077
+ --v-field-padding-bottom: 8px;
21078
+ }
21079
+
21080
+ .v-field--variant-plain, .v-field--variant-underlined {
21081
+ border-radius: 0;
21082
+ padding: 0;
21083
+ }
21084
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21085
+ --v-field-padding-start: 0px;
21086
+ --v-field-padding-end: 0px;
21087
+ }
21088
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21089
+ --v-input-control-height: 48px;
21090
+ --v-field-padding-top: 4px;
21091
+ --v-field-padding-bottom: 4px;
21092
+ }
21093
+
21094
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21095
+ --v-input-control-height: 40px;
21096
+ --v-field-padding-top: 2px;
21097
+ --v-field-padding-bottom: 0px;
21098
+ }
21099
+
21100
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21101
+ --v-input-control-height: 32px;
21102
+ --v-field-padding-top: 0px;
21103
+ --v-field-padding-bottom: 0px;
21104
+ }
21105
+
21106
+ .v-field--flat {
21107
+ box-shadow: none;
21108
+ }
21109
+ .v-field--rounded {
21110
+ border-radius: 9999px;
21111
+ }
21112
+ .v-field.v-field--prepended {
21113
+ --v-field-padding-start: 6px;
21114
+ }
21115
+ .v-field.v-field--appended {
21116
+ --v-field-padding-end: 6px;
21117
+ }
21118
+
21119
+ /* endregion */
21120
+ /* region ELEMENTS */
20834
21121
  .v-field__input {
20835
21122
  align-items: center;
20836
21123
  color: inherit;
@@ -21201,346 +21488,79 @@ textarea.v-field__input::placeholder {
21201
21488
  opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21202
21489
  }
21203
21490
  }
21204
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21205
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21206
- }
21207
-
21208
- .v-field--variant-solo-filled .v-field__overlay {
21209
- background-color: currentColor;
21210
- opacity: 0.04;
21211
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21212
- }
21213
- @media (hover: hover) {
21214
- .v-field--variant-solo-filled:hover .v-field__overlay {
21215
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21216
- }
21217
- }
21218
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21219
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21220
- }
21221
-
21222
- .v-field--variant-solo-inverted .v-field__overlay {
21223
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21224
- }
21225
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21226
- opacity: 0;
21227
- }
21228
- @media (hover: hover) {
21229
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21230
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21231
- }
21232
- }
21233
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21234
- background-color: rgb(var(--v-theme-surface-variant));
21235
- opacity: 1;
21236
- }
21237
-
21238
- /* endregion */
21239
- /* region MODIFIERS */
21240
- .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21241
- flex-direction: row-reverse;
21242
- }
21243
- .v-field--reverse .v-field__input, .v-field--reverse input {
21244
- text-align: end;
21245
- }
21246
-
21247
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21248
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21249
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21250
- }
21251
-
21252
- .v-field--loading .v-field__outline::after,
21253
- .v-field--loading .v-field__outline::before {
21254
- opacity: 0;
21255
- }
21256
-
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;
21331
- }
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;
21337
- max-height: 100%;
21338
- max-width: 100%;
21339
- }
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
- }.v-expansion-panel {
21346
- background-color: rgb(var(--v-theme-surface));
21347
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21348
- }
21349
- .v-expansion-panel:not(:first-child)::after {
21350
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21351
- }
21352
- .v-expansion-panel--disabled .v-expansion-panel-title {
21353
- color: rgba(var(--v-theme-on-surface), 0.26);
21354
- }
21355
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21356
- opacity: 0.4615384615;
21357
- }
21358
-
21359
- .v-expansion-panels {
21360
- display: flex;
21361
- flex-wrap: wrap;
21362
- justify-content: center;
21363
- list-style-type: none;
21364
- padding: 0;
21365
- width: 100%;
21366
- position: relative;
21367
- z-index: 1;
21368
- }
21369
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21370
- border-bottom-left-radius: 0 !important;
21371
- border-bottom-right-radius: 0 !important;
21372
- }
21373
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21374
- border-top-left-radius: 0 !important;
21375
- border-top-right-radius: 0 !important;
21376
- }
21377
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21378
- border-bottom-left-radius: 0 !important;
21379
- border-bottom-right-radius: 0 !important;
21380
- }
21381
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21382
- border-top-left-radius: 0 !important;
21383
- border-top-right-radius: 0 !important;
21384
- }
21385
- .v-expansion-panels--variant-accordion > :first-child {
21386
- border-bottom-left-radius: 0 !important;
21387
- border-bottom-right-radius: 0 !important;
21388
- }
21389
- .v-expansion-panels--variant-accordion > :last-child {
21390
- border-top-left-radius: 0 !important;
21391
- border-top-right-radius: 0 !important;
21392
- }
21393
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
21394
- border-bottom-left-radius: initial;
21395
- border-bottom-right-radius: initial;
21396
- }
21397
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21398
- border-radius: 0 !important;
21399
- }
21400
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21401
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21402
- }
21403
-
21404
- .v-expansion-panel {
21405
- flex: 1 0 100%;
21406
- max-width: 100%;
21407
- position: relative;
21408
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21409
- transition-property: margin-top, border-radius, border, max-width;
21410
- border-radius: 4px;
21411
- }
21412
- .v-expansion-panel:not(:first-child)::after {
21413
- border-top-style: solid;
21414
- border-top-width: thin;
21415
- content: "";
21416
- left: 0;
21417
- position: absolute;
21418
- right: 0;
21419
- top: 0;
21420
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21421
- }
21422
- .v-expansion-panel--disabled .v-expansion-panel-title {
21423
- pointer-events: none;
21424
- }
21425
- .v-expansion-panel--active:not(:first-child),
21426
- .v-expansion-panel--active + .v-expansion-panel {
21427
- margin-top: 16px;
21428
- }
21429
- .v-expansion-panel--active:not(:first-child)::after,
21430
- .v-expansion-panel--active + .v-expansion-panel::after {
21431
- opacity: 0;
21432
- }
21433
- .v-expansion-panel--active > .v-expansion-panel-title {
21434
- border-bottom-left-radius: 0;
21435
- border-bottom-right-radius: 0;
21436
- }
21437
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21438
- min-height: 64px;
21439
- }
21440
-
21441
- .v-expansion-panel__shadow {
21442
- position: absolute;
21443
- top: 0;
21444
- left: 0;
21445
- width: 100%;
21446
- height: 100%;
21447
- 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));
21448
- border-radius: inherit;
21449
- z-index: -1;
21450
- }
21451
-
21452
- .v-expansion-panel-title {
21453
- align-items: center;
21454
- text-align: start;
21455
- border-radius: inherit;
21456
- display: flex;
21457
- font-size: 0.9375rem;
21458
- line-height: 1;
21459
- min-height: 48px;
21460
- outline: none;
21461
- padding: 16px 24px;
21462
- position: relative;
21463
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21464
- width: 100%;
21465
- justify-content: space-between;
21466
- }
21467
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21468
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21469
- }
21470
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21471
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21472
- }
21473
- @supports not selector(:focus-visible) {
21474
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21475
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21476
- }
21477
- }
21478
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21479
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21480
- }
21481
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21482
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21491
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21492
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21483
21493
  }
21484
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21485
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21494
+
21495
+ .v-field--variant-solo-filled .v-field__overlay {
21496
+ background-color: currentColor;
21497
+ opacity: 0.04;
21498
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21486
21499
  }
21487
- @supports not selector(:focus-visible) {
21488
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21489
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21500
+ @media (hover: hover) {
21501
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21502
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21490
21503
  }
21491
21504
  }
21492
- .v-expansion-panel-title--active::before {
21493
- opacity: 0.12;
21505
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21506
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21494
21507
  }
21495
21508
 
21496
- .v-expansion-panel-title__overlay {
21497
- position: absolute;
21498
- top: 0;
21499
- left: 0;
21500
- width: 100%;
21501
- height: 100%;
21502
- background-color: currentColor;
21503
- border-radius: inherit;
21509
+ .v-field--variant-solo-inverted .v-field__overlay {
21510
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21511
+ }
21512
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21504
21513
  opacity: 0;
21505
21514
  }
21506
-
21507
- .v-expansion-panel-title__icon {
21508
- display: inline-flex;
21509
- margin-bottom: -4px;
21510
- margin-top: -4px;
21511
- -webkit-user-select: none;
21512
- user-select: none;
21513
- margin-inline-start: auto;
21515
+ @media (hover: hover) {
21516
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21517
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21518
+ }
21519
+ }
21520
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21521
+ background-color: rgb(var(--v-theme-surface-variant));
21522
+ opacity: 1;
21514
21523
  }
21515
21524
 
21516
- .v-expansion-panel-text {
21517
- display: flex;
21525
+ /* endregion */
21526
+ /* region MODIFIERS */
21527
+ .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21528
+ flex-direction: row-reverse;
21518
21529
  }
21519
- .v-expansion-panel-text__wrapper {
21520
- padding: 8px 24px 16px;
21521
- flex: 1 1 auto;
21522
- max-width: 100%;
21530
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21531
+ text-align: end;
21523
21532
  }
21524
21533
 
21525
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21526
- margin-top: 0;
21534
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21535
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21536
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21527
21537
  }
21528
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21529
- opacity: 1;
21538
+
21539
+ .v-field--loading .v-field__outline::after,
21540
+ .v-field--loading .v-field__outline::before {
21541
+ opacity: 0;
21530
21542
  }
21531
21543
 
21532
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21533
- max-width: calc(100% - 32px);
21544
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21545
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21546
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21547
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21548
+ top: 0px;
21534
21549
  }
21535
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21536
- max-width: calc(100% + 16px);
21550
+ .v-file-input input[type=file] {
21551
+ height: 100%;
21552
+ left: 0;
21553
+ opacity: 0;
21554
+ position: absolute;
21555
+ top: 0;
21556
+ width: 100%;
21557
+ z-index: 1;
21537
21558
  }
21538
-
21539
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21540
- max-width: 100%;
21559
+ .v-file-input .v-input__details {
21560
+ padding-inline: 16px;
21541
21561
  }
21542
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21543
- max-width: calc(100% - 32px);
21562
+ .v-input--plain-underlined.v-file-input .v-input__details {
21563
+ padding-inline: 0;
21544
21564
  }.v-footer {
21545
21565
  align-items: center;
21546
21566
  display: flex;
@@ -21569,51 +21589,6 @@ textarea.v-field__input::placeholder {
21569
21589
  }
21570
21590
  .v-footer--rounded {
21571
21591
  border-radius: 4px;
21572
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21573
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21574
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21575
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21576
- top: 0px;
21577
- }
21578
- .v-file-input input[type=file] {
21579
- height: 100%;
21580
- left: 0;
21581
- opacity: 0;
21582
- position: absolute;
21583
- top: 0;
21584
- width: 100%;
21585
- z-index: 1;
21586
- }
21587
- .v-file-input .v-input__details {
21588
- padding-inline: 16px;
21589
- }
21590
- .v-input--plain-underlined.v-file-input .v-input__details {
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;
21617
21592
  }.v-icon {
21618
21593
  --v-icon-size-multiplier: 1;
21619
21594
  align-items: center;
@@ -21663,11 +21638,42 @@ textarea.v-field__input::placeholder {
21663
21638
 
21664
21639
  .v-icon--end {
21665
21640
  margin-inline-start: 8px;
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);
21641
+ }.v-img {
21642
+ --v-theme-overlay-multiplier: 3;
21643
+ z-index: 0;
21644
+ }
21645
+ .v-img--booting .v-responsive__sizer {
21646
+ transition: none;
21647
+ }
21648
+ .v-img--rounded {
21649
+ border-radius: 4px;
21650
+ }
21651
+
21652
+ .v-img__img,
21653
+ .v-img__picture,
21654
+ .v-img__gradient,
21655
+ .v-img__placeholder,
21656
+ .v-img__error {
21657
+ z-index: -1;
21658
+ position: absolute;
21659
+ top: 0;
21660
+ left: 0;
21661
+ width: 100%;
21662
+ height: 100%;
21663
+ }
21664
+
21665
+ .v-img__img--preload {
21666
+ filter: blur(4px);
21667
+ }
21668
+ .v-img__img--contain {
21669
+ object-fit: contain;
21670
+ }
21671
+ .v-img__img--cover {
21672
+ object-fit: cover;
21673
+ }
21674
+
21675
+ .v-img__gradient {
21676
+ background-repeat: no-repeat;
21671
21677
  }.v-input {
21672
21678
  display: grid;
21673
21679
  flex: 1 1 auto;
@@ -21810,57 +21816,36 @@ textarea.v-field__input::placeholder {
21810
21816
 
21811
21817
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21812
21818
  padding-top: calc(var(--v-input-padding-top) + 0px);
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;
21819
+ }.v-infinite-scroll--horizontal {
21820
+ display: flex;
21821
+ flex-direction: row;
21822
+ overflow-x: auto;
21822
21823
  }
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%;
21824
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21834
21825
  height: 100%;
21826
+ width: 1px;
21835
21827
  }
21836
21828
 
21837
- .v-img__img--preload {
21838
- filter: blur(4px);
21839
- }
21840
- .v-img__img--contain {
21841
- object-fit: contain;
21829
+ .v-infinite-scroll--vertical {
21830
+ display: flex;
21831
+ flex-direction: column;
21832
+ overflow-y: auto;
21842
21833
  }
21843
- .v-img__img--cover {
21844
- object-fit: cover;
21834
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21835
+ height: 1px;
21836
+ width: 100%;
21845
21837
  }
21846
21838
 
21847
- .v-img__gradient {
21848
- background-repeat: no-repeat;
21849
- }.v-layout {
21850
- --v-scrollbar-offset: 0px;
21839
+ .v-infinite-scroll__side {
21840
+ align-items: center;
21851
21841
  display: flex;
21852
- flex: 1 1 auto;
21853
- }
21854
- .v-layout--full-height {
21855
- --v-scrollbar-offset: inherit;
21856
- height: 100%;
21857
- }.v-layout-item {
21858
- position: absolute;
21842
+ justify-content: center;
21843
+ padding: 8px;
21844
+ }.v-item-group {
21845
+ flex: 0 1 auto;
21846
+ max-width: 100%;
21847
+ position: relative;
21859
21848
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21860
- }
21861
-
21862
- .v-layout-item--absolute {
21863
- position: absolute;
21864
21849
  }.v-label {
21865
21850
  align-items: center;
21866
21851
  color: inherit;
@@ -21876,8 +21861,21 @@ textarea.v-field__input::placeholder {
21876
21861
 
21877
21862
  .v-label--clickable {
21878
21863
  cursor: pointer;
21879
- }.v-locale-provider {
21880
- display: contents;
21864
+ }.v-layout {
21865
+ --v-scrollbar-offset: 0px;
21866
+ display: flex;
21867
+ flex: 1 1 auto;
21868
+ }
21869
+ .v-layout--full-height {
21870
+ --v-scrollbar-offset: inherit;
21871
+ height: 100%;
21872
+ }.v-layout-item {
21873
+ position: absolute;
21874
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21875
+ }
21876
+
21877
+ .v-layout-item--absolute {
21878
+ position: absolute;
21881
21879
  }.v-list {
21882
21880
  overflow: auto;
21883
21881
  padding: 8px 0;
@@ -22429,22 +22427,8 @@ textarea.v-field__input::placeholder {
22429
22427
  }
22430
22428
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22431
22429
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
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;
22439
- }
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;
22430
+ }.v-locale-provider {
22431
+ display: contents;
22448
22432
  }.v-main {
22449
22433
  flex: 1 0 auto;
22450
22434
  max-width: 100%;
@@ -22486,6 +22470,22 @@ textarea.v-field__input::placeholder {
22486
22470
  overflow: auto;
22487
22471
  height: 100%;
22488
22472
  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));
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;
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;
22489
22489
  }.v-navigation-drawer {
22490
22490
  -webkit-overflow-scrolling: touch;
22491
22491
  background: rgb(var(--v-theme-surface));
@@ -23098,32 +23098,6 @@ html.v-overlay-scroll-blocked {
23098
23098
 
23099
23099
  .v-slider__label {
23100
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;
23127
23101
  }.v-rating {
23128
23102
  max-width: 100%;
23129
23103
  display: inline-flex;
@@ -23178,6 +23152,88 @@ html.v-overlay-scroll-blocked {
23178
23152
  opacity: 0;
23179
23153
  position: absolute;
23180
23154
  width: 0;
23155
+ }.v-select .v-field .v-text-field__prefix,
23156
+ .v-select .v-field .v-text-field__suffix,
23157
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23158
+ cursor: pointer;
23159
+ }
23160
+ .v-select .v-field .v-field__input > input {
23161
+ align-self: flex-start;
23162
+ opacity: 1;
23163
+ flex: 0 0;
23164
+ position: absolute;
23165
+ width: 100%;
23166
+ transition: none;
23167
+ pointer-events: none;
23168
+ caret-color: transparent;
23169
+ }
23170
+ .v-select .v-field--dirty .v-select__selection {
23171
+ margin-inline-end: 2px;
23172
+ }
23173
+ .v-select .v-select__selection-text {
23174
+ overflow: hidden;
23175
+ text-overflow: ellipsis;
23176
+ white-space: nowrap;
23177
+ }
23178
+ .v-select__content {
23179
+ overflow: hidden;
23180
+ 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));
23181
+ border-radius: 4px;
23182
+ }
23183
+ .v-select__selection {
23184
+ display: inline-flex;
23185
+ align-items: center;
23186
+ letter-spacing: inherit;
23187
+ line-height: inherit;
23188
+ max-width: 100%;
23189
+ }
23190
+ .v-select .v-select__selection:first-child {
23191
+ margin-inline-start: 0;
23192
+ }
23193
+ .v-select--selected .v-field .v-field__input > input {
23194
+ opacity: 0;
23195
+ }
23196
+ .v-select__menu-icon {
23197
+ margin-inline-start: 4px;
23198
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23199
+ }
23200
+ .v-select--active-menu .v-select__menu-icon {
23201
+ opacity: var(--v-high-emphasis-opacity);
23202
+ transform: rotate(180deg);
23203
+ }.v-selection-control-group {
23204
+ grid-area: control;
23205
+ display: flex;
23206
+ flex-direction: column;
23207
+ }
23208
+ .v-selection-control-group--inline {
23209
+ flex-direction: row;
23210
+ flex-wrap: wrap;
23211
+ }.v-responsive {
23212
+ display: flex;
23213
+ flex: 1 0 auto;
23214
+ max-height: 100%;
23215
+ max-width: 100%;
23216
+ overflow: hidden;
23217
+ position: relative;
23218
+ }
23219
+ .v-responsive--inline {
23220
+ display: inline-flex;
23221
+ flex: 0 0 auto;
23222
+ }
23223
+
23224
+ .v-responsive__content {
23225
+ flex: 1 0 0px;
23226
+ max-width: 100%;
23227
+ }
23228
+
23229
+ .v-responsive__sizer ~ .v-responsive__content {
23230
+ margin-inline-start: -100%;
23231
+ }
23232
+
23233
+ .v-responsive__sizer {
23234
+ flex: 1 0 0px;
23235
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23236
+ pointer-events: none;
23181
23237
  }.v-selection-control {
23182
23238
  align-items: center;
23183
23239
  contain: layout;
@@ -23279,62 +23335,6 @@ html.v-overlay-scroll-blocked {
23279
23335
  }
23280
23336
  .v-selection-control--focus-visible .v-selection-control__input::before {
23281
23337
  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;
23327
- }
23328
- .v-select--selected .v-field .v-field__input > input {
23329
- opacity: 0;
23330
- }
23331
- .v-select__menu-icon {
23332
- margin-inline-start: 4px;
23333
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23334
- }
23335
- .v-select--active-menu .v-select__menu-icon {
23336
- opacity: var(--v-high-emphasis-opacity);
23337
- transform: rotate(180deg);
23338
23338
  }.v-skeleton-loader {
23339
23339
  align-items: center;
23340
23340
  background: rgb(var(--v-theme-surface));
@@ -23558,34 +23558,6 @@ html.v-overlay-scroll-blocked {
23558
23558
  100% {
23559
23559
  transform: translateX(100%);
23560
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
23561
  }.v-slide-group {
23590
23562
  display: flex;
23591
23563
  overflow: hidden;
@@ -23745,8 +23717,36 @@ html.v-overlay-scroll-blocked {
23745
23717
  .v-snackbar-transition-leave-active {
23746
23718
  transition-property: opacity;
23747
23719
  }
23748
- .v-snackbar-transition-leave-to {
23749
- opacity: 0;
23720
+ .v-snackbar-transition-leave-to {
23721
+ opacity: 0;
23722
+ }.v-sheet {
23723
+ display: block;
23724
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23725
+ border-style: solid;
23726
+ border-width: 0;
23727
+ 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));
23728
+ border-radius: 0;
23729
+ background: rgb(var(--v-theme-surface));
23730
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23731
+ }
23732
+ .v-sheet--border {
23733
+ border-width: thin;
23734
+ box-shadow: none;
23735
+ }
23736
+ .v-sheet--absolute {
23737
+ position: absolute;
23738
+ }
23739
+ .v-sheet--fixed {
23740
+ position: fixed;
23741
+ }
23742
+ .v-sheet--relative {
23743
+ position: relative;
23744
+ }
23745
+ .v-sheet--sticky {
23746
+ position: sticky;
23747
+ }
23748
+ .v-sheet--rounded {
23749
+ border-radius: 4px;
23750
23750
  }.v-switch .v-label {
23751
23751
  padding-inline-start: 10px;
23752
23752
  }
@@ -23861,6 +23861,138 @@ html.v-overlay-scroll-blocked {
23861
23861
  }
23862
23862
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23863
23863
  width: auto;
23864
+ }.v-tabs {
23865
+ display: flex;
23866
+ height: var(--v-tabs-height);
23867
+ }
23868
+ .v-tabs--density-default {
23869
+ --v-tabs-height: 48px;
23870
+ }
23871
+ .v-tabs--density-default.v-tabs--stacked {
23872
+ --v-tabs-height: 72px;
23873
+ }
23874
+
23875
+ .v-tabs--density-comfortable {
23876
+ --v-tabs-height: 44px;
23877
+ }
23878
+ .v-tabs--density-comfortable.v-tabs--stacked {
23879
+ --v-tabs-height: 68px;
23880
+ }
23881
+
23882
+ .v-tabs--density-compact {
23883
+ --v-tabs-height: 36px;
23884
+ }
23885
+ .v-tabs--density-compact.v-tabs--stacked {
23886
+ --v-tabs-height: 60px;
23887
+ }
23888
+
23889
+ .v-tabs.v-slide-group--vertical {
23890
+ height: auto;
23891
+ flex: none;
23892
+ --v-tabs-height: 48px;
23893
+ }
23894
+
23895
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23896
+ margin-inline-start: 42px;
23897
+ }
23898
+
23899
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23900
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23901
+ margin-inline-end: auto;
23902
+ }
23903
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23904
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23905
+ margin-inline-start: auto;
23906
+ }
23907
+
23908
+ .v-tabs--grow {
23909
+ flex-grow: 1;
23910
+ }
23911
+ .v-tabs--grow .v-tab {
23912
+ flex: 1 0 auto;
23913
+ max-width: none;
23914
+ }
23915
+
23916
+ .v-tabs--align-tabs-end .v-tab:first-child {
23917
+ margin-inline-start: auto;
23918
+ }
23919
+ .v-tabs--align-tabs-end .v-tab:last-child {
23920
+ margin-inline-end: 0;
23921
+ }
23922
+
23923
+ @media (max-width: 1279.98px) {
23924
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23925
+ margin-inline-start: 52px;
23926
+ }
23927
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23928
+ margin-inline-end: 52px;
23929
+ }
23930
+ }.v-tab.v-tab.v-btn {
23931
+ height: var(--v-tabs-height);
23932
+ border-radius: 0;
23933
+ min-width: 90px;
23934
+ }
23935
+ .v-slide-group--horizontal .v-tab {
23936
+ max-width: 360px;
23937
+ }
23938
+ .v-slide-group--vertical .v-tab {
23939
+ justify-content: start;
23940
+ }
23941
+
23942
+ .v-tab__slider {
23943
+ position: absolute;
23944
+ bottom: 0;
23945
+ left: 0;
23946
+ height: 2px;
23947
+ width: 100%;
23948
+ background: currentColor;
23949
+ pointer-events: none;
23950
+ opacity: 0;
23951
+ }
23952
+ .v-tab--selected .v-tab__slider {
23953
+ opacity: 1;
23954
+ }
23955
+ .v-slide-group--vertical .v-tab__slider {
23956
+ top: 0;
23957
+ height: 100%;
23958
+ width: 2px;
23959
+ }.v-system-bar {
23960
+ align-items: center;
23961
+ display: flex;
23962
+ flex: 1 1 auto;
23963
+ height: 24px;
23964
+ justify-content: flex-end;
23965
+ max-width: 100%;
23966
+ padding-inline: 8px;
23967
+ position: relative;
23968
+ text-align: end;
23969
+ width: 100%;
23970
+ 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));
23971
+ background: rgba(var(--v-theme-surface-light));
23972
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23973
+ font-size: 0.75rem;
23974
+ font-weight: 400;
23975
+ letter-spacing: 0.0333333333em;
23976
+ line-height: 1.25rem;
23977
+ text-transform: none;
23978
+ }
23979
+ .v-system-bar .v-icon {
23980
+ opacity: var(--v-medium-emphasis-opacity);
23981
+ }
23982
+ .v-system-bar--absolute {
23983
+ position: absolute;
23984
+ }
23985
+ .v-system-bar--fixed {
23986
+ position: fixed;
23987
+ }
23988
+ .v-system-bar--rounded {
23989
+ border-radius: 0;
23990
+ }
23991
+ .v-system-bar--window {
23992
+ height: 32px;
23993
+ }
23994
+ .v-system-bar:not(.v-system-bar--absolute) {
23995
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23864
23996
  }.v-stepper.v-sheet {
23865
23997
  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));
23866
23998
  border-radius: 4px;
@@ -23977,43 +24109,6 @@ html.v-overlay-scroll-blocked {
23977
24109
  }
23978
24110
  .v-stepper--mobile .v-stepper-item__subtitle {
23979
24111
  display: none;
23980
- }.v-system-bar {
23981
- align-items: center;
23982
- display: flex;
23983
- flex: 1 1 auto;
23984
- height: 24px;
23985
- justify-content: flex-end;
23986
- max-width: 100%;
23987
- padding-inline: 8px;
23988
- position: relative;
23989
- text-align: end;
23990
- width: 100%;
23991
- 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));
23992
- background: rgba(var(--v-theme-surface-light));
23993
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23994
- font-size: 0.75rem;
23995
- font-weight: 400;
23996
- letter-spacing: 0.0333333333em;
23997
- line-height: 1.25rem;
23998
- text-transform: none;
23999
- }
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
24112
  }.v-table {
24018
24113
  background: rgb(var(--v-theme-surface));
24019
24114
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24152,101 +24247,45 @@ html.v-overlay-scroll-blocked {
24152
24247
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24153
24248
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24154
24249
  border-top: 0px !important;
24155
- }.v-tabs {
24156
- display: flex;
24157
- height: var(--v-tabs-height);
24158
- }
24159
- .v-tabs--density-default {
24160
- --v-tabs-height: 48px;
24161
- }
24162
- .v-tabs--density-default.v-tabs--stacked {
24163
- --v-tabs-height: 72px;
24164
- }
24165
-
24166
- .v-tabs--density-comfortable {
24167
- --v-tabs-height: 44px;
24168
- }
24169
- .v-tabs--density-comfortable.v-tabs--stacked {
24170
- --v-tabs-height: 68px;
24171
- }
24172
-
24173
- .v-tabs--density-compact {
24174
- --v-tabs-height: 36px;
24175
- }
24176
- .v-tabs--density-compact.v-tabs--stacked {
24177
- --v-tabs-height: 60px;
24178
- }
24179
-
24180
- .v-tabs.v-slide-group--vertical {
24181
- height: auto;
24182
- flex: none;
24183
- --v-tabs-height: 48px;
24184
- }
24185
-
24186
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24187
- margin-inline-start: 42px;
24188
- }
24189
-
24190
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24191
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24192
- margin-inline-end: auto;
24193
- }
24194
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24195
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24196
- margin-inline-start: auto;
24197
- }
24198
-
24199
- .v-tabs--grow {
24200
- flex-grow: 1;
24201
- }
24202
- .v-tabs--grow .v-tab {
24203
- flex: 1 0 auto;
24204
- max-width: none;
24205
- }
24206
-
24207
- .v-tabs--align-tabs-end .v-tab:first-child {
24208
- margin-inline-start: auto;
24209
- }
24210
- .v-tabs--align-tabs-end .v-tab:last-child {
24211
- margin-inline-end: 0;
24212
- }
24213
-
24214
- @media (max-width: 1279.98px) {
24215
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24216
- margin-inline-start: 52px;
24217
- }
24218
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24219
- margin-inline-end: 52px;
24220
- }
24221
- }.v-tab.v-tab.v-btn {
24222
- height: var(--v-tabs-height);
24223
- border-radius: 0;
24224
- min-width: 90px;
24250
+ }.v-textarea .v-field {
24251
+ --v-textarea-control-height: var(--v-input-control-height);
24225
24252
  }
24226
- .v-slide-group--horizontal .v-tab {
24227
- max-width: 360px;
24253
+ .v-textarea .v-field__field {
24254
+ --v-input-control-height: var(--v-textarea-control-height);
24228
24255
  }
24229
- .v-slide-group--vertical .v-tab {
24230
- justify-content: start;
24256
+ .v-textarea .v-field__input {
24257
+ flex: 1 1 auto;
24258
+ outline: none;
24259
+ -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));
24260
+ 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));
24231
24261
  }
24232
-
24233
- .v-tab__slider {
24262
+ .v-textarea .v-field__input.v-textarea__sizer {
24263
+ visibility: hidden;
24234
24264
  position: absolute;
24235
- bottom: 0;
24265
+ top: 0;
24236
24266
  left: 0;
24237
- height: 2px;
24238
- width: 100%;
24239
- background: currentColor;
24267
+ height: 0 !important;
24268
+ min-height: 0 !important;
24240
24269
  pointer-events: none;
24241
- opacity: 0;
24242
24270
  }
24243
- .v-tab--selected .v-tab__slider {
24271
+ .v-textarea--no-resize .v-field__input {
24272
+ resize: none;
24273
+ }
24274
+ .v-textarea .v-field--no-label textarea,
24275
+ .v-textarea .v-field--active textarea {
24244
24276
  opacity: 1;
24245
24277
  }
24246
- .v-slide-group--vertical .v-tab__slider {
24247
- top: 0;
24248
- height: 100%;
24249
- width: 2px;
24278
+ .v-textarea textarea {
24279
+ opacity: 0;
24280
+ flex: 1;
24281
+ min-width: 0;
24282
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24283
+ }
24284
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24285
+ outline: none;
24286
+ }
24287
+ .v-textarea textarea:invalid {
24288
+ box-shadow: none;
24250
24289
  }/* region BLOCK */
24251
24290
  .v-text-field input {
24252
24291
  color: inherit;
@@ -24314,45 +24353,30 @@ html.v-overlay-scroll-blocked {
24314
24353
  padding-inline-end: var(--v-field-padding-end);
24315
24354
  }
24316
24355
 
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 {
24356
+ /* endregion */.v-tooltip > .v-overlay__content {
24357
+ background: rgb(var(--v-theme-surface-variant));
24358
+ color: rgb(var(--v-theme-on-surface-variant));
24359
+ border-radius: 4px;
24360
+ font-size: 0.875rem;
24361
+ line-height: 1.6;
24362
+ display: inline-block;
24363
+ padding: 5px 16px;
24364
+ text-transform: initial;
24365
+ width: auto;
24343
24366
  opacity: 1;
24367
+ pointer-events: none;
24368
+ transition-property: opacity, transform;
24344
24369
  }
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;
24370
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24371
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24372
+ transition-duration: 150ms;
24353
24373
  }
24354
- .v-textarea textarea:invalid {
24355
- box-shadow: none;
24374
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24375
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24376
+ transition-duration: 75ms;
24377
+ }.v-theme-provider {
24378
+ background: rgb(var(--v-theme-background));
24379
+ color: rgb(var(--v-theme-on-background));
24356
24380
  }.v-timeline .v-timeline-divider__dot {
24357
24381
  background: rgb(var(--v-theme-surface-light));
24358
24382
  }
@@ -24769,30 +24793,6 @@ html.v-overlay-scroll-blocked {
24769
24793
 
24770
24794
  .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 {
24771
24795
  padding-inline-end: 0;
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;
24779
- font-size: 0.875rem;
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;
24788
- }
24789
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24790
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24791
- transition-duration: 150ms;
24792
- }
24793
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24794
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24795
- transition-duration: 75ms;
24796
24796
  }.v-toolbar {
24797
24797
  align-items: flex-start;
24798
24798
  display: flex;
@@ -24920,15 +24920,6 @@ html.v-overlay-scroll-blocked {
24920
24920
  }
24921
24921
  .v-toolbar-items > .v-btn {
24922
24922
  border-radius: 0;
24923
- }.v-virtual-scroll {
24924
- display: block;
24925
- flex: 1 1 auto;
24926
- max-width: 100%;
24927
- overflow: auto;
24928
- position: relative;
24929
- }
24930
- .v-virtual-scroll__container {
24931
- display: block;
24932
24923
  }.v-window {
24933
24924
  overflow: hidden;
24934
24925
  }
@@ -24998,6 +24989,15 @@ html.v-overlay-scroll-blocked {
24998
24989
  }
24999
24990
  .v-window-y-reverse-transition-leave-to {
25000
24991
  transform: translateY(100%);
24992
+ }.v-virtual-scroll {
24993
+ display: block;
24994
+ flex: 1 1 auto;
24995
+ max-width: 100%;
24996
+ overflow: auto;
24997
+ position: relative;
24998
+ }
24999
+ .v-virtual-scroll__container {
25000
+ display: block;
25001
25001
  }.v-color-picker-canvas {
25002
25002
  display: flex;
25003
25003
  position: relative;
@@ -25020,6 +25020,69 @@ html.v-overlay-scroll-blocked {
25020
25020
  }
25021
25021
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25022
25022
  will-change: transform;
25023
+ }.v-color-picker-swatches {
25024
+ overflow-y: auto;
25025
+ }
25026
+ .v-color-picker-swatches > div {
25027
+ display: flex;
25028
+ flex-wrap: wrap;
25029
+ justify-content: center;
25030
+ padding: 8px;
25031
+ }
25032
+
25033
+ .v-color-picker-swatches__swatch {
25034
+ display: flex;
25035
+ flex-direction: column;
25036
+ margin-bottom: 10px;
25037
+ }
25038
+
25039
+ .v-color-picker-swatches__color {
25040
+ position: relative;
25041
+ height: 18px;
25042
+ max-height: 18px;
25043
+ width: 45px;
25044
+ margin: 2px 4px;
25045
+ border-radius: 2px;
25046
+ -webkit-user-select: none;
25047
+ user-select: none;
25048
+ overflow: hidden;
25049
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25050
+ cursor: pointer;
25051
+ }
25052
+ .v-color-picker-swatches__color > div {
25053
+ display: flex;
25054
+ align-items: center;
25055
+ justify-content: center;
25056
+ width: 100%;
25057
+ height: 100%;
25058
+ }.v-color-picker-edit {
25059
+ display: flex;
25060
+ margin-top: 24px;
25061
+ }
25062
+
25063
+ .v-color-picker-edit__input {
25064
+ width: 100%;
25065
+ display: flex;
25066
+ flex-wrap: wrap;
25067
+ justify-content: center;
25068
+ text-align: center;
25069
+ }
25070
+ .v-color-picker-edit__input:not(:last-child) {
25071
+ margin-inline-end: 8px;
25072
+ }
25073
+ .v-color-picker-edit__input input {
25074
+ border-radius: 4px;
25075
+ margin-bottom: 8px;
25076
+ min-width: 0;
25077
+ outline: none;
25078
+ text-align: center;
25079
+ width: 100%;
25080
+ height: 32px;
25081
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25082
+ color: rgba(var(--v-theme-on-surface));
25083
+ }
25084
+ .v-color-picker-edit__input span {
25085
+ font-size: 0.75rem;
25023
25086
  }.v-color-picker-preview__alpha .v-slider-track__background {
25024
25087
  background-color: transparent !important;
25025
25088
  }
@@ -25089,69 +25152,6 @@ html.v-overlay-scroll-blocked {
25089
25152
  .v-color-picker-preview__eye-dropper {
25090
25153
  position: relative;
25091
25154
  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
25155
  }.v-slider-thumb {
25156
25156
  touch-action: none;
25157
25157
  color: rgb(var(--v-theme-surface-variant));