@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-25 → 3.6.13-3.7.0-beta.0.0-pr-20092.dc840ce

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/json/attributes.json +107 -99
  2. package/dist/json/importMap-labs.json +20 -20
  3. package/dist/json/importMap.json +138 -138
  4. package/dist/json/tags.json +2 -0
  5. package/dist/json/web-types.json +212 -193
  6. package/dist/vuetify-labs.css +2279 -2279
  7. package/dist/vuetify-labs.d.ts +190 -106
  8. package/dist/vuetify-labs.esm.js +36 -10
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +36 -10
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1817 -1817
  13. package/dist/vuetify.d.ts +237 -153
  14. package/dist/vuetify.esm.js +36 -10
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +36 -10
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +44 -43
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.mts +42 -24
  22. package/lib/components/VCombobox/index.d.mts +42 -24
  23. package/lib/components/VDialog/index.d.mts +3 -3
  24. package/lib/components/VMenu/VMenu.mjs +20 -1
  25. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  26. package/lib/components/VMenu/index.d.mts +27 -12
  27. package/lib/components/VOverlay/VOverlay.mjs +5 -4
  28. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  29. package/lib/components/VOverlay/locationStrategies.mjs +6 -0
  30. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  31. package/lib/components/VOverlay/useActivator.mjs +3 -2
  32. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  33. package/lib/components/VSelect/index.d.mts +42 -24
  34. package/lib/components/VSnackbar/index.d.mts +3 -3
  35. package/lib/components/VSpeedDial/index.d.mts +28 -13
  36. package/lib/components/VTooltip/index.d.mts +3 -3
  37. package/lib/components/index.d.mts +190 -106
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/entry-bundler.mjs.map +1 -1
  40. package/lib/framework.mjs +1 -1
  41. package/lib/framework.mjs.map +1 -1
  42. package/lib/index.d.mts +47 -47
  43. package/lib/labs/VSnackbarQueue/index.d.mts +3 -3
  44. package/lib/labs/components.d.mts +3 -3
  45. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-25
2
+ * Vuetify v3.6.13-3.7.0-beta.0.0-pr-20092.dc840ce
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,22 +17456,6 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
- }.v-application {
17460
- display: flex;
17461
- background: rgb(var(--v-theme-background));
17462
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17463
- }
17464
-
17465
- .v-application__wrap {
17466
- -webkit-backface-visibility: hidden;
17467
- backface-visibility: hidden;
17468
- display: flex;
17469
- flex-direction: column;
17470
- flex: 1 1 auto;
17471
- max-width: 100%;
17472
- min-height: 100vh;
17473
- min-height: 100dvh;
17474
- position: relative;
17475
17459
  }.v-alert {
17476
17460
  display: grid;
17477
17461
  flex: 1 1;
@@ -17684,6 +17668,34 @@ html.overflow-y-hidden {
17684
17668
  text-transform: none;
17685
17669
  word-break: normal;
17686
17670
  word-wrap: break-word;
17671
+ }.v-application {
17672
+ display: flex;
17673
+ background: rgb(var(--v-theme-background));
17674
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17675
+ }
17676
+
17677
+ .v-application__wrap {
17678
+ -webkit-backface-visibility: hidden;
17679
+ backface-visibility: hidden;
17680
+ display: flex;
17681
+ flex-direction: column;
17682
+ flex: 1 1 auto;
17683
+ max-width: 100%;
17684
+ min-height: 100vh;
17685
+ min-height: 100dvh;
17686
+ position: relative;
17687
+ }.v-app-bar {
17688
+ display: flex;
17689
+ }
17690
+ .v-app-bar.v-toolbar {
17691
+ background: rgb(var(--v-theme-surface));
17692
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17693
+ }
17694
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17695
+ 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));
17696
+ }
17697
+ .v-app-bar:not(.v-toolbar--absolute) {
17698
+ padding-inline-end: var(--v-scrollbar-offset);
17687
17699
  }.v-autocomplete .v-field .v-text-field__prefix,
17688
17700
  .v-autocomplete .v-field .v-text-field__suffix,
17689
17701
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17765,18 +17777,6 @@ html.overflow-y-hidden {
17765
17777
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17766
17778
  opacity: var(--v-high-emphasis-opacity);
17767
17779
  transform: rotate(180deg);
17768
- }.v-app-bar {
17769
- display: flex;
17770
- }
17771
- .v-app-bar.v-toolbar {
17772
- background: rgb(var(--v-theme-surface));
17773
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17774
- }
17775
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17776
- 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));
17777
- }
17778
- .v-app-bar:not(.v-toolbar--absolute) {
17779
- padding-inline-end: var(--v-scrollbar-offset);
17780
17780
  }.v-avatar {
17781
17781
  flex: none;
17782
17782
  align-items: center;
@@ -17879,77 +17879,6 @@ html.overflow-y-hidden {
17879
17879
  .v-avatar .v-img {
17880
17880
  height: 100%;
17881
17881
  width: 100%;
17882
- }.v-badge {
17883
- display: inline-block;
17884
- line-height: 1;
17885
- }
17886
-
17887
- .v-badge__badge {
17888
- align-items: center;
17889
- display: inline-flex;
17890
- border-radius: 10px;
17891
- font-size: 0.75rem;
17892
- font-weight: 500;
17893
- height: 1.25rem;
17894
- justify-content: center;
17895
- min-width: 20px;
17896
- padding: 4px 6px;
17897
- pointer-events: auto;
17898
- position: absolute;
17899
- text-align: center;
17900
- text-indent: 0;
17901
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17902
- white-space: nowrap;
17903
- background: rgb(var(--v-theme-surface-variant));
17904
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17905
- }
17906
- .v-badge--bordered .v-badge__badge::after {
17907
- border-radius: inherit;
17908
- border-style: solid;
17909
- border-width: 2px;
17910
- bottom: 0;
17911
- color: rgb(var(--v-theme-background));
17912
- content: "";
17913
- left: 0;
17914
- position: absolute;
17915
- right: 0;
17916
- top: 0;
17917
- transform: scale(1.05);
17918
- }
17919
- .v-badge--dot .v-badge__badge {
17920
- border-radius: 4.5px;
17921
- height: 9px;
17922
- min-width: 0;
17923
- padding: 0;
17924
- width: 9px;
17925
- }
17926
- .v-badge--dot .v-badge__badge::after {
17927
- border-width: 1.5px;
17928
- }
17929
- .v-badge--inline .v-badge__badge {
17930
- position: relative;
17931
- vertical-align: middle;
17932
- }
17933
- .v-badge__badge .v-icon {
17934
- color: inherit;
17935
- font-size: 0.75rem;
17936
- margin: 0 -2px;
17937
- }
17938
- .v-badge__badge img,
17939
- .v-badge__badge .v-img {
17940
- height: 100%;
17941
- width: 100%;
17942
- }
17943
-
17944
- .v-badge__wrapper {
17945
- display: flex;
17946
- position: relative;
17947
- }
17948
- .v-badge--inline .v-badge__wrapper {
17949
- align-items: center;
17950
- display: inline-flex;
17951
- justify-content: center;
17952
- margin: 0 4px;
17953
17882
  }.v-banner {
17954
17883
  display: grid;
17955
17884
  flex: 1 1;
@@ -18163,6 +18092,77 @@ html.overflow-y-hidden {
18163
18092
  }
18164
18093
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18165
18094
  transform: translateY(0.5rem);
18095
+ }.v-badge {
18096
+ display: inline-block;
18097
+ line-height: 1;
18098
+ }
18099
+
18100
+ .v-badge__badge {
18101
+ align-items: center;
18102
+ display: inline-flex;
18103
+ border-radius: 10px;
18104
+ font-size: 0.75rem;
18105
+ font-weight: 500;
18106
+ height: 1.25rem;
18107
+ justify-content: center;
18108
+ min-width: 20px;
18109
+ padding: 4px 6px;
18110
+ pointer-events: auto;
18111
+ position: absolute;
18112
+ text-align: center;
18113
+ text-indent: 0;
18114
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18115
+ white-space: nowrap;
18116
+ background: rgb(var(--v-theme-surface-variant));
18117
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18118
+ }
18119
+ .v-badge--bordered .v-badge__badge::after {
18120
+ border-radius: inherit;
18121
+ border-style: solid;
18122
+ border-width: 2px;
18123
+ bottom: 0;
18124
+ color: rgb(var(--v-theme-background));
18125
+ content: "";
18126
+ left: 0;
18127
+ position: absolute;
18128
+ right: 0;
18129
+ top: 0;
18130
+ transform: scale(1.05);
18131
+ }
18132
+ .v-badge--dot .v-badge__badge {
18133
+ border-radius: 4.5px;
18134
+ height: 9px;
18135
+ min-width: 0;
18136
+ padding: 0;
18137
+ width: 9px;
18138
+ }
18139
+ .v-badge--dot .v-badge__badge::after {
18140
+ border-width: 1.5px;
18141
+ }
18142
+ .v-badge--inline .v-badge__badge {
18143
+ position: relative;
18144
+ vertical-align: middle;
18145
+ }
18146
+ .v-badge__badge .v-icon {
18147
+ color: inherit;
18148
+ font-size: 0.75rem;
18149
+ margin: 0 -2px;
18150
+ }
18151
+ .v-badge__badge img,
18152
+ .v-badge__badge .v-img {
18153
+ height: 100%;
18154
+ width: 100%;
18155
+ }
18156
+
18157
+ .v-badge__wrapper {
18158
+ display: flex;
18159
+ position: relative;
18160
+ }
18161
+ .v-badge--inline .v-badge__wrapper {
18162
+ align-items: center;
18163
+ display: inline-flex;
18164
+ justify-content: center;
18165
+ margin: 0 4px;
18166
18166
  }.bottom-sheet-transition-enter-from {
18167
18167
  transform: translateY(100%);
18168
18168
  }
@@ -18252,62 +18252,6 @@ html.overflow-y-hidden {
18252
18252
  display: inline-block;
18253
18253
  padding: 0 8px;
18254
18254
  vertical-align: middle;
18255
- }.v-btn-group {
18256
- display: inline-flex;
18257
- flex-wrap: nowrap;
18258
- max-width: 100%;
18259
- min-width: 0;
18260
- overflow: hidden;
18261
- vertical-align: middle;
18262
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18263
- border-style: solid;
18264
- border-width: 0;
18265
- 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));
18266
- border-radius: 4px;
18267
- background: transparent;
18268
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18269
- }
18270
- .v-btn-group--border {
18271
- border-width: thin;
18272
- box-shadow: none;
18273
- }
18274
- .v-btn-group--density-default.v-btn-group {
18275
- height: 48px;
18276
- }
18277
-
18278
- .v-btn-group--density-comfortable.v-btn-group {
18279
- height: 40px;
18280
- }
18281
-
18282
- .v-btn-group--density-compact.v-btn-group {
18283
- height: 36px;
18284
- }
18285
-
18286
- .v-btn-group .v-btn {
18287
- border-radius: 0;
18288
- border-color: inherit;
18289
- }
18290
- .v-btn-group .v-btn:not(:last-child) {
18291
- border-inline-end: none;
18292
- }
18293
- .v-btn-group .v-btn:not(:first-child) {
18294
- border-inline-start: none;
18295
- }
18296
- .v-btn-group .v-btn:first-child {
18297
- border-start-start-radius: inherit;
18298
- border-end-start-radius: inherit;
18299
- }
18300
- .v-btn-group .v-btn:last-child {
18301
- border-start-end-radius: inherit;
18302
- border-end-end-radius: inherit;
18303
- }
18304
- .v-btn-group--divided .v-btn:not(:last-child) {
18305
- border-inline-end-width: thin;
18306
- border-inline-end-style: solid;
18307
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18308
- }
18309
- .v-btn-group--tile {
18310
- border-radius: 0;
18311
18255
  }.v-btn {
18312
18256
  align-items: center;
18313
18257
  border-radius: 4px;
@@ -18729,24 +18673,62 @@ html.overflow-y-hidden {
18729
18673
  }
18730
18674
  .v-pagination__item--is-active .v-btn__overlay {
18731
18675
  opacity: var(--v-border-opacity);
18732
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18733
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18676
+ }.v-btn-group {
18677
+ display: inline-flex;
18678
+ flex-wrap: nowrap;
18679
+ max-width: 100%;
18680
+ min-width: 0;
18681
+ overflow: hidden;
18682
+ vertical-align: middle;
18683
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18684
+ border-style: solid;
18685
+ border-width: 0;
18686
+ 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));
18687
+ border-radius: 4px;
18688
+ background: transparent;
18689
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18734
18690
  }
18735
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18736
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18691
+ .v-btn-group--border {
18692
+ border-width: thin;
18693
+ box-shadow: none;
18737
18694
  }
18738
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18739
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18695
+ .v-btn-group--density-default.v-btn-group {
18696
+ height: 48px;
18740
18697
  }
18741
- @supports not selector(:focus-visible) {
18742
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18743
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18744
- }
18745
- }.v-checkbox.v-input {
18746
- flex: 0 1 auto;
18698
+
18699
+ .v-btn-group--density-comfortable.v-btn-group {
18700
+ height: 40px;
18747
18701
  }
18748
- .v-checkbox .v-selection-control {
18749
- min-height: var(--v-input-control-height);
18702
+
18703
+ .v-btn-group--density-compact.v-btn-group {
18704
+ height: 36px;
18705
+ }
18706
+
18707
+ .v-btn-group .v-btn {
18708
+ border-radius: 0;
18709
+ border-color: inherit;
18710
+ }
18711
+ .v-btn-group .v-btn:not(:last-child) {
18712
+ border-inline-end: none;
18713
+ }
18714
+ .v-btn-group .v-btn:not(:first-child) {
18715
+ border-inline-start: none;
18716
+ }
18717
+ .v-btn-group .v-btn:first-child {
18718
+ border-start-start-radius: inherit;
18719
+ border-end-start-radius: inherit;
18720
+ }
18721
+ .v-btn-group .v-btn:last-child {
18722
+ border-start-end-radius: inherit;
18723
+ border-end-end-radius: inherit;
18724
+ }
18725
+ .v-btn-group--divided .v-btn:not(:last-child) {
18726
+ border-inline-end-width: thin;
18727
+ border-inline-end-style: solid;
18728
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18729
+ }
18730
+ .v-btn-group--tile {
18731
+ border-radius: 0;
18750
18732
  }.v-card {
18751
18733
  display: block;
18752
18734
  overflow: hidden;
@@ -19046,6 +19028,19 @@ html.overflow-y-hidden {
19046
19028
  pointer-events: none;
19047
19029
  opacity: 0;
19048
19030
  transition: opacity 0.2s ease-in-out;
19031
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19032
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19033
+ }
19034
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19035
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19036
+ }
19037
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19038
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19039
+ }
19040
+ @supports not selector(:focus-visible) {
19041
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19042
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19043
+ }
19049
19044
  }.v-carousel {
19050
19045
  overflow: hidden;
19051
19046
  position: relative;
@@ -19109,6 +19104,11 @@ html.overflow-y-hidden {
19109
19104
  flex-direction: column;
19110
19105
  height: 100% !important;
19111
19106
  width: 50px;
19107
+ }.v-checkbox.v-input {
19108
+ flex: 0 1 auto;
19109
+ }
19110
+ .v-checkbox .v-selection-control {
19111
+ min-height: var(--v-input-control-height);
19112
19112
  }.v-chip {
19113
19113
  align-items: center;
19114
19114
  display: inline-flex;
@@ -19640,11 +19640,6 @@ html.overflow-y-hidden {
19640
19640
  .v-combobox--active-menu .v-combobox__menu-icon {
19641
19641
  opacity: var(--v-high-emphasis-opacity);
19642
19642
  transform: rotate(180deg);
19643
- }.v-counter {
19644
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19645
- flex: 0 1 auto;
19646
- font-size: 12px;
19647
- transition-duration: 150ms;
19648
19643
  }.v-data-table {
19649
19644
  width: 100%;
19650
19645
  }
@@ -19869,6 +19864,80 @@ html.overflow-y-hidden {
19869
19864
  }
19870
19865
  .v-date-picker--show-week {
19871
19866
  width: 368px;
19867
+ }.v-date-picker-month {
19868
+ display: flex;
19869
+ justify-content: center;
19870
+ padding: 0 12px 8px;
19871
+ --v-date-picker-month-day-diff: 4px;
19872
+ }
19873
+
19874
+ .v-date-picker-month__weeks {
19875
+ display: grid;
19876
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19877
+ column-gap: 4px;
19878
+ font-size: 0.85rem;
19879
+ }
19880
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19881
+ grid-row-gap: 0;
19882
+ }
19883
+
19884
+ .v-date-picker-month__weekday {
19885
+ font-size: 0.85rem;
19886
+ }
19887
+
19888
+ .v-date-picker-month__days {
19889
+ display: grid;
19890
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19891
+ column-gap: 4px;
19892
+ flex: 1 1;
19893
+ justify-content: space-around;
19894
+ }
19895
+
19896
+ .v-date-picker-month__day {
19897
+ align-items: center;
19898
+ display: flex;
19899
+ justify-content: center;
19900
+ position: relative;
19901
+ height: 40px;
19902
+ width: 40px;
19903
+ }
19904
+ .v-date-picker-month__day--selected .v-btn {
19905
+ background-color: rgb(var(--v-theme-surface-variant));
19906
+ color: rgb(var(--v-theme-on-surface-variant));
19907
+ }
19908
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19909
+ --v-btn-height: 24px;
19910
+ --v-btn-size: 0.85rem;
19911
+ }
19912
+ .v-date-picker-month__day--week {
19913
+ font-size: var(--v-btn-size);
19914
+ }
19915
+
19916
+ .v-date-picker-month__day--adjacent {
19917
+ opacity: 0.5;
19918
+ }
19919
+
19920
+ .v-date-picker-month__day--hide-adjacent {
19921
+ opacity: 0;
19922
+ }.v-date-picker-months {
19923
+ height: 288px;
19924
+ }
19925
+
19926
+ .v-date-picker-months__content {
19927
+ align-items: center;
19928
+ display: grid;
19929
+ flex: 1 1;
19930
+ height: inherit;
19931
+ justify-content: space-around;
19932
+ grid-template-columns: repeat(2, 1fr);
19933
+ grid-gap: 0px 24px;
19934
+ padding-inline-start: 36px;
19935
+ padding-inline-end: 36px;
19936
+ }
19937
+ .v-date-picker-months__content .v-btn {
19938
+ text-transform: none;
19939
+ padding-inline-start: 8px;
19940
+ padding-inline-end: 8px;
19872
19941
  }.v-date-picker-header {
19873
19942
  align-items: flex-end;
19874
19943
  height: 70px;
@@ -19985,61 +20054,6 @@ html.overflow-y-hidden {
19985
20054
 
19986
20055
  .v-date-picker__title {
19987
20056
  display: inline-block;
19988
- }.v-date-picker-month {
19989
- display: flex;
19990
- justify-content: center;
19991
- padding: 0 12px 8px;
19992
- --v-date-picker-month-day-diff: 4px;
19993
- }
19994
-
19995
- .v-date-picker-month__weeks {
19996
- display: grid;
19997
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19998
- column-gap: 4px;
19999
- font-size: 0.85rem;
20000
- }
20001
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20002
- grid-row-gap: 0;
20003
- }
20004
-
20005
- .v-date-picker-month__weekday {
20006
- font-size: 0.85rem;
20007
- }
20008
-
20009
- .v-date-picker-month__days {
20010
- display: grid;
20011
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20012
- column-gap: 4px;
20013
- flex: 1 1;
20014
- justify-content: space-around;
20015
- }
20016
-
20017
- .v-date-picker-month__day {
20018
- align-items: center;
20019
- display: flex;
20020
- justify-content: center;
20021
- position: relative;
20022
- height: 40px;
20023
- width: 40px;
20024
- }
20025
- .v-date-picker-month__day--selected .v-btn {
20026
- background-color: rgb(var(--v-theme-surface-variant));
20027
- color: rgb(var(--v-theme-on-surface-variant));
20028
- }
20029
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20030
- --v-btn-height: 24px;
20031
- --v-btn-size: 0.85rem;
20032
- }
20033
- .v-date-picker-month__day--week {
20034
- font-size: var(--v-btn-size);
20035
- }
20036
-
20037
- .v-date-picker-month__day--adjacent {
20038
- opacity: 0.5;
20039
- }
20040
-
20041
- .v-date-picker-month__day--hide-adjacent {
20042
- opacity: 0;
20043
20057
  }.v-date-picker-years {
20044
20058
  height: 288px;
20045
20059
  overflow-y: scroll;
@@ -20055,25 +20069,6 @@ html.overflow-y-hidden {
20055
20069
  }
20056
20070
  .v-date-picker-years__content .v-btn {
20057
20071
  padding-inline: 8px;
20058
- }.v-date-picker-months {
20059
- height: 288px;
20060
- }
20061
-
20062
- .v-date-picker-months__content {
20063
- align-items: center;
20064
- display: grid;
20065
- flex: 1 1;
20066
- height: inherit;
20067
- justify-content: space-around;
20068
- grid-template-columns: repeat(2, 1fr);
20069
- grid-gap: 0px 24px;
20070
- padding-inline-start: 36px;
20071
- padding-inline-end: 36px;
20072
- }
20073
- .v-date-picker-months__content .v-btn {
20074
- text-transform: none;
20075
- padding-inline-start: 8px;
20076
- padding-inline-end: 8px;
20077
20072
  }.v-dialog {
20078
20073
  align-items: center;
20079
20074
  justify-content: center;
@@ -20283,886 +20278,886 @@ html.overflow-y-hidden {
20283
20278
  .v-empty-state__action-btn.v-btn {
20284
20279
  background-color: initial;
20285
20280
  color: initial;
20286
- }/* region INPUT */
20287
- .v-field {
20288
- --v-theme-overlay-multiplier: 1;
20289
- display: grid;
20290
- grid-template-areas: "prepend-inner field clear append-inner";
20291
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20292
- font-size: 16px;
20293
- letter-spacing: 0.009375em;
20294
- max-width: 100%;
20295
- border-radius: 4px;
20296
- contain: layout;
20297
- flex: 1 0;
20298
- grid-area: control;
20299
- position: relative;
20300
- --v-field-padding-start: 16px;
20301
- --v-field-padding-end: 16px;
20302
- --v-field-padding-top: 8px;
20303
- --v-field-padding-bottom: 4px;
20304
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20305
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20306
- }
20307
- .v-field--disabled {
20308
- opacity: var(--v-disabled-opacity);
20309
- pointer-events: none;
20310
- }
20311
- .v-field .v-chip {
20312
- --v-chip-height: 24px;
20281
+ }.v-expansion-panel {
20282
+ background-color: rgb(var(--v-theme-surface));
20283
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20313
20284
  }
20314
-
20315
- /* endregion */
20316
- /* region MODIFIERS */
20317
- .v-field--prepended {
20318
- padding-inline-start: 12px;
20285
+ .v-expansion-panel:not(:first-child)::after {
20286
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20319
20287
  }
20320
- .v-field--appended {
20321
- padding-inline-end: 12px;
20288
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20289
+ color: rgba(var(--v-theme-on-surface), 0.26);
20322
20290
  }
20323
- .v-field--variant-solo, .v-field--variant-solo-filled {
20324
- background: rgb(var(--v-theme-surface));
20325
- border-color: transparent;
20326
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20327
- 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));
20291
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20292
+ opacity: 0.4615384615;
20328
20293
  }
20329
- .v-field--variant-solo-inverted {
20330
- background: rgb(var(--v-theme-surface));
20331
- border-color: transparent;
20332
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20333
- 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));
20294
+
20295
+ .v-expansion-panels {
20296
+ display: flex;
20297
+ flex-wrap: wrap;
20298
+ justify-content: center;
20299
+ list-style-type: none;
20300
+ padding: 0;
20301
+ width: 100%;
20302
+ position: relative;
20303
+ z-index: 1;
20334
20304
  }
20335
- .v-field--variant-solo-inverted.v-field--focused {
20336
- color: rgb(var(--v-theme-on-surface-variant));
20305
+ .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) {
20306
+ border-bottom-left-radius: 0 !important;
20307
+ border-bottom-right-radius: 0 !important;
20337
20308
  }
20338
- .v-field--variant-filled {
20339
- border-bottom-left-radius: 0;
20340
- border-bottom-right-radius: 0;
20309
+ .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) {
20310
+ border-top-left-radius: 0 !important;
20311
+ border-top-right-radius: 0 !important;
20341
20312
  }
20342
- .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 {
20343
- --v-input-control-height: 56px;
20344
- --v-field-padding-bottom: 4px;
20313
+ .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) {
20314
+ border-bottom-left-radius: 0 !important;
20315
+ border-bottom-right-radius: 0 !important;
20345
20316
  }
20346
-
20347
- .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 {
20348
- --v-input-control-height: 48px;
20349
- --v-field-padding-bottom: 0px;
20317
+ .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) {
20318
+ border-top-left-radius: 0 !important;
20319
+ border-top-right-radius: 0 !important;
20350
20320
  }
20351
-
20352
- .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 {
20353
- --v-input-control-height: 40px;
20354
- --v-field-padding-bottom: 0px;
20321
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20322
+ border-bottom-left-radius: 0 !important;
20323
+ border-bottom-right-radius: 0 !important;
20355
20324
  }
20356
-
20357
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20358
- --v-field-padding-top: 0px;
20325
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20326
+ border-top-left-radius: 0 !important;
20327
+ border-top-right-radius: 0 !important;
20359
20328
  }
20360
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
20361
- --v-field-padding-bottom: 16px;
20329
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20330
+ border-bottom-left-radius: initial;
20331
+ border-bottom-right-radius: initial;
20362
20332
  }
20363
-
20364
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
20365
- --v-field-padding-bottom: 12px;
20333
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20334
+ border-radius: 0 !important;
20366
20335
  }
20367
-
20368
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
20369
- --v-field-padding-bottom: 8px;
20336
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20337
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20370
20338
  }
20371
20339
 
20372
- .v-field--variant-plain, .v-field--variant-underlined {
20373
- border-radius: 0;
20374
- padding: 0;
20375
- }
20376
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
20377
- --v-field-padding-start: 0px;
20378
- --v-field-padding-end: 0px;
20340
+ .v-expansion-panel {
20341
+ flex: 1 0 100%;
20342
+ max-width: 100%;
20343
+ position: relative;
20344
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20345
+ transition-property: margin-top, border-radius, border, max-width;
20346
+ border-radius: 4px;
20379
20347
  }
20380
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
20381
- --v-input-control-height: 48px;
20382
- --v-field-padding-top: 4px;
20383
- --v-field-padding-bottom: 4px;
20348
+ .v-expansion-panel:not(:first-child)::after {
20349
+ border-top-style: solid;
20350
+ border-top-width: thin;
20351
+ content: "";
20352
+ left: 0;
20353
+ position: absolute;
20354
+ right: 0;
20355
+ top: 0;
20356
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20384
20357
  }
20385
-
20386
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
20387
- --v-input-control-height: 40px;
20388
- --v-field-padding-top: 2px;
20389
- --v-field-padding-bottom: 0px;
20358
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20359
+ pointer-events: none;
20390
20360
  }
20391
-
20392
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
20393
- --v-input-control-height: 32px;
20394
- --v-field-padding-top: 0px;
20395
- --v-field-padding-bottom: 0px;
20361
+ .v-expansion-panel--active:not(:first-child),
20362
+ .v-expansion-panel--active + .v-expansion-panel {
20363
+ margin-top: 16px;
20396
20364
  }
20397
-
20398
- .v-field--flat {
20399
- box-shadow: none;
20365
+ .v-expansion-panel--active:not(:first-child)::after,
20366
+ .v-expansion-panel--active + .v-expansion-panel::after {
20367
+ opacity: 0;
20400
20368
  }
20401
- .v-field--rounded {
20402
- border-radius: 24px;
20369
+ .v-expansion-panel--active > .v-expansion-panel-title {
20370
+ border-bottom-left-radius: 0;
20371
+ border-bottom-right-radius: 0;
20403
20372
  }
20404
- .v-field.v-field--prepended {
20405
- --v-field-padding-start: 6px;
20373
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20374
+ min-height: 64px;
20406
20375
  }
20407
- .v-field.v-field--appended {
20408
- --v-field-padding-end: 6px;
20376
+
20377
+ .v-expansion-panel__shadow {
20378
+ position: absolute;
20379
+ top: 0;
20380
+ left: 0;
20381
+ width: 100%;
20382
+ height: 100%;
20383
+ 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));
20384
+ border-radius: inherit;
20385
+ z-index: -1;
20409
20386
  }
20410
20387
 
20411
- /* endregion */
20412
- /* region ELEMENTS */
20413
- .v-field__input {
20388
+ .v-expansion-panel-title {
20414
20389
  align-items: center;
20415
- color: inherit;
20416
- column-gap: 2px;
20390
+ text-align: start;
20391
+ border-radius: inherit;
20417
20392
  display: flex;
20418
- flex-wrap: wrap;
20419
- letter-spacing: 0.009375em;
20420
- opacity: var(--v-high-emphasis-opacity);
20421
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
20422
- min-width: 0;
20423
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
20424
- padding-top: var(--v-field-input-padding-top);
20425
- padding-bottom: var(--v-field-input-padding-bottom);
20393
+ font-size: 0.9375rem;
20394
+ line-height: 1;
20395
+ min-height: 48px;
20396
+ outline: none;
20397
+ padding: 16px 24px;
20426
20398
  position: relative;
20399
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20427
20400
  width: 100%;
20401
+ justify-content: space-between;
20428
20402
  }
20429
- .v-input--density-default .v-field__input {
20430
- row-gap: 8px;
20403
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20404
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20431
20405
  }
20432
-
20433
- .v-input--density-comfortable .v-field__input {
20434
- row-gap: 6px;
20406
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20407
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20435
20408
  }
20436
-
20437
- .v-input--density-compact .v-field__input {
20438
- row-gap: 4px;
20409
+ @supports not selector(:focus-visible) {
20410
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20411
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20412
+ }
20439
20413
  }
20440
-
20441
- .v-field__input input {
20442
- letter-spacing: inherit;
20414
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20415
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20443
20416
  }
20444
- .v-field__input input::placeholder,
20445
- input.v-field__input::placeholder,
20446
- textarea.v-field__input::placeholder {
20447
- color: currentColor;
20448
- opacity: var(--v-disabled-opacity);
20417
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20418
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20449
20419
  }
20450
-
20451
- .v-field__input:focus, .v-field__input:active {
20452
- outline: none;
20420
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20421
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20453
20422
  }
20454
- .v-field__input:invalid {
20455
- box-shadow: none;
20423
+ @supports not selector(:focus-visible) {
20424
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20425
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20426
+ }
20456
20427
  }
20457
20428
 
20458
- .v-field__field {
20459
- flex: 1 0;
20460
- grid-area: field;
20461
- position: relative;
20462
- align-items: flex-start;
20463
- display: flex;
20429
+ .v-expansion-panel-title__overlay {
20430
+ position: absolute;
20431
+ top: 0;
20432
+ left: 0;
20433
+ width: 100%;
20434
+ height: 100%;
20435
+ background-color: currentColor;
20436
+ border-radius: inherit;
20437
+ opacity: 0;
20464
20438
  }
20465
20439
 
20466
- /* endregion */
20467
- /* region AFFIXES */
20468
- .v-field__prepend-inner {
20469
- grid-area: prepend-inner;
20470
- padding-inline-end: var(--v-field-padding-after);
20440
+ .v-expansion-panel-title__icon {
20441
+ display: inline-flex;
20442
+ margin-bottom: -4px;
20443
+ margin-top: -4px;
20444
+ -webkit-user-select: none;
20445
+ user-select: none;
20446
+ margin-inline-start: auto;
20471
20447
  }
20472
20448
 
20473
- .v-field__clearable {
20474
- grid-area: clear;
20449
+ .v-expansion-panel-text {
20450
+ display: flex;
20475
20451
  }
20476
-
20477
- .v-field__append-inner {
20478
- grid-area: append-inner;
20479
- padding-inline-start: var(--v-field-padding-after);
20480
- }
20481
-
20482
- .v-field__append-inner,
20483
- .v-field__clearable,
20484
- .v-field__prepend-inner {
20485
- display: flex;
20486
- align-items: flex-start;
20487
- padding-top: var(--v-input-padding-top, 8px);
20488
- }
20489
- .v-field--center-affix .v-field__append-inner,
20490
- .v-field--center-affix .v-field__clearable,
20491
- .v-field--center-affix .v-field__prepend-inner {
20492
- align-items: center;
20493
- padding-top: 0;
20452
+ .v-expansion-panel-text__wrapper {
20453
+ padding: 8px 24px 16px;
20454
+ flex: 1 1 auto;
20455
+ max-width: 100%;
20494
20456
  }
20495
20457
 
20496
- .v-field.v-field--variant-underlined .v-field__append-inner,
20497
- .v-field.v-field--variant-underlined .v-field__clearable,
20498
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
20499
- .v-field.v-field--variant-plain .v-field__append-inner,
20500
- .v-field.v-field--variant-plain .v-field__clearable,
20501
- .v-field.v-field--variant-plain .v-field__prepend-inner {
20502
- align-items: flex-start;
20503
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20504
- padding-bottom: var(--v-field-padding-bottom, 4px);
20458
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20459
+ margin-top: 0;
20505
20460
  }
20506
-
20507
- .v-field--focused .v-field__prepend-inner,
20508
- .v-field--focused .v-field__append-inner {
20461
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20509
20462
  opacity: 1;
20510
20463
  }
20511
20464
 
20512
- .v-field__prepend-inner > .v-icon,
20513
- .v-field__append-inner > .v-icon,
20514
- .v-field__clearable > .v-icon {
20515
- opacity: var(--v-medium-emphasis-opacity);
20516
- }
20517
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
20518
- .v-field--disabled .v-field__append-inner > .v-icon,
20519
- .v-field--error .v-field__append-inner > .v-icon,
20520
- .v-field--disabled .v-field__clearable > .v-icon,
20521
- .v-field--error .v-field__clearable > .v-icon {
20522
- opacity: 1;
20465
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20466
+ max-width: calc(100% - 32px);
20523
20467
  }
20524
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
20525
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
20526
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
20527
- color: rgb(var(--v-theme-error));
20468
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20469
+ max-width: calc(100% + 16px);
20528
20470
  }
20529
20471
 
20530
- .v-field__clearable {
20531
- cursor: pointer;
20532
- opacity: 0;
20533
- overflow: hidden;
20534
- margin-inline: 4px;
20535
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20536
- transition-property: opacity, transform, width;
20472
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20473
+ max-width: 100%;
20537
20474
  }
20538
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
20539
- opacity: 1;
20475
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20476
+ max-width: calc(100% - 32px);
20540
20477
  }
20541
- @media (hover: hover) {
20542
- .v-field:hover .v-field__clearable {
20543
- opacity: 1;
20544
- }
20478
+
20479
+ .v-expansion-panels--flat > .v-expansion-panel::after {
20480
+ border-top: none;
20545
20481
  }
20546
- @media (hover: none) {
20547
- .v-field__clearable {
20548
- opacity: 1;
20549
- }
20482
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20483
+ display: none;
20550
20484
  }
20551
20485
 
20552
- /* endregion */
20553
- /* region LABEL */
20554
- .v-label.v-field-label {
20555
- contain: layout paint;
20556
- display: block;
20557
- margin-inline-start: var(--v-field-padding-start);
20558
- margin-inline-end: var(--v-field-padding-end);
20559
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
20486
+ .v-expansion-panels--tile {
20487
+ border-radius: 0;
20488
+ }
20489
+ .v-expansion-panels--tile > .v-expansion-panel {
20490
+ border-radius: 0;
20491
+ }.v-fab {
20492
+ align-items: center;
20493
+ display: inline-flex;
20494
+ flex: 1 1 auto;
20560
20495
  pointer-events: none;
20561
- position: absolute;
20562
- top: var(--v-input-padding-top);
20563
- transform-origin: left center;
20564
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20565
- transition-property: opacity, transform;
20566
- z-index: 1;
20496
+ position: relative;
20497
+ transition-duration: 0.2s;
20498
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20499
+ vertical-align: middle;
20567
20500
  }
20568
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
20569
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
20501
+ .v-fab .v-btn {
20502
+ pointer-events: auto;
20570
20503
  }
20571
- .v-field--center-affix .v-label.v-field-label {
20572
- top: 50%;
20573
- transform: translateY(-50%);
20504
+ .v-fab .v-btn--variant-elevated {
20505
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20574
20506
  }
20575
- .v-field--active .v-label.v-field-label {
20576
- visibility: hidden;
20507
+ .v-fab--app, .v-fab--absolute {
20508
+ display: flex;
20577
20509
  }
20578
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
20579
- opacity: 1;
20510
+ .v-fab--start, .v-fab--left {
20511
+ justify-content: flex-start;
20580
20512
  }
20581
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
20582
- color: rgb(var(--v-theme-error));
20513
+ .v-fab--center {
20514
+ align-items: center;
20515
+ justify-content: center;
20583
20516
  }
20584
- .v-label.v-field-label--floating {
20585
- --v-field-label-scale: 0.75em;
20586
- font-size: var(--v-field-label-scale);
20587
- visibility: hidden;
20588
- max-width: 100%;
20517
+ .v-fab--end, .v-fab--right {
20518
+ justify-content: flex-end;
20589
20519
  }
20590
- .v-field--center-affix .v-label.v-field-label--floating {
20591
- transform: none;
20520
+ .v-fab--bottom {
20521
+ align-items: flex-end;
20592
20522
  }
20593
- .v-field.v-field--active .v-label.v-field-label--floating {
20594
- visibility: unset;
20523
+ .v-fab--top {
20524
+ align-items: flex-start;
20595
20525
  }
20596
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
20597
- top: 7px;
20526
+ .v-fab--extended .v-btn {
20527
+ border-radius: 9999px !important;
20598
20528
  }
20599
20529
 
20600
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
20601
- top: 5px;
20530
+ .v-fab__container {
20531
+ align-self: center;
20532
+ display: inline-flex;
20533
+ position: absolute;
20534
+ vertical-align: middle;
20602
20535
  }
20603
-
20604
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20605
- top: 3px;
20536
+ .v-fab--app .v-fab__container {
20537
+ margin: 12px;
20606
20538
  }
20607
-
20608
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
20609
- transform: translateY(-16px);
20610
- margin: 0;
20611
- top: var(--v-input-padding-top);
20539
+ .v-fab--absolute .v-fab__container {
20540
+ position: absolute;
20541
+ z-index: 4;
20612
20542
  }
20613
- .v-field--variant-outlined .v-label.v-field-label--floating {
20543
+ .v-fab--offset.v-fab--top .v-fab__container {
20614
20544
  transform: translateY(-50%);
20615
- transform-origin: center;
20616
- position: static;
20617
- margin: 0 4px;
20618
20545
  }
20619
-
20620
- /* endregion */
20621
- /* region OUTLINE */
20622
- .v-field__outline {
20623
- --v-field-border-width: 1px;
20624
- --v-field-border-opacity: 0.38;
20625
- align-items: stretch;
20626
- contain: layout;
20627
- display: flex;
20628
- height: 100%;
20629
- left: 0;
20630
- pointer-events: none;
20631
- position: absolute;
20632
- right: 0;
20633
- width: 100%;
20546
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20547
+ transform: translateY(50%);
20634
20548
  }
20635
- @media (hover: hover) {
20636
- .v-field:hover .v-field__outline {
20637
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
20638
- }
20549
+ .v-fab--top .v-fab__container {
20550
+ top: 0;
20639
20551
  }
20640
- .v-field--error:not(.v-field--disabled) .v-field__outline {
20641
- color: rgb(var(--v-theme-error));
20552
+ .v-fab--bottom .v-fab__container {
20553
+ bottom: 0;
20642
20554
  }
20643
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
20644
- --v-field-border-opacity: 1;
20555
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20556
+ left: 0;
20645
20557
  }
20646
- .v-field--variant-outlined.v-field--focused .v-field__outline {
20647
- --v-field-border-width: 2px;
20558
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20559
+ right: 0;
20560
+ }.v-file-input--hide.v-input .v-field,
20561
+ .v-file-input--hide.v-input .v-input__control,
20562
+ .v-file-input--hide.v-input .v-input__details {
20563
+ display: none;
20648
20564
  }
20649
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
20650
- border-color: currentColor;
20651
- border-style: solid;
20652
- border-width: 0 0 var(--v-field-border-width);
20653
- opacity: var(--v-field-border-opacity);
20654
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20655
- content: "";
20656
- position: absolute;
20657
- top: 0;
20658
- left: 0;
20659
- width: 100%;
20660
- height: 100%;
20565
+ .v-file-input--hide.v-input .v-input__prepend {
20566
+ grid-area: control;
20567
+ margin: 0 auto;
20661
20568
  }
20662
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
20663
- border-color: currentColor;
20664
- border-style: solid;
20665
- border-width: 0 0 2px;
20666
- transform: scaleX(0);
20667
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20668
- content: "";
20569
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20570
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20571
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20572
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20573
+ top: 0px;
20574
+ }
20575
+ .v-file-input input[type=file] {
20576
+ height: 100%;
20577
+ left: 0;
20578
+ opacity: 0;
20669
20579
  position: absolute;
20670
20580
  top: 0;
20671
- left: 0;
20672
20581
  width: 100%;
20673
- height: 100%;
20674
- }
20675
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
20676
- transform: scaleX(1);
20582
+ z-index: 1;
20677
20583
  }
20678
-
20679
- .v-field--variant-outlined .v-field__outline {
20680
- border-radius: inherit;
20584
+ .v-file-input .v-input__details {
20585
+ padding-inline: 16px;
20681
20586
  }
20682
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
20683
- border: 0 solid currentColor;
20684
- opacity: var(--v-field-border-opacity);
20685
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20587
+ .v-input--plain-underlined.v-file-input .v-input__details {
20588
+ padding-inline: 0;
20589
+ }/* region INPUT */
20590
+ .v-field {
20591
+ --v-theme-overlay-multiplier: 1;
20592
+ display: grid;
20593
+ grid-template-areas: "prepend-inner field clear append-inner";
20594
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20595
+ font-size: 16px;
20596
+ letter-spacing: 0.009375em;
20597
+ max-width: 100%;
20598
+ border-radius: 4px;
20599
+ contain: layout;
20600
+ flex: 1 0;
20601
+ grid-area: control;
20602
+ position: relative;
20603
+ --v-field-padding-start: 16px;
20604
+ --v-field-padding-end: 16px;
20605
+ --v-field-padding-top: 8px;
20606
+ --v-field-padding-bottom: 4px;
20607
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20608
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20686
20609
  }
20687
- .v-field--variant-outlined .v-field__outline__start {
20688
- flex: 0 0 12px;
20689
- border-top-width: var(--v-field-border-width);
20690
- border-bottom-width: var(--v-field-border-width);
20691
- border-inline-start-width: var(--v-field-border-width);
20692
- border-start-start-radius: inherit;
20693
- border-start-end-radius: 0;
20694
- border-end-end-radius: 0;
20695
- border-end-start-radius: inherit;
20610
+ .v-field--disabled {
20611
+ opacity: var(--v-disabled-opacity);
20612
+ pointer-events: none;
20696
20613
  }
20697
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
20698
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
20699
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
20700
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
20614
+ .v-field .v-chip {
20615
+ --v-chip-height: 24px;
20701
20616
  }
20702
20617
 
20703
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
20704
- border-start-start-radius: 0;
20705
- border-start-end-radius: inherit;
20706
- border-end-end-radius: inherit;
20707
- border-end-start-radius: 0;
20708
- border-inline-end-width: var(--v-field-border-width);
20709
- border-inline-start-width: 0;
20618
+ /* endregion */
20619
+ /* region MODIFIERS */
20620
+ .v-field--prepended {
20621
+ padding-inline-start: 12px;
20710
20622
  }
20711
-
20712
- .v-field--variant-outlined .v-field__outline__notch {
20713
- flex: none;
20714
- position: relative;
20715
- max-width: calc(100% - 12px);
20623
+ .v-field--appended {
20624
+ padding-inline-end: 12px;
20716
20625
  }
20717
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
20718
- opacity: var(--v-field-border-opacity);
20719
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20720
- content: "";
20721
- position: absolute;
20722
- top: 0;
20723
- left: 0;
20724
- width: 100%;
20725
- height: 100%;
20626
+ .v-field--variant-solo, .v-field--variant-solo-filled {
20627
+ background: rgb(var(--v-theme-surface));
20628
+ border-color: transparent;
20629
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20630
+ 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));
20726
20631
  }
20727
- .v-field--variant-outlined .v-field__outline__notch::before {
20728
- border-width: var(--v-field-border-width) 0 0;
20632
+ .v-field--variant-solo-inverted {
20633
+ background: rgb(var(--v-theme-surface));
20634
+ border-color: transparent;
20635
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20636
+ 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));
20729
20637
  }
20730
- .v-field--variant-outlined .v-field__outline__notch::after {
20731
- bottom: 0;
20732
- border-width: 0 0 var(--v-field-border-width);
20638
+ .v-field--variant-solo-inverted.v-field--focused {
20639
+ color: rgb(var(--v-theme-on-surface-variant));
20733
20640
  }
20734
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
20735
- opacity: 0;
20641
+ .v-field--variant-filled {
20642
+ border-bottom-left-radius: 0;
20643
+ border-bottom-right-radius: 0;
20644
+ }
20645
+ .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 {
20646
+ --v-input-control-height: 56px;
20647
+ --v-field-padding-bottom: 4px;
20736
20648
  }
20737
20649
 
20738
- .v-field--variant-outlined .v-field__outline__end {
20739
- flex: 1;
20740
- border-top-width: var(--v-field-border-width);
20741
- border-bottom-width: var(--v-field-border-width);
20742
- border-inline-end-width: var(--v-field-border-width);
20743
- border-start-start-radius: 0;
20744
- border-start-end-radius: inherit;
20745
- border-end-end-radius: inherit;
20746
- border-end-start-radius: 0;
20650
+ .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 {
20651
+ --v-input-control-height: 48px;
20652
+ --v-field-padding-bottom: 0px;
20747
20653
  }
20748
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
20749
- border-start-start-radius: inherit;
20750
- border-start-end-radius: 0;
20751
- border-end-end-radius: 0;
20752
- border-end-start-radius: inherit;
20753
- border-inline-end-width: 0;
20754
- border-inline-start-width: var(--v-field-border-width);
20654
+
20655
+ .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 {
20656
+ --v-input-control-height: 40px;
20657
+ --v-field-padding-bottom: 0px;
20755
20658
  }
20756
20659
 
20757
- /* endregion */
20758
- /* region LOADER */
20759
- .v-field__loader {
20760
- top: calc(100% - 2px);
20761
- left: 0;
20762
- position: absolute;
20763
- right: 0;
20764
- width: 100%;
20765
- border-top-left-radius: 0;
20766
- border-top-right-radius: 0;
20767
- border-bottom-left-radius: inherit;
20768
- border-bottom-right-radius: inherit;
20769
- overflow: hidden;
20660
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20661
+ --v-field-padding-top: 0px;
20770
20662
  }
20771
- .v-field--variant-outlined .v-field__loader {
20772
- top: calc(100% - 3px);
20773
- width: calc(100% - 1px * 2);
20774
- left: 1px;
20663
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
20664
+ --v-field-padding-bottom: 16px;
20775
20665
  }
20776
20666
 
20777
- /* endregion */
20778
- /* region OVERLAY */
20779
- .v-field__overlay {
20780
- border-radius: inherit;
20781
- pointer-events: none;
20782
- position: absolute;
20783
- top: 0;
20784
- left: 0;
20785
- width: 100%;
20786
- height: 100%;
20667
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
20668
+ --v-field-padding-bottom: 12px;
20787
20669
  }
20788
20670
 
20789
- .v-field--variant-filled .v-field__overlay {
20790
- background-color: currentColor;
20791
- opacity: 0.04;
20792
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20671
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
20672
+ --v-field-padding-bottom: 8px;
20793
20673
  }
20794
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
20795
- opacity: 0;
20674
+
20675
+ .v-field--variant-plain, .v-field--variant-underlined {
20676
+ border-radius: 0;
20677
+ padding: 0;
20796
20678
  }
20797
- @media (hover: hover) {
20798
- .v-field--variant-filled:hover .v-field__overlay {
20799
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20800
- }
20679
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
20680
+ --v-field-padding-start: 0px;
20681
+ --v-field-padding-end: 0px;
20801
20682
  }
20802
- .v-field--variant-filled.v-field--focused .v-field__overlay {
20803
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20683
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
20684
+ --v-input-control-height: 48px;
20685
+ --v-field-padding-top: 4px;
20686
+ --v-field-padding-bottom: 4px;
20804
20687
  }
20805
20688
 
20806
- .v-field--variant-solo-filled .v-field__overlay {
20807
- background-color: currentColor;
20808
- opacity: 0.04;
20809
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20810
- }
20811
- @media (hover: hover) {
20812
- .v-field--variant-solo-filled:hover .v-field__overlay {
20813
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20814
- }
20689
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
20690
+ --v-input-control-height: 40px;
20691
+ --v-field-padding-top: 2px;
20692
+ --v-field-padding-bottom: 0px;
20815
20693
  }
20816
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
20817
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20694
+
20695
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
20696
+ --v-input-control-height: 32px;
20697
+ --v-field-padding-top: 0px;
20698
+ --v-field-padding-bottom: 0px;
20818
20699
  }
20819
20700
 
20820
- .v-field--variant-solo-inverted .v-field__overlay {
20821
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20701
+ .v-field--flat {
20702
+ box-shadow: none;
20822
20703
  }
20823
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
20824
- opacity: 0;
20704
+ .v-field--rounded {
20705
+ border-radius: 24px;
20825
20706
  }
20826
- @media (hover: hover) {
20827
- .v-field--variant-solo-inverted:hover .v-field__overlay {
20828
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20829
- }
20707
+ .v-field.v-field--prepended {
20708
+ --v-field-padding-start: 6px;
20830
20709
  }
20831
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20832
- background-color: rgb(var(--v-theme-surface-variant));
20833
- opacity: 1;
20710
+ .v-field.v-field--appended {
20711
+ --v-field-padding-end: 6px;
20834
20712
  }
20835
20713
 
20836
20714
  /* endregion */
20837
- /* region MODIFIERS */
20838
- .v-field--reverse .v-field__field,
20839
- .v-field--reverse .v-field__input,
20840
- .v-field--reverse .v-field__outline {
20841
- flex-direction: row-reverse;
20715
+ /* region ELEMENTS */
20716
+ .v-field__input {
20717
+ align-items: center;
20718
+ color: inherit;
20719
+ column-gap: 2px;
20720
+ display: flex;
20721
+ flex-wrap: wrap;
20722
+ letter-spacing: 0.009375em;
20723
+ opacity: var(--v-high-emphasis-opacity);
20724
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
20725
+ min-width: 0;
20726
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
20727
+ padding-top: var(--v-field-input-padding-top);
20728
+ padding-bottom: var(--v-field-input-padding-bottom);
20729
+ position: relative;
20730
+ width: 100%;
20842
20731
  }
20843
- .v-field--reverse .v-field__input, .v-field--reverse input {
20844
- text-align: end;
20732
+ .v-input--density-default .v-field__input {
20733
+ row-gap: 8px;
20845
20734
  }
20846
20735
 
20847
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20848
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20849
- 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;
20736
+ .v-input--density-comfortable .v-field__input {
20737
+ row-gap: 6px;
20850
20738
  }
20851
20739
 
20852
- .v-field--loading .v-field__outline::after,
20853
- .v-field--loading .v-field__outline::before {
20854
- opacity: 0;
20740
+ .v-input--density-compact .v-field__input {
20741
+ row-gap: 4px;
20855
20742
  }
20856
20743
 
20857
- /* endregion */.v-expansion-panel {
20858
- background-color: rgb(var(--v-theme-surface));
20859
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20744
+ .v-field__input input {
20745
+ letter-spacing: inherit;
20860
20746
  }
20861
- .v-expansion-panel:not(:first-child)::after {
20862
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20747
+ .v-field__input input::placeholder,
20748
+ input.v-field__input::placeholder,
20749
+ textarea.v-field__input::placeholder {
20750
+ color: currentColor;
20751
+ opacity: var(--v-disabled-opacity);
20863
20752
  }
20864
- .v-expansion-panel--disabled .v-expansion-panel-title {
20865
- color: rgba(var(--v-theme-on-surface), 0.26);
20753
+
20754
+ .v-field__input:focus, .v-field__input:active {
20755
+ outline: none;
20866
20756
  }
20867
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20868
- opacity: 0.4615384615;
20757
+ .v-field__input:invalid {
20758
+ box-shadow: none;
20869
20759
  }
20870
20760
 
20871
- .v-expansion-panels {
20872
- display: flex;
20873
- flex-wrap: wrap;
20874
- justify-content: center;
20875
- list-style-type: none;
20876
- padding: 0;
20877
- width: 100%;
20761
+ .v-field__field {
20762
+ flex: 1 0;
20763
+ grid-area: field;
20878
20764
  position: relative;
20879
- z-index: 1;
20765
+ align-items: flex-start;
20766
+ display: flex;
20880
20767
  }
20881
- .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) {
20882
- border-bottom-left-radius: 0 !important;
20883
- border-bottom-right-radius: 0 !important;
20768
+
20769
+ /* endregion */
20770
+ /* region AFFIXES */
20771
+ .v-field__prepend-inner {
20772
+ grid-area: prepend-inner;
20773
+ padding-inline-end: var(--v-field-padding-after);
20884
20774
  }
20885
- .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) {
20886
- border-top-left-radius: 0 !important;
20887
- border-top-right-radius: 0 !important;
20775
+
20776
+ .v-field__clearable {
20777
+ grid-area: clear;
20888
20778
  }
20889
- .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) {
20890
- border-bottom-left-radius: 0 !important;
20891
- border-bottom-right-radius: 0 !important;
20779
+
20780
+ .v-field__append-inner {
20781
+ grid-area: append-inner;
20782
+ padding-inline-start: var(--v-field-padding-after);
20892
20783
  }
20893
- .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) {
20894
- border-top-left-radius: 0 !important;
20895
- border-top-right-radius: 0 !important;
20784
+
20785
+ .v-field__append-inner,
20786
+ .v-field__clearable,
20787
+ .v-field__prepend-inner {
20788
+ display: flex;
20789
+ align-items: flex-start;
20790
+ padding-top: var(--v-input-padding-top, 8px);
20896
20791
  }
20897
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20898
- border-bottom-left-radius: 0 !important;
20899
- border-bottom-right-radius: 0 !important;
20792
+ .v-field--center-affix .v-field__append-inner,
20793
+ .v-field--center-affix .v-field__clearable,
20794
+ .v-field--center-affix .v-field__prepend-inner {
20795
+ align-items: center;
20796
+ padding-top: 0;
20900
20797
  }
20901
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20902
- border-top-left-radius: 0 !important;
20903
- border-top-right-radius: 0 !important;
20798
+
20799
+ .v-field.v-field--variant-underlined .v-field__append-inner,
20800
+ .v-field.v-field--variant-underlined .v-field__clearable,
20801
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
20802
+ .v-field.v-field--variant-plain .v-field__append-inner,
20803
+ .v-field.v-field--variant-plain .v-field__clearable,
20804
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
20805
+ align-items: flex-start;
20806
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20807
+ padding-bottom: var(--v-field-padding-bottom, 4px);
20904
20808
  }
20905
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20906
- border-bottom-left-radius: initial;
20907
- border-bottom-right-radius: initial;
20809
+
20810
+ .v-field--focused .v-field__prepend-inner,
20811
+ .v-field--focused .v-field__append-inner {
20812
+ opacity: 1;
20908
20813
  }
20909
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20910
- border-radius: 0 !important;
20814
+
20815
+ .v-field__prepend-inner > .v-icon,
20816
+ .v-field__append-inner > .v-icon,
20817
+ .v-field__clearable > .v-icon {
20818
+ opacity: var(--v-medium-emphasis-opacity);
20911
20819
  }
20912
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20913
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20820
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
20821
+ .v-field--disabled .v-field__append-inner > .v-icon,
20822
+ .v-field--error .v-field__append-inner > .v-icon,
20823
+ .v-field--disabled .v-field__clearable > .v-icon,
20824
+ .v-field--error .v-field__clearable > .v-icon {
20825
+ opacity: 1;
20826
+ }
20827
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
20828
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
20829
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
20830
+ color: rgb(var(--v-theme-error));
20914
20831
  }
20915
20832
 
20916
- .v-expansion-panel {
20917
- flex: 1 0 100%;
20918
- max-width: 100%;
20919
- position: relative;
20920
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20921
- transition-property: margin-top, border-radius, border, max-width;
20922
- border-radius: 4px;
20833
+ .v-field__clearable {
20834
+ cursor: pointer;
20835
+ opacity: 0;
20836
+ overflow: hidden;
20837
+ margin-inline: 4px;
20838
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20839
+ transition-property: opacity, transform, width;
20923
20840
  }
20924
- .v-expansion-panel:not(:first-child)::after {
20925
- border-top-style: solid;
20926
- border-top-width: thin;
20927
- content: "";
20928
- left: 0;
20929
- position: absolute;
20930
- right: 0;
20931
- top: 0;
20932
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20841
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
20842
+ opacity: 1;
20933
20843
  }
20934
- .v-expansion-panel--disabled .v-expansion-panel-title {
20844
+ @media (hover: hover) {
20845
+ .v-field:hover .v-field__clearable {
20846
+ opacity: 1;
20847
+ }
20848
+ }
20849
+ @media (hover: none) {
20850
+ .v-field__clearable {
20851
+ opacity: 1;
20852
+ }
20853
+ }
20854
+
20855
+ /* endregion */
20856
+ /* region LABEL */
20857
+ .v-label.v-field-label {
20858
+ contain: layout paint;
20859
+ display: block;
20860
+ margin-inline-start: var(--v-field-padding-start);
20861
+ margin-inline-end: var(--v-field-padding-end);
20862
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
20935
20863
  pointer-events: none;
20864
+ position: absolute;
20865
+ top: var(--v-input-padding-top);
20866
+ transform-origin: left center;
20867
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20868
+ transition-property: opacity, transform;
20869
+ z-index: 1;
20936
20870
  }
20937
- .v-expansion-panel--active:not(:first-child),
20938
- .v-expansion-panel--active + .v-expansion-panel {
20939
- margin-top: 16px;
20871
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
20872
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
20940
20873
  }
20941
- .v-expansion-panel--active:not(:first-child)::after,
20942
- .v-expansion-panel--active + .v-expansion-panel::after {
20943
- opacity: 0;
20874
+ .v-field--center-affix .v-label.v-field-label {
20875
+ top: 50%;
20876
+ transform: translateY(-50%);
20944
20877
  }
20945
- .v-expansion-panel--active > .v-expansion-panel-title {
20946
- border-bottom-left-radius: 0;
20947
- border-bottom-right-radius: 0;
20878
+ .v-field--active .v-label.v-field-label {
20879
+ visibility: hidden;
20948
20880
  }
20949
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20950
- min-height: 64px;
20881
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
20882
+ opacity: 1;
20883
+ }
20884
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
20885
+ color: rgb(var(--v-theme-error));
20886
+ }
20887
+ .v-label.v-field-label--floating {
20888
+ --v-field-label-scale: 0.75em;
20889
+ font-size: var(--v-field-label-scale);
20890
+ visibility: hidden;
20891
+ max-width: 100%;
20892
+ }
20893
+ .v-field--center-affix .v-label.v-field-label--floating {
20894
+ transform: none;
20895
+ }
20896
+ .v-field.v-field--active .v-label.v-field-label--floating {
20897
+ visibility: unset;
20898
+ }
20899
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
20900
+ top: 7px;
20951
20901
  }
20952
20902
 
20953
- .v-expansion-panel__shadow {
20954
- position: absolute;
20955
- top: 0;
20956
- left: 0;
20957
- width: 100%;
20958
- height: 100%;
20959
- 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));
20960
- border-radius: inherit;
20961
- z-index: -1;
20903
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
20904
+ top: 5px;
20962
20905
  }
20963
20906
 
20964
- .v-expansion-panel-title {
20965
- align-items: center;
20966
- text-align: start;
20967
- border-radius: inherit;
20968
- display: flex;
20969
- font-size: 0.9375rem;
20970
- line-height: 1;
20971
- min-height: 48px;
20972
- outline: none;
20973
- padding: 16px 24px;
20974
- position: relative;
20975
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20976
- width: 100%;
20977
- justify-content: space-between;
20907
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20908
+ top: 3px;
20978
20909
  }
20979
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20980
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20910
+
20911
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
20912
+ transform: translateY(-16px);
20913
+ margin: 0;
20914
+ top: var(--v-input-padding-top);
20981
20915
  }
20982
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20983
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20916
+ .v-field--variant-outlined .v-label.v-field-label--floating {
20917
+ transform: translateY(-50%);
20918
+ transform-origin: center;
20919
+ position: static;
20920
+ margin: 0 4px;
20984
20921
  }
20985
- @supports not selector(:focus-visible) {
20986
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20987
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20922
+
20923
+ /* endregion */
20924
+ /* region OUTLINE */
20925
+ .v-field__outline {
20926
+ --v-field-border-width: 1px;
20927
+ --v-field-border-opacity: 0.38;
20928
+ align-items: stretch;
20929
+ contain: layout;
20930
+ display: flex;
20931
+ height: 100%;
20932
+ left: 0;
20933
+ pointer-events: none;
20934
+ position: absolute;
20935
+ right: 0;
20936
+ width: 100%;
20937
+ }
20938
+ @media (hover: hover) {
20939
+ .v-field:hover .v-field__outline {
20940
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
20988
20941
  }
20989
20942
  }
20990
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20991
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20943
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
20944
+ color: rgb(var(--v-theme-error));
20992
20945
  }
20993
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20994
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20946
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
20947
+ --v-field-border-opacity: 1;
20995
20948
  }
20996
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20997
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20949
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
20950
+ --v-field-border-width: 2px;
20998
20951
  }
20999
- @supports not selector(:focus-visible) {
21000
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21001
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21002
- }
20952
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
20953
+ border-color: currentColor;
20954
+ border-style: solid;
20955
+ border-width: 0 0 var(--v-field-border-width);
20956
+ opacity: var(--v-field-border-opacity);
20957
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20958
+ content: "";
20959
+ position: absolute;
20960
+ top: 0;
20961
+ left: 0;
20962
+ width: 100%;
20963
+ height: 100%;
21003
20964
  }
21004
-
21005
- .v-expansion-panel-title__overlay {
20965
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
20966
+ border-color: currentColor;
20967
+ border-style: solid;
20968
+ border-width: 0 0 2px;
20969
+ transform: scaleX(0);
20970
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20971
+ content: "";
21006
20972
  position: absolute;
21007
20973
  top: 0;
21008
20974
  left: 0;
21009
20975
  width: 100%;
21010
20976
  height: 100%;
21011
- background-color: currentColor;
21012
- border-radius: inherit;
21013
- opacity: 0;
21014
20977
  }
21015
-
21016
- .v-expansion-panel-title__icon {
21017
- display: inline-flex;
21018
- margin-bottom: -4px;
21019
- margin-top: -4px;
21020
- -webkit-user-select: none;
21021
- user-select: none;
21022
- margin-inline-start: auto;
20978
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
20979
+ transform: scaleX(1);
21023
20980
  }
21024
20981
 
21025
- .v-expansion-panel-text {
21026
- display: flex;
20982
+ .v-field--variant-outlined .v-field__outline {
20983
+ border-radius: inherit;
21027
20984
  }
21028
- .v-expansion-panel-text__wrapper {
21029
- padding: 8px 24px 16px;
21030
- flex: 1 1 auto;
21031
- max-width: 100%;
20985
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
20986
+ border: 0 solid currentColor;
20987
+ opacity: var(--v-field-border-opacity);
20988
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21032
20989
  }
21033
-
21034
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21035
- margin-top: 0;
20990
+ .v-field--variant-outlined .v-field__outline__start {
20991
+ flex: 0 0 12px;
20992
+ border-top-width: var(--v-field-border-width);
20993
+ border-bottom-width: var(--v-field-border-width);
20994
+ border-inline-start-width: var(--v-field-border-width);
20995
+ border-start-start-radius: inherit;
20996
+ border-start-end-radius: 0;
20997
+ border-end-end-radius: 0;
20998
+ border-end-start-radius: inherit;
21036
20999
  }
21037
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21038
- opacity: 1;
21000
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21001
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21002
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21003
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21039
21004
  }
21040
21005
 
21041
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21042
- max-width: calc(100% - 32px);
21043
- }
21044
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21045
- max-width: calc(100% + 16px);
21006
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21007
+ border-start-start-radius: 0;
21008
+ border-start-end-radius: inherit;
21009
+ border-end-end-radius: inherit;
21010
+ border-end-start-radius: 0;
21011
+ border-inline-end-width: var(--v-field-border-width);
21012
+ border-inline-start-width: 0;
21046
21013
  }
21047
21014
 
21048
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21049
- max-width: 100%;
21050
- }
21051
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21052
- max-width: calc(100% - 32px);
21015
+ .v-field--variant-outlined .v-field__outline__notch {
21016
+ flex: none;
21017
+ position: relative;
21018
+ max-width: calc(100% - 12px);
21053
21019
  }
21054
-
21055
- .v-expansion-panels--flat > .v-expansion-panel::after {
21056
- border-top: none;
21020
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21021
+ opacity: var(--v-field-border-opacity);
21022
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21023
+ content: "";
21024
+ position: absolute;
21025
+ top: 0;
21026
+ left: 0;
21027
+ width: 100%;
21028
+ height: 100%;
21057
21029
  }
21058
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21059
- display: none;
21030
+ .v-field--variant-outlined .v-field__outline__notch::before {
21031
+ border-width: var(--v-field-border-width) 0 0;
21060
21032
  }
21061
-
21062
- .v-expansion-panels--tile {
21063
- border-radius: 0;
21033
+ .v-field--variant-outlined .v-field__outline__notch::after {
21034
+ bottom: 0;
21035
+ border-width: 0 0 var(--v-field-border-width);
21064
21036
  }
21065
- .v-expansion-panels--tile > .v-expansion-panel {
21066
- border-radius: 0;
21067
- }.v-fab {
21068
- align-items: center;
21069
- display: inline-flex;
21070
- flex: 1 1 auto;
21071
- pointer-events: none;
21072
- position: relative;
21073
- transition-duration: 0.2s;
21074
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21075
- vertical-align: middle;
21037
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21038
+ opacity: 0;
21076
21039
  }
21077
- .v-fab .v-btn {
21078
- pointer-events: auto;
21040
+
21041
+ .v-field--variant-outlined .v-field__outline__end {
21042
+ flex: 1;
21043
+ border-top-width: var(--v-field-border-width);
21044
+ border-bottom-width: var(--v-field-border-width);
21045
+ border-inline-end-width: var(--v-field-border-width);
21046
+ border-start-start-radius: 0;
21047
+ border-start-end-radius: inherit;
21048
+ border-end-end-radius: inherit;
21049
+ border-end-start-radius: 0;
21079
21050
  }
21080
- .v-fab .v-btn--variant-elevated {
21081
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21051
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21052
+ border-start-start-radius: inherit;
21053
+ border-start-end-radius: 0;
21054
+ border-end-end-radius: 0;
21055
+ border-end-start-radius: inherit;
21056
+ border-inline-end-width: 0;
21057
+ border-inline-start-width: var(--v-field-border-width);
21082
21058
  }
21083
- .v-fab--app, .v-fab--absolute {
21084
- display: flex;
21059
+
21060
+ /* endregion */
21061
+ /* region LOADER */
21062
+ .v-field__loader {
21063
+ top: calc(100% - 2px);
21064
+ left: 0;
21065
+ position: absolute;
21066
+ right: 0;
21067
+ width: 100%;
21068
+ border-top-left-radius: 0;
21069
+ border-top-right-radius: 0;
21070
+ border-bottom-left-radius: inherit;
21071
+ border-bottom-right-radius: inherit;
21072
+ overflow: hidden;
21085
21073
  }
21086
- .v-fab--start, .v-fab--left {
21087
- justify-content: flex-start;
21074
+ .v-field--variant-outlined .v-field__loader {
21075
+ top: calc(100% - 3px);
21076
+ width: calc(100% - 1px * 2);
21077
+ left: 1px;
21088
21078
  }
21089
- .v-fab--center {
21090
- align-items: center;
21091
- justify-content: center;
21079
+
21080
+ /* endregion */
21081
+ /* region OVERLAY */
21082
+ .v-field__overlay {
21083
+ border-radius: inherit;
21084
+ pointer-events: none;
21085
+ position: absolute;
21086
+ top: 0;
21087
+ left: 0;
21088
+ width: 100%;
21089
+ height: 100%;
21092
21090
  }
21093
- .v-fab--end, .v-fab--right {
21094
- justify-content: flex-end;
21091
+
21092
+ .v-field--variant-filled .v-field__overlay {
21093
+ background-color: currentColor;
21094
+ opacity: 0.04;
21095
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21095
21096
  }
21096
- .v-fab--bottom {
21097
- align-items: flex-end;
21097
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21098
+ opacity: 0;
21098
21099
  }
21099
- .v-fab--top {
21100
- align-items: flex-start;
21100
+ @media (hover: hover) {
21101
+ .v-field--variant-filled:hover .v-field__overlay {
21102
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21103
+ }
21101
21104
  }
21102
- .v-fab--extended .v-btn {
21103
- border-radius: 9999px !important;
21105
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21106
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21104
21107
  }
21105
21108
 
21106
- .v-fab__container {
21107
- align-self: center;
21108
- display: inline-flex;
21109
- position: absolute;
21110
- vertical-align: middle;
21111
- }
21112
- .v-fab--app .v-fab__container {
21113
- margin: 12px;
21114
- }
21115
- .v-fab--absolute .v-fab__container {
21116
- position: absolute;
21117
- z-index: 4;
21109
+ .v-field--variant-solo-filled .v-field__overlay {
21110
+ background-color: currentColor;
21111
+ opacity: 0.04;
21112
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21118
21113
  }
21119
- .v-fab--offset.v-fab--top .v-fab__container {
21120
- transform: translateY(-50%);
21114
+ @media (hover: hover) {
21115
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21116
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21117
+ }
21121
21118
  }
21122
- .v-fab--offset.v-fab--bottom .v-fab__container {
21123
- transform: translateY(50%);
21119
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21120
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21124
21121
  }
21125
- .v-fab--top .v-fab__container {
21126
- top: 0;
21122
+
21123
+ .v-field--variant-solo-inverted .v-field__overlay {
21124
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21127
21125
  }
21128
- .v-fab--bottom .v-fab__container {
21129
- bottom: 0;
21126
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21127
+ opacity: 0;
21130
21128
  }
21131
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21132
- left: 0;
21129
+ @media (hover: hover) {
21130
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21131
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21132
+ }
21133
21133
  }
21134
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21135
- right: 0;
21136
- }.v-file-input--hide.v-input .v-field,
21137
- .v-file-input--hide.v-input .v-input__control,
21138
- .v-file-input--hide.v-input .v-input__details {
21139
- display: none;
21134
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21135
+ background-color: rgb(var(--v-theme-surface-variant));
21136
+ opacity: 1;
21140
21137
  }
21141
- .v-file-input--hide.v-input .v-input__prepend {
21142
- grid-area: control;
21143
- margin: 0 auto;
21138
+
21139
+ /* endregion */
21140
+ /* region MODIFIERS */
21141
+ .v-field--reverse .v-field__field,
21142
+ .v-field--reverse .v-field__input,
21143
+ .v-field--reverse .v-field__outline {
21144
+ flex-direction: row-reverse;
21144
21145
  }
21145
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21146
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21147
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21148
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21149
- top: 0px;
21146
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21147
+ text-align: end;
21150
21148
  }
21151
- .v-file-input input[type=file] {
21152
- height: 100%;
21153
- left: 0;
21154
- opacity: 0;
21155
- position: absolute;
21156
- top: 0;
21157
- width: 100%;
21158
- z-index: 1;
21149
+
21150
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21151
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21152
+ 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;
21159
21153
  }
21160
- .v-file-input .v-input__details {
21161
- padding-inline: 16px;
21154
+
21155
+ .v-field--loading .v-field__outline::after,
21156
+ .v-field--loading .v-field__outline::before {
21157
+ opacity: 0;
21162
21158
  }
21163
- .v-input--plain-underlined.v-file-input .v-input__details {
21164
- padding-inline: 0;
21165
- }.v-footer {
21159
+
21160
+ /* endregion */.v-footer {
21166
21161
  align-items: center;
21167
21162
  display: flex;
21168
21163
  flex: 1 1 auto;
@@ -22162,107 +22157,6 @@ textarea.v-field__input::placeholder {
22162
22157
 
22163
22158
  .v-layout-item--absolute {
22164
22159
  position: absolute;
22165
- }.v-list {
22166
- overflow: auto;
22167
- padding: 8px 0;
22168
- position: relative;
22169
- outline: none;
22170
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22171
- border-style: solid;
22172
- border-width: 0;
22173
- 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));
22174
- border-radius: 0;
22175
- background: rgba(var(--v-theme-surface));
22176
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22177
- }
22178
- .v-list--border {
22179
- border-width: thin;
22180
- box-shadow: none;
22181
- }
22182
- .v-list--disabled {
22183
- pointer-events: none;
22184
- -webkit-user-select: none;
22185
- user-select: none;
22186
- }
22187
- .v-list--nav {
22188
- padding-inline: 8px;
22189
- }
22190
- .v-list--rounded {
22191
- border-radius: 4px;
22192
- }
22193
- .v-list--subheader {
22194
- padding-top: 0;
22195
- }
22196
-
22197
- .v-list-img {
22198
- border-radius: inherit;
22199
- display: flex;
22200
- height: 100%;
22201
- left: 0;
22202
- overflow: hidden;
22203
- position: absolute;
22204
- top: 0;
22205
- width: 100%;
22206
- z-index: -1;
22207
- }
22208
-
22209
- .v-list-subheader {
22210
- align-items: center;
22211
- background: inherit;
22212
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22213
- display: flex;
22214
- font-size: 0.875rem;
22215
- font-weight: 400;
22216
- line-height: 1.375rem;
22217
- padding-inline-end: 16px;
22218
- min-height: 40px;
22219
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22220
- }
22221
- .v-list-subheader__text {
22222
- overflow: hidden;
22223
- text-overflow: ellipsis;
22224
- white-space: nowrap;
22225
- }
22226
- .v-list--density-default .v-list-subheader {
22227
- min-height: 40px;
22228
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22229
- }
22230
-
22231
- .v-list--density-comfortable .v-list-subheader {
22232
- min-height: 36px;
22233
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22234
- }
22235
-
22236
- .v-list--density-compact .v-list-subheader {
22237
- min-height: 32px;
22238
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22239
- }
22240
-
22241
- .v-list-subheader--inset {
22242
- --indent-padding: 56px;
22243
- }
22244
- .v-list--nav .v-list-subheader {
22245
- font-size: 0.75rem;
22246
- }
22247
- .v-list-subheader--sticky {
22248
- background: inherit;
22249
- left: 0;
22250
- position: sticky;
22251
- top: 0;
22252
- z-index: 1;
22253
- }
22254
-
22255
- .v-list__overlay {
22256
- background-color: currentColor;
22257
- border-radius: inherit;
22258
- bottom: 0;
22259
- left: 0;
22260
- opacity: 0;
22261
- pointer-events: none;
22262
- position: absolute;
22263
- right: 0;
22264
- top: 0;
22265
- transition: opacity 0.2s ease-in-out;
22266
22160
  }.v-list-item {
22267
22161
  align-items: center;
22268
22162
  display: grid;
@@ -22665,7 +22559,151 @@ textarea.v-field__input::placeholder {
22665
22559
  position: absolute;
22666
22560
  }
22667
22561
 
22668
- .v-list-item__overlay {
22562
+ .v-list-item__overlay {
22563
+ background-color: currentColor;
22564
+ border-radius: inherit;
22565
+ bottom: 0;
22566
+ left: 0;
22567
+ opacity: 0;
22568
+ pointer-events: none;
22569
+ position: absolute;
22570
+ right: 0;
22571
+ top: 0;
22572
+ transition: opacity 0.2s ease-in-out;
22573
+ }
22574
+ .v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
22575
+ --v-theme-overlay-multiplier: 0;
22576
+ }
22577
+
22578
+ .v-list {
22579
+ --indent-padding: 0px;
22580
+ }
22581
+ .v-list--nav {
22582
+ --indent-padding: -8px;
22583
+ }
22584
+
22585
+ .v-list-group {
22586
+ --list-indent-size: 16px;
22587
+ --parent-padding: var(--indent-padding);
22588
+ --prepend-width: 40px;
22589
+ }
22590
+ .v-list--slim .v-list-group {
22591
+ --prepend-width: 28px;
22592
+ }
22593
+ .v-list-group--fluid {
22594
+ --list-indent-size: 0px;
22595
+ }
22596
+ .v-list-group--prepend {
22597
+ --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
22598
+ }
22599
+ .v-list-group--fluid.v-list-group--prepend {
22600
+ --parent-padding: var(--indent-padding);
22601
+ }
22602
+
22603
+ .v-list-group__items {
22604
+ --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
22605
+ }
22606
+
22607
+ .v-list-group__items .v-list-item {
22608
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22609
+ }
22610
+
22611
+ .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
22612
+ opacity: 0;
22613
+ }
22614
+ .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22615
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22616
+ }.v-list {
22617
+ overflow: auto;
22618
+ padding: 8px 0;
22619
+ position: relative;
22620
+ outline: none;
22621
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22622
+ border-style: solid;
22623
+ border-width: 0;
22624
+ 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));
22625
+ border-radius: 0;
22626
+ background: rgba(var(--v-theme-surface));
22627
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22628
+ }
22629
+ .v-list--border {
22630
+ border-width: thin;
22631
+ box-shadow: none;
22632
+ }
22633
+ .v-list--disabled {
22634
+ pointer-events: none;
22635
+ -webkit-user-select: none;
22636
+ user-select: none;
22637
+ }
22638
+ .v-list--nav {
22639
+ padding-inline: 8px;
22640
+ }
22641
+ .v-list--rounded {
22642
+ border-radius: 4px;
22643
+ }
22644
+ .v-list--subheader {
22645
+ padding-top: 0;
22646
+ }
22647
+
22648
+ .v-list-img {
22649
+ border-radius: inherit;
22650
+ display: flex;
22651
+ height: 100%;
22652
+ left: 0;
22653
+ overflow: hidden;
22654
+ position: absolute;
22655
+ top: 0;
22656
+ width: 100%;
22657
+ z-index: -1;
22658
+ }
22659
+
22660
+ .v-list-subheader {
22661
+ align-items: center;
22662
+ background: inherit;
22663
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22664
+ display: flex;
22665
+ font-size: 0.875rem;
22666
+ font-weight: 400;
22667
+ line-height: 1.375rem;
22668
+ padding-inline-end: 16px;
22669
+ min-height: 40px;
22670
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22671
+ }
22672
+ .v-list-subheader__text {
22673
+ overflow: hidden;
22674
+ text-overflow: ellipsis;
22675
+ white-space: nowrap;
22676
+ }
22677
+ .v-list--density-default .v-list-subheader {
22678
+ min-height: 40px;
22679
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22680
+ }
22681
+
22682
+ .v-list--density-comfortable .v-list-subheader {
22683
+ min-height: 36px;
22684
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22685
+ }
22686
+
22687
+ .v-list--density-compact .v-list-subheader {
22688
+ min-height: 32px;
22689
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22690
+ }
22691
+
22692
+ .v-list-subheader--inset {
22693
+ --indent-padding: 56px;
22694
+ }
22695
+ .v-list--nav .v-list-subheader {
22696
+ font-size: 0.75rem;
22697
+ }
22698
+ .v-list-subheader--sticky {
22699
+ background: inherit;
22700
+ left: 0;
22701
+ position: sticky;
22702
+ top: 0;
22703
+ z-index: 1;
22704
+ }
22705
+
22706
+ .v-list__overlay {
22669
22707
  background-color: currentColor;
22670
22708
  border-radius: inherit;
22671
22709
  bottom: 0;
@@ -22676,49 +22714,6 @@ textarea.v-field__input::placeholder {
22676
22714
  right: 0;
22677
22715
  top: 0;
22678
22716
  transition: opacity 0.2s ease-in-out;
22679
- }
22680
- .v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
22681
- --v-theme-overlay-multiplier: 0;
22682
- }
22683
-
22684
- .v-list {
22685
- --indent-padding: 0px;
22686
- }
22687
- .v-list--nav {
22688
- --indent-padding: -8px;
22689
- }
22690
-
22691
- .v-list-group {
22692
- --list-indent-size: 16px;
22693
- --parent-padding: var(--indent-padding);
22694
- --prepend-width: 40px;
22695
- }
22696
- .v-list--slim .v-list-group {
22697
- --prepend-width: 28px;
22698
- }
22699
- .v-list-group--fluid {
22700
- --list-indent-size: 0px;
22701
- }
22702
- .v-list-group--prepend {
22703
- --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
22704
- }
22705
- .v-list-group--fluid.v-list-group--prepend {
22706
- --parent-padding: var(--indent-padding);
22707
- }
22708
-
22709
- .v-list-group__items {
22710
- --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
22711
- }
22712
-
22713
- .v-list-group__items .v-list-item {
22714
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22715
- }
22716
-
22717
- .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
22718
- opacity: 0;
22719
- }
22720
- .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22721
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22722
22717
  }.v-locale-provider {
22723
22718
  display: contents;
22724
22719
  }.v-main {
@@ -23013,6 +23008,108 @@ html.v-overlay-scroll-blocked {
23013
23008
  }
23014
23009
  .v-parallax--active > .v-img__img {
23015
23010
  will-change: transform;
23011
+ }.v-progress-circular {
23012
+ align-items: center;
23013
+ display: inline-flex;
23014
+ justify-content: center;
23015
+ position: relative;
23016
+ vertical-align: middle;
23017
+ }
23018
+ .v-progress-circular > svg {
23019
+ width: 100%;
23020
+ height: 100%;
23021
+ margin: auto;
23022
+ position: absolute;
23023
+ top: 0;
23024
+ bottom: 0;
23025
+ left: 0;
23026
+ right: 0;
23027
+ z-index: 0;
23028
+ }
23029
+
23030
+ .v-progress-circular__content {
23031
+ align-items: center;
23032
+ display: flex;
23033
+ justify-content: center;
23034
+ }
23035
+
23036
+ .v-progress-circular__underlay {
23037
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23038
+ stroke: currentColor;
23039
+ z-index: 1;
23040
+ }
23041
+
23042
+ .v-progress-circular__overlay {
23043
+ stroke: currentColor;
23044
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23045
+ z-index: 2;
23046
+ }
23047
+
23048
+ .v-progress-circular--size-x-small {
23049
+ height: 16px;
23050
+ width: 16px;
23051
+ }
23052
+ .v-progress-circular--size-small {
23053
+ height: 24px;
23054
+ width: 24px;
23055
+ }
23056
+ .v-progress-circular--size-default {
23057
+ height: 32px;
23058
+ width: 32px;
23059
+ }
23060
+ .v-progress-circular--size-large {
23061
+ height: 48px;
23062
+ width: 48px;
23063
+ }
23064
+ .v-progress-circular--size-x-large {
23065
+ height: 64px;
23066
+ width: 64px;
23067
+ }
23068
+
23069
+ .v-progress-circular--indeterminate > svg {
23070
+ animation: progress-circular-rotate 1.4s linear infinite;
23071
+ transform-origin: center center;
23072
+ transition: all 0.2s ease-in-out;
23073
+ }
23074
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23075
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23076
+ stroke-dasharray: 25, 200;
23077
+ stroke-dashoffset: 0;
23078
+ stroke-linecap: round;
23079
+ transform-origin: center center;
23080
+ transform: rotate(-90deg);
23081
+ }
23082
+
23083
+ .v-progress-circular--disable-shrink > svg {
23084
+ animation-duration: 0.7s;
23085
+ }
23086
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23087
+ animation: none;
23088
+ }
23089
+
23090
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23091
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23092
+ animation-play-state: paused !important;
23093
+ }
23094
+
23095
+ @keyframes progress-circular-dash {
23096
+ 0% {
23097
+ stroke-dasharray: 1, 200;
23098
+ stroke-dashoffset: 0px;
23099
+ }
23100
+ 50% {
23101
+ stroke-dasharray: 100, 200;
23102
+ stroke-dashoffset: -15px;
23103
+ }
23104
+ 100% {
23105
+ stroke-dasharray: 100, 200;
23106
+ stroke-dashoffset: -124px;
23107
+ }
23108
+ }
23109
+ @keyframes progress-circular-rotate {
23110
+ 100% {
23111
+ transform: rotate(270deg);
23112
+ }
23016
23113
  }.v-progress-linear {
23017
23114
  background: transparent;
23018
23115
  overflow: hidden;
@@ -23241,108 +23338,6 @@ html.v-overlay-scroll-blocked {
23241
23338
  0% {
23242
23339
  background-position-x: var(--v-progress-linear-height);
23243
23340
  }
23244
- }.v-progress-circular {
23245
- align-items: center;
23246
- display: inline-flex;
23247
- justify-content: center;
23248
- position: relative;
23249
- vertical-align: middle;
23250
- }
23251
- .v-progress-circular > svg {
23252
- width: 100%;
23253
- height: 100%;
23254
- margin: auto;
23255
- position: absolute;
23256
- top: 0;
23257
- bottom: 0;
23258
- left: 0;
23259
- right: 0;
23260
- z-index: 0;
23261
- }
23262
-
23263
- .v-progress-circular__content {
23264
- align-items: center;
23265
- display: flex;
23266
- justify-content: center;
23267
- }
23268
-
23269
- .v-progress-circular__underlay {
23270
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23271
- stroke: currentColor;
23272
- z-index: 1;
23273
- }
23274
-
23275
- .v-progress-circular__overlay {
23276
- stroke: currentColor;
23277
- transition: all 0.2s ease-in-out, stroke-width 0s;
23278
- z-index: 2;
23279
- }
23280
-
23281
- .v-progress-circular--size-x-small {
23282
- height: 16px;
23283
- width: 16px;
23284
- }
23285
- .v-progress-circular--size-small {
23286
- height: 24px;
23287
- width: 24px;
23288
- }
23289
- .v-progress-circular--size-default {
23290
- height: 32px;
23291
- width: 32px;
23292
- }
23293
- .v-progress-circular--size-large {
23294
- height: 48px;
23295
- width: 48px;
23296
- }
23297
- .v-progress-circular--size-x-large {
23298
- height: 64px;
23299
- width: 64px;
23300
- }
23301
-
23302
- .v-progress-circular--indeterminate > svg {
23303
- animation: progress-circular-rotate 1.4s linear infinite;
23304
- transform-origin: center center;
23305
- transition: all 0.2s ease-in-out;
23306
- }
23307
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23308
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23309
- stroke-dasharray: 25, 200;
23310
- stroke-dashoffset: 0;
23311
- stroke-linecap: round;
23312
- transform-origin: center center;
23313
- transform: rotate(-90deg);
23314
- }
23315
-
23316
- .v-progress-circular--disable-shrink > svg {
23317
- animation-duration: 0.7s;
23318
- }
23319
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23320
- animation: none;
23321
- }
23322
-
23323
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23324
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23325
- animation-play-state: paused !important;
23326
- }
23327
-
23328
- @keyframes progress-circular-dash {
23329
- 0% {
23330
- stroke-dasharray: 1, 200;
23331
- stroke-dashoffset: 0px;
23332
- }
23333
- 50% {
23334
- stroke-dasharray: 100, 200;
23335
- stroke-dashoffset: -15px;
23336
- }
23337
- 100% {
23338
- stroke-dasharray: 100, 200;
23339
- stroke-dashoffset: -124px;
23340
- }
23341
- }
23342
- @keyframes progress-circular-rotate {
23343
- 100% {
23344
- transform: rotate(270deg);
23345
- }
23346
23341
  }.v-radio-group > .v-input__control {
23347
23342
  flex-direction: column;
23348
23343
  }
@@ -23639,16 +23634,8 @@ html.v-overlay-scroll-blocked {
23639
23634
  .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23640
23635
  color: rgb(var(--v-theme-error));
23641
23636
  }
23642
- .v-selection-control--focus-visible .v-selection-control__input::before {
23643
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23644
- }.v-selection-control-group {
23645
- grid-area: control;
23646
- display: flex;
23647
- flex-direction: column;
23648
- }
23649
- .v-selection-control-group--inline {
23650
- flex-direction: row;
23651
- flex-wrap: wrap;
23637
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23638
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23652
23639
  }.v-sheet {
23653
23640
  display: block;
23654
23641
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23677,6 +23664,69 @@ html.v-overlay-scroll-blocked {
23677
23664
  }
23678
23665
  .v-sheet--rounded {
23679
23666
  border-radius: 4px;
23667
+ }.v-slide-group {
23668
+ display: flex;
23669
+ overflow: hidden;
23670
+ }
23671
+
23672
+ .v-slide-group__next,
23673
+ .v-slide-group__prev {
23674
+ align-items: center;
23675
+ display: flex;
23676
+ flex: 0 1 52px;
23677
+ justify-content: center;
23678
+ min-width: 52px;
23679
+ cursor: pointer;
23680
+ }
23681
+ .v-slide-group__next--disabled,
23682
+ .v-slide-group__prev--disabled {
23683
+ pointer-events: none;
23684
+ opacity: var(--v-disabled-opacity);
23685
+ }
23686
+
23687
+ .v-slide-group__content {
23688
+ display: flex;
23689
+ flex: 1 0 auto;
23690
+ position: relative;
23691
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23692
+ white-space: nowrap;
23693
+ }
23694
+ .v-slide-group__content > * {
23695
+ white-space: initial;
23696
+ }
23697
+
23698
+ .v-slide-group__container {
23699
+ contain: content;
23700
+ display: flex;
23701
+ flex: 1 1 auto;
23702
+ overflow-x: auto;
23703
+ overflow-y: hidden;
23704
+ scrollbar-width: none;
23705
+ scrollbar-color: rgba(0, 0, 0, 0);
23706
+ }
23707
+ .v-slide-group__container::-webkit-scrollbar {
23708
+ display: none;
23709
+ }
23710
+
23711
+ .v-slide-group--vertical {
23712
+ max-height: inherit;
23713
+ }
23714
+ .v-slide-group--vertical,
23715
+ .v-slide-group--vertical .v-slide-group__container,
23716
+ .v-slide-group--vertical .v-slide-group__content {
23717
+ flex-direction: column;
23718
+ }
23719
+ .v-slide-group--vertical .v-slide-group__container {
23720
+ overflow-x: hidden;
23721
+ overflow-y: auto;
23722
+ }.v-selection-control-group {
23723
+ grid-area: control;
23724
+ display: flex;
23725
+ flex-direction: column;
23726
+ }
23727
+ .v-selection-control-group--inline {
23728
+ flex-direction: row;
23729
+ flex-wrap: wrap;
23680
23730
  }.v-skeleton-loader {
23681
23731
  align-items: center;
23682
23732
  background: rgb(var(--v-theme-surface));
@@ -23900,61 +23950,6 @@ html.v-overlay-scroll-blocked {
23900
23950
  100% {
23901
23951
  transform: translateX(100%);
23902
23952
  }
23903
- }.v-slide-group {
23904
- display: flex;
23905
- overflow: hidden;
23906
- }
23907
-
23908
- .v-slide-group__next,
23909
- .v-slide-group__prev {
23910
- align-items: center;
23911
- display: flex;
23912
- flex: 0 1 52px;
23913
- justify-content: center;
23914
- min-width: 52px;
23915
- cursor: pointer;
23916
- }
23917
- .v-slide-group__next--disabled,
23918
- .v-slide-group__prev--disabled {
23919
- pointer-events: none;
23920
- opacity: var(--v-disabled-opacity);
23921
- }
23922
-
23923
- .v-slide-group__content {
23924
- display: flex;
23925
- flex: 1 0 auto;
23926
- position: relative;
23927
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23928
- white-space: nowrap;
23929
- }
23930
- .v-slide-group__content > * {
23931
- white-space: initial;
23932
- }
23933
-
23934
- .v-slide-group__container {
23935
- contain: content;
23936
- display: flex;
23937
- flex: 1 1 auto;
23938
- overflow-x: auto;
23939
- overflow-y: hidden;
23940
- scrollbar-width: none;
23941
- scrollbar-color: rgba(0, 0, 0, 0);
23942
- }
23943
- .v-slide-group__container::-webkit-scrollbar {
23944
- display: none;
23945
- }
23946
-
23947
- .v-slide-group--vertical {
23948
- max-height: inherit;
23949
- }
23950
- .v-slide-group--vertical,
23951
- .v-slide-group--vertical .v-slide-group__container,
23952
- .v-slide-group--vertical .v-slide-group__content {
23953
- flex-direction: column;
23954
- }
23955
- .v-slide-group--vertical .v-slide-group__container {
23956
- overflow-x: hidden;
23957
- overflow-y: auto;
23958
23953
  }.v-snackbar {
23959
23954
  justify-content: center;
23960
23955
  z-index: 10000;
@@ -24070,250 +24065,70 @@ html.v-overlay-scroll-blocked {
24070
24065
  .v-snackbar--bottom {
24071
24066
  align-items: flex-end;
24072
24067
  }
24073
- .v-snackbar--left, .v-snackbar--start {
24074
- justify-content: flex-start;
24075
- }
24076
- .v-snackbar--right, .v-snackbar--end {
24077
- justify-content: flex-end;
24078
- }
24079
-
24080
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24081
- transition-duration: 0.15s;
24082
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24083
- }
24084
- .v-snackbar-transition-enter-active {
24085
- transition-property: opacity, transform;
24086
- }
24087
- .v-snackbar-transition-enter-from {
24088
- opacity: 0;
24089
- transform: scale(0.8);
24090
- }
24091
- .v-snackbar-transition-leave-active {
24092
- transition-property: opacity;
24093
- }
24094
- .v-snackbar-transition-leave-to {
24095
- opacity: 0;
24096
- }.v-speed-dial__content {
24097
- gap: 8px;
24098
- }
24099
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24100
- flex-direction: row;
24101
- }
24102
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24103
- flex-direction: row-reverse;
24104
- }
24105
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24106
- flex-direction: column-reverse;
24107
- }
24108
- .v-speed-dial__content > *:nth-child(1) {
24109
- transition-delay: 0s;
24110
- }
24111
- .v-speed-dial__content > *:nth-child(2) {
24112
- transition-delay: 0.05s;
24113
- }
24114
- .v-speed-dial__content > *:nth-child(3) {
24115
- transition-delay: 0.1s;
24116
- }
24117
- .v-speed-dial__content > *:nth-child(4) {
24118
- transition-delay: 0.15s;
24119
- }
24120
- .v-speed-dial__content > *:nth-child(5) {
24121
- transition-delay: 0.2s;
24122
- }
24123
- .v-speed-dial__content > *:nth-child(6) {
24124
- transition-delay: 0.25s;
24125
- }
24126
- .v-speed-dial__content > *:nth-child(7) {
24127
- transition-delay: 0.3s;
24128
- }
24129
- .v-speed-dial__content > *:nth-child(8) {
24130
- transition-delay: 0.35s;
24131
- }
24132
- .v-speed-dial__content > *:nth-child(9) {
24133
- transition-delay: 0.4s;
24134
- }
24135
- .v-speed-dial__content > *:nth-child(10) {
24136
- transition-delay: 0.45s;
24137
- }.v-switch .v-label {
24138
- padding-inline-start: 10px;
24139
- }
24140
-
24141
- .v-switch__loader {
24142
- display: flex;
24143
- }
24144
- .v-switch__loader .v-progress-circular {
24145
- color: rgb(var(--v-theme-surface));
24146
- }
24147
-
24148
- .v-switch__track,
24149
- .v-switch__thumb {
24150
- transition: none;
24151
- }
24152
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24153
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24154
- background-color: rgb(var(--v-theme-error));
24155
- color: rgb(var(--v-theme-on-error));
24156
- }
24157
-
24158
- .v-switch__track-true {
24159
- margin-inline-end: auto;
24160
- }
24161
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24162
- opacity: 0;
24163
- }
24164
-
24165
- .v-switch__track-false {
24166
- margin-inline-start: auto;
24167
- }
24168
- .v-selection-control--dirty .v-switch__track-false {
24169
- opacity: 0;
24170
- }
24171
-
24172
- .v-switch__track {
24173
- display: inline-flex;
24174
- align-items: center;
24175
- font-size: 0.5rem;
24176
- padding: 0 5px;
24177
- background-color: rgb(var(--v-theme-surface-variant));
24178
- border-radius: 9999px;
24179
- height: 14px;
24180
- opacity: 0.6;
24181
- min-width: 36px;
24182
- cursor: pointer;
24183
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24184
- }
24185
- .v-switch--inset .v-switch__track {
24186
- border-radius: 9999px;
24187
- font-size: 0.75rem;
24188
- height: 32px;
24189
- min-width: 52px;
24190
- }
24191
-
24192
- .v-switch__thumb {
24193
- align-items: center;
24194
- background-color: rgb(var(--v-theme-surface-bright));
24195
- color: rgb(var(--v-theme-on-surface-bright));
24196
- border-radius: 50%;
24197
- display: flex;
24198
- font-size: 0.75rem;
24199
- height: 20px;
24200
- justify-content: center;
24201
- width: 20px;
24202
- pointer-events: none;
24203
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24204
- position: relative;
24205
- overflow: hidden;
24068
+ .v-snackbar--left, .v-snackbar--start {
24069
+ justify-content: flex-start;
24206
24070
  }
24207
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24208
- 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));
24071
+ .v-snackbar--right, .v-snackbar--end {
24072
+ justify-content: flex-end;
24209
24073
  }
24210
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24211
- background: rgb(var(--v-theme-surface-variant));
24212
- color: rgb(var(--v-theme-on-surface-variant));
24213
- 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));
24074
+
24075
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24076
+ transition-duration: 0.15s;
24077
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24214
24078
  }
24215
- .v-switch--inset .v-switch__thumb {
24216
- height: 24px;
24217
- width: 24px;
24218
- transform: scale(0.6666666667);
24079
+ .v-snackbar-transition-enter-active {
24080
+ transition-property: opacity, transform;
24219
24081
  }
24220
- .v-switch--inset .v-switch__thumb--filled {
24221
- transform: none;
24082
+ .v-snackbar-transition-enter-from {
24083
+ opacity: 0;
24084
+ transform: scale(0.8);
24222
24085
  }
24223
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24224
- transform: none;
24225
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24086
+ .v-snackbar-transition-leave-active {
24087
+ transition-property: opacity;
24226
24088
  }
24227
-
24228
- .v-switch.v-input {
24229
- flex: 0 1 auto;
24089
+ .v-snackbar-transition-leave-to {
24090
+ opacity: 0;
24091
+ }.v-speed-dial__content {
24092
+ gap: 8px;
24230
24093
  }
24231
- .v-switch .v-selection-control {
24232
- min-height: var(--v-input-control-height);
24094
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24095
+ flex-direction: row;
24233
24096
  }
24234
- .v-switch .v-selection-control__input {
24235
- border-radius: 50%;
24236
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24237
- position: absolute;
24097
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24098
+ flex-direction: row-reverse;
24238
24099
  }
24239
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24240
- transform: translateX(-10px);
24100
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24101
+ flex-direction: column-reverse;
24241
24102
  }
24242
-
24243
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24244
- transform: translateX(10px);
24103
+ .v-speed-dial__content > *:nth-child(1) {
24104
+ transition-delay: 0s;
24245
24105
  }
24246
-
24247
- .v-switch .v-selection-control__input .v-icon {
24248
- position: absolute;
24106
+ .v-speed-dial__content > *:nth-child(2) {
24107
+ transition-delay: 0.05s;
24249
24108
  }
24250
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24251
- transform: translateX(10px);
24109
+ .v-speed-dial__content > *:nth-child(3) {
24110
+ transition-delay: 0.1s;
24252
24111
  }
24253
-
24254
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24255
- transform: translateX(-10px);
24112
+ .v-speed-dial__content > *:nth-child(4) {
24113
+ transition-delay: 0.15s;
24256
24114
  }
24257
-
24258
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24259
- transform: scale(0.8);
24115
+ .v-speed-dial__content > *:nth-child(5) {
24116
+ transition-delay: 0.2s;
24260
24117
  }
24261
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24262
- transform: scale(0.75);
24263
- box-shadow: none;
24118
+ .v-speed-dial__content > *:nth-child(6) {
24119
+ transition-delay: 0.25s;
24264
24120
  }
24265
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24266
- width: auto;
24121
+ .v-speed-dial__content > *:nth-child(7) {
24122
+ transition-delay: 0.3s;
24267
24123
  }
24268
- .v-switch.v-input--vertical .v-label {
24269
- min-width: max-content;
24124
+ .v-speed-dial__content > *:nth-child(8) {
24125
+ transition-delay: 0.35s;
24270
24126
  }
24271
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24272
- transform: rotate(-90deg);
24127
+ .v-speed-dial__content > *:nth-child(9) {
24128
+ transition-delay: 0.4s;
24273
24129
  }
24274
-
24275
- @media (forced-colors: active) {
24276
- .v-switch .v-switch__loader .v-progress-circular {
24277
- color: currentColor;
24278
- }
24279
- .v-switch .v-switch__thumb {
24280
- background-color: buttontext;
24281
- }
24282
- .v-switch .v-switch__track,
24283
- .v-switch .v-switch__thumb {
24284
- border: 1px solid;
24285
- color: buttontext;
24286
- }
24287
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24288
- background-color: highlight;
24289
- }
24290
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24291
- background-color: highlight;
24292
- }
24293
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24294
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24295
- color: highlight;
24296
- }
24297
- .v-switch.v-switch--inset .v-switch__track {
24298
- border-width: 2px;
24299
- }
24300
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24301
- background-color: highlighttext;
24302
- color: highlighttext;
24303
- }
24304
- .v-switch.v-input--disabled .v-switch__thumb {
24305
- background-color: graytext;
24306
- }
24307
- .v-switch.v-input--disabled .v-switch__track,
24308
- .v-switch.v-input--disabled .v-switch__thumb {
24309
- color: graytext;
24310
- }
24311
- .v-switch.v-switch--loading .v-switch__thumb {
24312
- background-color: canvas;
24313
- }
24314
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24315
- border-width: 0;
24316
- }
24130
+ .v-speed-dial__content > *:nth-child(10) {
24131
+ transition-delay: 0.45s;
24317
24132
  }.v-stepper.v-sheet {
24318
24133
  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));
24319
24134
  border-radius: 4px;
@@ -24437,86 +24252,229 @@ html.v-overlay-scroll-blocked {
24437
24252
  .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24438
24253
  background: rgb(var(--v-theme-surface-variant));
24439
24254
  }
24440
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24441
- background: rgb(var(--v-theme-error));
24442
- }
24443
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24444
- margin-bottom: 16px;
24445
- margin-inline-end: 0;
24255
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24256
+ background: rgb(var(--v-theme-error));
24257
+ }
24258
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24259
+ margin-bottom: 16px;
24260
+ margin-inline-end: 0;
24261
+ }
24262
+
24263
+ .v-stepper-item__title {
24264
+ line-height: 1;
24265
+ }
24266
+ .v-stepper--mobile .v-stepper-item__title {
24267
+ display: none;
24268
+ }
24269
+
24270
+ .v-stepper-item__subtitle {
24271
+ font-size: 0.75rem;
24272
+ text-align: left;
24273
+ line-height: 1;
24274
+ opacity: var(--v-medium-emphasis-opacity);
24275
+ }
24276
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24277
+ text-align: center;
24278
+ }
24279
+ .v-stepper--mobile .v-stepper-item__subtitle {
24280
+ display: none;
24281
+ }
24282
+
24283
+ .v-stepper-item__overlay {
24284
+ background-color: currentColor;
24285
+ border-radius: inherit;
24286
+ opacity: 0;
24287
+ transition: opacity 0.2s ease-in-out;
24288
+ }
24289
+
24290
+ .v-stepper-item__overlay,
24291
+ .v-stepper-item__underlay {
24292
+ position: absolute;
24293
+ top: 0;
24294
+ left: 0;
24295
+ width: 100%;
24296
+ height: 100%;
24297
+ pointer-events: none;
24298
+ }.v-switch .v-label {
24299
+ padding-inline-start: 10px;
24300
+ }
24301
+
24302
+ .v-switch__loader {
24303
+ display: flex;
24304
+ }
24305
+ .v-switch__loader .v-progress-circular {
24306
+ color: rgb(var(--v-theme-surface));
24307
+ }
24308
+
24309
+ .v-switch__track,
24310
+ .v-switch__thumb {
24311
+ transition: none;
24312
+ }
24313
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24314
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24315
+ background-color: rgb(var(--v-theme-error));
24316
+ color: rgb(var(--v-theme-on-error));
24317
+ }
24318
+
24319
+ .v-switch__track-true {
24320
+ margin-inline-end: auto;
24321
+ }
24322
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24323
+ opacity: 0;
24324
+ }
24325
+
24326
+ .v-switch__track-false {
24327
+ margin-inline-start: auto;
24328
+ }
24329
+ .v-selection-control--dirty .v-switch__track-false {
24330
+ opacity: 0;
24331
+ }
24332
+
24333
+ .v-switch__track {
24334
+ display: inline-flex;
24335
+ align-items: center;
24336
+ font-size: 0.5rem;
24337
+ padding: 0 5px;
24338
+ background-color: rgb(var(--v-theme-surface-variant));
24339
+ border-radius: 9999px;
24340
+ height: 14px;
24341
+ opacity: 0.6;
24342
+ min-width: 36px;
24343
+ cursor: pointer;
24344
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24345
+ }
24346
+ .v-switch--inset .v-switch__track {
24347
+ border-radius: 9999px;
24348
+ font-size: 0.75rem;
24349
+ height: 32px;
24350
+ min-width: 52px;
24351
+ }
24352
+
24353
+ .v-switch__thumb {
24354
+ align-items: center;
24355
+ background-color: rgb(var(--v-theme-surface-bright));
24356
+ color: rgb(var(--v-theme-on-surface-bright));
24357
+ border-radius: 50%;
24358
+ display: flex;
24359
+ font-size: 0.75rem;
24360
+ height: 20px;
24361
+ justify-content: center;
24362
+ width: 20px;
24363
+ pointer-events: none;
24364
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24365
+ position: relative;
24366
+ overflow: hidden;
24367
+ }
24368
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24369
+ 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));
24370
+ }
24371
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24372
+ background: rgb(var(--v-theme-surface-variant));
24373
+ color: rgb(var(--v-theme-on-surface-variant));
24374
+ 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));
24375
+ }
24376
+ .v-switch--inset .v-switch__thumb {
24377
+ height: 24px;
24378
+ width: 24px;
24379
+ transform: scale(0.6666666667);
24446
24380
  }
24447
-
24448
- .v-stepper-item__title {
24449
- line-height: 1;
24381
+ .v-switch--inset .v-switch__thumb--filled {
24382
+ transform: none;
24450
24383
  }
24451
- .v-stepper--mobile .v-stepper-item__title {
24452
- display: none;
24384
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24385
+ transform: none;
24386
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24453
24387
  }
24454
24388
 
24455
- .v-stepper-item__subtitle {
24456
- font-size: 0.75rem;
24457
- text-align: left;
24458
- line-height: 1;
24459
- opacity: var(--v-medium-emphasis-opacity);
24389
+ .v-switch.v-input {
24390
+ flex: 0 1 auto;
24460
24391
  }
24461
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24462
- text-align: center;
24392
+ .v-switch .v-selection-control {
24393
+ min-height: var(--v-input-control-height);
24463
24394
  }
24464
- .v-stepper--mobile .v-stepper-item__subtitle {
24465
- display: none;
24395
+ .v-switch .v-selection-control__input {
24396
+ border-radius: 50%;
24397
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24398
+ position: absolute;
24399
+ }
24400
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24401
+ transform: translateX(-10px);
24466
24402
  }
24467
24403
 
24468
- .v-stepper-item__overlay {
24469
- background-color: currentColor;
24470
- border-radius: inherit;
24471
- opacity: 0;
24472
- transition: opacity 0.2s ease-in-out;
24404
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24405
+ transform: translateX(10px);
24473
24406
  }
24474
24407
 
24475
- .v-stepper-item__overlay,
24476
- .v-stepper-item__underlay {
24408
+ .v-switch .v-selection-control__input .v-icon {
24477
24409
  position: absolute;
24478
- top: 0;
24479
- left: 0;
24480
- width: 100%;
24481
- height: 100%;
24482
- pointer-events: none;
24483
- }.v-system-bar {
24484
- align-items: center;
24485
- display: flex;
24486
- flex: 1 1 auto;
24487
- height: 24px;
24488
- justify-content: flex-end;
24489
- max-width: 100%;
24490
- padding-inline: 8px;
24491
- position: relative;
24492
- text-align: end;
24493
- width: 100%;
24494
- 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));
24495
- background: rgba(var(--v-theme-surface-light));
24496
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24497
- font-size: 0.75rem;
24498
- font-weight: 400;
24499
- letter-spacing: 0.0333333333em;
24500
- line-height: 1.667;
24501
- text-transform: none;
24502
24410
  }
24503
- .v-system-bar .v-icon {
24504
- opacity: var(--v-medium-emphasis-opacity);
24411
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24412
+ transform: translateX(10px);
24505
24413
  }
24506
- .v-system-bar--absolute {
24507
- position: absolute;
24414
+
24415
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24416
+ transform: translateX(-10px);
24508
24417
  }
24509
- .v-system-bar--fixed {
24510
- position: fixed;
24418
+
24419
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24420
+ transform: scale(0.8);
24511
24421
  }
24512
- .v-system-bar--rounded {
24513
- border-radius: 0;
24422
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24423
+ transform: scale(0.75);
24424
+ box-shadow: none;
24514
24425
  }
24515
- .v-system-bar--window {
24516
- height: 32px;
24426
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24427
+ width: auto;
24517
24428
  }
24518
- .v-system-bar:not(.v-system-bar--absolute) {
24519
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24429
+ .v-switch.v-input--vertical .v-label {
24430
+ min-width: max-content;
24431
+ }
24432
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24433
+ transform: rotate(-90deg);
24434
+ }
24435
+
24436
+ @media (forced-colors: active) {
24437
+ .v-switch .v-switch__loader .v-progress-circular {
24438
+ color: currentColor;
24439
+ }
24440
+ .v-switch .v-switch__thumb {
24441
+ background-color: buttontext;
24442
+ }
24443
+ .v-switch .v-switch__track,
24444
+ .v-switch .v-switch__thumb {
24445
+ border: 1px solid;
24446
+ color: buttontext;
24447
+ }
24448
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24449
+ background-color: highlight;
24450
+ }
24451
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24452
+ background-color: highlight;
24453
+ }
24454
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24455
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24456
+ color: highlight;
24457
+ }
24458
+ .v-switch.v-switch--inset .v-switch__track {
24459
+ border-width: 2px;
24460
+ }
24461
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24462
+ background-color: highlighttext;
24463
+ color: highlighttext;
24464
+ }
24465
+ .v-switch.v-input--disabled .v-switch__thumb {
24466
+ background-color: graytext;
24467
+ }
24468
+ .v-switch.v-input--disabled .v-switch__track,
24469
+ .v-switch.v-input--disabled .v-switch__thumb {
24470
+ color: graytext;
24471
+ }
24472
+ .v-switch.v-switch--loading .v-switch__thumb {
24473
+ background-color: canvas;
24474
+ }
24475
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24476
+ border-width: 0;
24477
+ }
24520
24478
  }.v-tab.v-tab.v-btn {
24521
24479
  height: var(--v-tabs-height);
24522
24480
  border-radius: 0;
@@ -24612,6 +24570,43 @@ html.v-overlay-scroll-blocked {
24612
24570
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24613
24571
  margin-inline-end: 52px;
24614
24572
  }
24573
+ }.v-system-bar {
24574
+ align-items: center;
24575
+ display: flex;
24576
+ flex: 1 1 auto;
24577
+ height: 24px;
24578
+ justify-content: flex-end;
24579
+ max-width: 100%;
24580
+ padding-inline: 8px;
24581
+ position: relative;
24582
+ text-align: end;
24583
+ width: 100%;
24584
+ 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));
24585
+ background: rgba(var(--v-theme-surface-light));
24586
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24587
+ font-size: 0.75rem;
24588
+ font-weight: 400;
24589
+ letter-spacing: 0.0333333333em;
24590
+ line-height: 1.667;
24591
+ text-transform: none;
24592
+ }
24593
+ .v-system-bar .v-icon {
24594
+ opacity: var(--v-medium-emphasis-opacity);
24595
+ }
24596
+ .v-system-bar--absolute {
24597
+ position: absolute;
24598
+ }
24599
+ .v-system-bar--fixed {
24600
+ position: fixed;
24601
+ }
24602
+ .v-system-bar--rounded {
24603
+ border-radius: 0;
24604
+ }
24605
+ .v-system-bar--window {
24606
+ height: 32px;
24607
+ }
24608
+ .v-system-bar:not(.v-system-bar--absolute) {
24609
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24615
24610
  }.v-table {
24616
24611
  background: rgb(var(--v-theme-surface));
24617
24612
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24738,19 +24733,86 @@ html.v-overlay-scroll-blocked {
24738
24733
  top: 0;
24739
24734
  z-index: 2;
24740
24735
  }
24741
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24742
- border-bottom: 0px !important;
24736
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24737
+ border-bottom: 0px !important;
24738
+ }
24739
+
24740
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24741
+ position: sticky;
24742
+ bottom: 0;
24743
+ z-index: 1;
24744
+ }
24745
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24746
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24747
+ border-top: 0px !important;
24748
+ }/* region BLOCK */
24749
+ .v-text-field input {
24750
+ color: inherit;
24751
+ opacity: 0;
24752
+ flex: 1;
24753
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24754
+ min-width: 0;
24755
+ }
24756
+ .v-text-field input:focus, .v-text-field input:active {
24757
+ outline: none;
24758
+ }
24759
+ .v-text-field input:invalid {
24760
+ box-shadow: none;
24761
+ }
24762
+ .v-text-field .v-field {
24763
+ cursor: text;
24764
+ }
24765
+ .v-text-field--prefixed.v-text-field .v-field__input {
24766
+ --v-field-padding-start: 6px;
24767
+ }
24768
+
24769
+ .v-text-field--suffixed.v-text-field .v-field__input {
24770
+ --v-field-padding-end: 0;
24771
+ }
24772
+
24773
+ .v-text-field .v-input__details {
24774
+ padding-inline: 16px;
24775
+ }
24776
+ .v-input--plain-underlined.v-text-field .v-input__details {
24777
+ padding-inline: 0;
24778
+ }
24779
+
24780
+ .v-text-field .v-field--no-label input,
24781
+ .v-text-field .v-field--active input {
24782
+ opacity: 1;
24783
+ }
24784
+ .v-text-field .v-field--single-line input {
24785
+ transition: none;
24786
+ }
24787
+
24788
+ /* endregion */
24789
+ /* region ELEMENTS */
24790
+ .v-text-field__prefix, .v-text-field__suffix {
24791
+ align-items: center;
24792
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24793
+ cursor: default;
24794
+ display: flex;
24795
+ opacity: 0;
24796
+ transition: inherit;
24797
+ white-space: nowrap;
24798
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24799
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24800
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24801
+ }
24802
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24803
+ opacity: 1;
24804
+ }
24805
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24806
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24743
24807
  }
24744
-
24745
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24746
- position: sticky;
24747
- bottom: 0;
24748
- z-index: 1;
24808
+ .v-text-field__prefix {
24809
+ padding-inline-start: var(--v-field-padding-start);
24749
24810
  }
24750
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24751
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24752
- border-top: 0px !important;
24753
- }.v-textarea .v-field {
24811
+ .v-text-field__suffix {
24812
+ padding-inline-end: var(--v-field-padding-end);
24813
+ }
24814
+
24815
+ /* endregion */.v-textarea .v-field {
24754
24816
  --v-textarea-control-height: var(--v-input-control-height);
24755
24817
  }
24756
24818
  .v-textarea .v-field__field {
@@ -24789,76 +24851,244 @@ html.v-overlay-scroll-blocked {
24789
24851
  }
24790
24852
  .v-textarea textarea:invalid {
24791
24853
  box-shadow: none;
24792
- }/* region BLOCK */
24793
- .v-text-field input {
24794
- color: inherit;
24795
- opacity: 0;
24796
- flex: 1;
24797
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24798
- min-width: 0;
24799
- }
24800
- .v-text-field input:focus, .v-text-field input:active {
24801
- outline: none;
24854
+ }.v-theme-provider {
24855
+ background: rgb(var(--v-theme-background));
24856
+ color: rgb(var(--v-theme-on-background));
24857
+ }.v-toolbar {
24858
+ align-items: flex-start;
24859
+ display: flex;
24860
+ flex: none;
24861
+ flex-direction: column;
24862
+ justify-content: space-between;
24863
+ max-width: 100%;
24864
+ position: relative;
24865
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24866
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24867
+ width: 100%;
24868
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24869
+ border-style: solid;
24870
+ border-width: 0;
24871
+ 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));
24872
+ border-radius: 0;
24873
+ background: rgb(var(--v-theme-surface-light));
24874
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24802
24875
  }
24803
- .v-text-field input:invalid {
24876
+ .v-toolbar--border {
24877
+ border-width: thin;
24804
24878
  box-shadow: none;
24805
24879
  }
24806
- .v-text-field .v-field {
24807
- cursor: text;
24880
+ .v-toolbar--absolute {
24881
+ position: absolute;
24808
24882
  }
24809
- .v-text-field--prefixed.v-text-field .v-field__input {
24810
- --v-field-padding-start: 6px;
24883
+ .v-toolbar--collapse {
24884
+ max-width: 112px;
24885
+ overflow: hidden;
24886
+ border-end-end-radius: 24px;
24887
+ }
24888
+ .v-toolbar--collapse .v-toolbar-title {
24889
+ display: none;
24890
+ }
24891
+ .v-toolbar--flat {
24892
+ 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));
24893
+ }
24894
+ .v-toolbar--floating {
24895
+ display: inline-flex;
24896
+ }
24897
+ .v-toolbar--rounded {
24898
+ border-radius: 4px;
24811
24899
  }
24812
24900
 
24813
- .v-text-field--suffixed.v-text-field .v-field__input {
24814
- --v-field-padding-end: 0;
24901
+ .v-toolbar__content,
24902
+ .v-toolbar__extension {
24903
+ align-items: center;
24904
+ display: flex;
24905
+ flex: 0 0 auto;
24906
+ position: relative;
24907
+ transition: inherit;
24908
+ width: 100%;
24815
24909
  }
24816
24910
 
24817
- .v-text-field .v-input__details {
24818
- padding-inline: 16px;
24911
+ .v-toolbar__content {
24912
+ overflow: hidden;
24819
24913
  }
24820
- .v-input--plain-underlined.v-text-field .v-input__details {
24821
- padding-inline: 0;
24914
+ .v-toolbar__content > .v-btn:first-child {
24915
+ margin-inline-start: 4px;
24822
24916
  }
24823
-
24824
- .v-text-field .v-field--no-label input,
24825
- .v-text-field .v-field--active input {
24826
- opacity: 1;
24917
+ .v-toolbar__content > .v-btn:last-child {
24918
+ margin-inline-end: 4px;
24827
24919
  }
24828
- .v-text-field .v-field--single-line input {
24829
- transition: none;
24920
+ .v-toolbar__content > .v-toolbar-title {
24921
+ margin-inline-start: 20px;
24922
+ }
24923
+ .v-toolbar--density-prominent .v-toolbar__content {
24924
+ align-items: flex-start;
24830
24925
  }
24831
24926
 
24832
- /* endregion */
24833
- /* region ELEMENTS */
24834
- .v-text-field__prefix, .v-text-field__suffix {
24927
+ .v-toolbar__image {
24928
+ position: absolute;
24929
+ top: 0;
24930
+ left: 0;
24931
+ width: 100%;
24932
+ height: 100%;
24933
+ display: flex;
24934
+ opacity: var(--v-toolbar-image-opacity, 1);
24935
+ transition-property: opacity;
24936
+ }
24937
+
24938
+ .v-toolbar__prepend,
24939
+ .v-toolbar__append {
24835
24940
  align-items: center;
24836
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24837
- cursor: default;
24941
+ align-self: stretch;
24838
24942
  display: flex;
24839
- opacity: 0;
24840
- transition: inherit;
24943
+ }
24944
+
24945
+ .v-toolbar__prepend {
24946
+ margin-inline: 4px auto;
24947
+ }
24948
+
24949
+ .v-toolbar__append {
24950
+ margin-inline: auto 4px;
24951
+ }
24952
+
24953
+ .v-toolbar-title {
24954
+ flex: 1 1;
24955
+ font-size: 1.25rem;
24956
+ min-width: 0;
24957
+ font-size: 1.25rem;
24958
+ font-weight: 400;
24959
+ letter-spacing: 0;
24960
+ line-height: 1.75rem;
24961
+ text-transform: none;
24962
+ }
24963
+ .v-toolbar--density-prominent .v-toolbar-title {
24964
+ align-self: flex-end;
24965
+ padding-bottom: 6px;
24966
+ font-size: 1.5rem;
24967
+ font-weight: 400;
24968
+ letter-spacing: 0;
24969
+ line-height: 2.25rem;
24970
+ text-transform: none;
24971
+ }
24972
+
24973
+ .v-toolbar-title__placeholder {
24974
+ overflow: hidden;
24975
+ text-overflow: ellipsis;
24841
24976
  white-space: nowrap;
24842
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24843
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24844
- padding-bottom: var(--v-field-padding-bottom, 6px);
24845
24977
  }
24846
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24847
- opacity: 1;
24978
+
24979
+ .v-toolbar-items {
24980
+ display: flex;
24981
+ height: inherit;
24982
+ align-self: stretch;
24983
+ }
24984
+ .v-toolbar-items > .v-btn {
24985
+ border-radius: 0;
24986
+ }.v-tooltip > .v-overlay__content {
24987
+ background: rgb(var(--v-theme-surface-variant));
24988
+ color: rgb(var(--v-theme-on-surface-variant));
24989
+ border-radius: 4px;
24990
+ font-size: 0.875rem;
24991
+ line-height: 1.6;
24992
+ display: inline-block;
24993
+ padding: 5px 16px;
24994
+ text-transform: initial;
24995
+ width: auto;
24996
+ opacity: 1;
24997
+ pointer-events: none;
24998
+ transition-property: opacity, transform;
24999
+ overflow-wrap: break-word;
25000
+ }
25001
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25002
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25003
+ transition-duration: 150ms;
25004
+ }
25005
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25006
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25007
+ transition-duration: 75ms;
25008
+ }.v-virtual-scroll {
25009
+ display: block;
25010
+ flex: 1 1 auto;
25011
+ max-width: 100%;
25012
+ overflow: auto;
25013
+ position: relative;
25014
+ }
25015
+ .v-virtual-scroll__container {
25016
+ display: block;
25017
+ }.v-window {
25018
+ overflow: hidden;
25019
+ }
25020
+ .v-window__container {
25021
+ display: flex;
25022
+ flex-direction: column;
25023
+ height: inherit;
25024
+ position: relative;
25025
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25026
+ }
25027
+ .v-window__controls {
25028
+ position: absolute;
25029
+ left: 0;
25030
+ top: 0;
25031
+ width: 100%;
25032
+ height: 100%;
25033
+ display: flex;
25034
+ align-items: center;
25035
+ justify-content: space-between;
25036
+ padding: 0 16px;
25037
+ pointer-events: none;
25038
+ }
25039
+ .v-window__controls > * {
25040
+ pointer-events: auto;
25041
+ }
25042
+ .v-window--show-arrows-on-hover {
25043
+ overflow: hidden;
25044
+ }
25045
+ .v-window--show-arrows-on-hover .v-window__left {
25046
+ transform: translateX(-200%);
25047
+ }
25048
+ .v-window--show-arrows-on-hover .v-window__right {
25049
+ transform: translateX(200%);
25050
+ }
25051
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25052
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25053
+ transform: translateX(0);
25054
+ }
25055
+
25056
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25057
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25058
+ }
25059
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25060
+ position: absolute !important;
25061
+ top: 0;
25062
+ width: 100%;
25063
+ }
25064
+ .v-window-x-transition-enter-from {
25065
+ transform: translateX(100%);
25066
+ }
25067
+ .v-window-x-transition-leave-to {
25068
+ transform: translateX(-100%);
25069
+ }
25070
+ .v-window-x-reverse-transition-enter-from {
25071
+ transform: translateX(-100%);
25072
+ }
25073
+ .v-window-x-reverse-transition-leave-to {
25074
+ transform: translateX(100%);
24848
25075
  }
24849
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24850
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25076
+ .v-window-y-transition-enter-from {
25077
+ transform: translateY(100%);
24851
25078
  }
24852
- .v-text-field__prefix {
24853
- padding-inline-start: var(--v-field-padding-start);
25079
+ .v-window-y-transition-leave-to {
25080
+ transform: translateY(-100%);
24854
25081
  }
24855
- .v-text-field__suffix {
24856
- padding-inline-end: var(--v-field-padding-end);
25082
+ .v-window-y-reverse-transition-enter-from {
25083
+ transform: translateY(-100%);
24857
25084
  }
24858
-
24859
- /* endregion */.v-theme-provider {
24860
- background: rgb(var(--v-theme-background));
24861
- color: rgb(var(--v-theme-on-background));
25085
+ .v-window-y-reverse-transition-leave-to {
25086
+ transform: translateY(100%);
25087
+ }.v-counter {
25088
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25089
+ flex: 0 1 auto;
25090
+ font-size: 12px;
25091
+ transition-duration: 150ms;
24862
25092
  }.v-timeline .v-timeline-divider__dot {
24863
25093
  background: rgb(var(--v-theme-surface-light));
24864
25094
  }
@@ -25275,236 +25505,6 @@ html.v-overlay-scroll-blocked {
25275
25505
 
25276
25506
  .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 {
25277
25507
  padding-inline-end: 0;
25278
- }.v-tooltip > .v-overlay__content {
25279
- background: rgb(var(--v-theme-surface-variant));
25280
- color: rgb(var(--v-theme-on-surface-variant));
25281
- border-radius: 4px;
25282
- font-size: 0.875rem;
25283
- line-height: 1.6;
25284
- display: inline-block;
25285
- padding: 5px 16px;
25286
- text-transform: initial;
25287
- width: auto;
25288
- opacity: 1;
25289
- pointer-events: none;
25290
- transition-property: opacity, transform;
25291
- overflow-wrap: break-word;
25292
- }
25293
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25294
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25295
- transition-duration: 150ms;
25296
- }
25297
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25298
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25299
- transition-duration: 75ms;
25300
- }.v-toolbar {
25301
- align-items: flex-start;
25302
- display: flex;
25303
- flex: none;
25304
- flex-direction: column;
25305
- justify-content: space-between;
25306
- max-width: 100%;
25307
- position: relative;
25308
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25309
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25310
- width: 100%;
25311
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25312
- border-style: solid;
25313
- border-width: 0;
25314
- 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));
25315
- border-radius: 0;
25316
- background: rgb(var(--v-theme-surface-light));
25317
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25318
- }
25319
- .v-toolbar--border {
25320
- border-width: thin;
25321
- box-shadow: none;
25322
- }
25323
- .v-toolbar--absolute {
25324
- position: absolute;
25325
- }
25326
- .v-toolbar--collapse {
25327
- max-width: 112px;
25328
- overflow: hidden;
25329
- border-end-end-radius: 24px;
25330
- }
25331
- .v-toolbar--collapse .v-toolbar-title {
25332
- display: none;
25333
- }
25334
- .v-toolbar--flat {
25335
- 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));
25336
- }
25337
- .v-toolbar--floating {
25338
- display: inline-flex;
25339
- }
25340
- .v-toolbar--rounded {
25341
- border-radius: 4px;
25342
- }
25343
-
25344
- .v-toolbar__content,
25345
- .v-toolbar__extension {
25346
- align-items: center;
25347
- display: flex;
25348
- flex: 0 0 auto;
25349
- position: relative;
25350
- transition: inherit;
25351
- width: 100%;
25352
- }
25353
-
25354
- .v-toolbar__content {
25355
- overflow: hidden;
25356
- }
25357
- .v-toolbar__content > .v-btn:first-child {
25358
- margin-inline-start: 4px;
25359
- }
25360
- .v-toolbar__content > .v-btn:last-child {
25361
- margin-inline-end: 4px;
25362
- }
25363
- .v-toolbar__content > .v-toolbar-title {
25364
- margin-inline-start: 20px;
25365
- }
25366
- .v-toolbar--density-prominent .v-toolbar__content {
25367
- align-items: flex-start;
25368
- }
25369
-
25370
- .v-toolbar__image {
25371
- position: absolute;
25372
- top: 0;
25373
- left: 0;
25374
- width: 100%;
25375
- height: 100%;
25376
- display: flex;
25377
- opacity: var(--v-toolbar-image-opacity, 1);
25378
- transition-property: opacity;
25379
- }
25380
-
25381
- .v-toolbar__prepend,
25382
- .v-toolbar__append {
25383
- align-items: center;
25384
- align-self: stretch;
25385
- display: flex;
25386
- }
25387
-
25388
- .v-toolbar__prepend {
25389
- margin-inline: 4px auto;
25390
- }
25391
-
25392
- .v-toolbar__append {
25393
- margin-inline: auto 4px;
25394
- }
25395
-
25396
- .v-toolbar-title {
25397
- flex: 1 1;
25398
- font-size: 1.25rem;
25399
- min-width: 0;
25400
- font-size: 1.25rem;
25401
- font-weight: 400;
25402
- letter-spacing: 0;
25403
- line-height: 1.75rem;
25404
- text-transform: none;
25405
- }
25406
- .v-toolbar--density-prominent .v-toolbar-title {
25407
- align-self: flex-end;
25408
- padding-bottom: 6px;
25409
- font-size: 1.5rem;
25410
- font-weight: 400;
25411
- letter-spacing: 0;
25412
- line-height: 2.25rem;
25413
- text-transform: none;
25414
- }
25415
-
25416
- .v-toolbar-title__placeholder {
25417
- overflow: hidden;
25418
- text-overflow: ellipsis;
25419
- white-space: nowrap;
25420
- }
25421
-
25422
- .v-toolbar-items {
25423
- display: flex;
25424
- height: inherit;
25425
- align-self: stretch;
25426
- }
25427
- .v-toolbar-items > .v-btn {
25428
- border-radius: 0;
25429
- }.v-virtual-scroll {
25430
- display: block;
25431
- flex: 1 1 auto;
25432
- max-width: 100%;
25433
- overflow: auto;
25434
- position: relative;
25435
- }
25436
- .v-virtual-scroll__container {
25437
- display: block;
25438
- }.v-window {
25439
- overflow: hidden;
25440
- }
25441
- .v-window__container {
25442
- display: flex;
25443
- flex-direction: column;
25444
- height: inherit;
25445
- position: relative;
25446
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25447
- }
25448
- .v-window__controls {
25449
- position: absolute;
25450
- left: 0;
25451
- top: 0;
25452
- width: 100%;
25453
- height: 100%;
25454
- display: flex;
25455
- align-items: center;
25456
- justify-content: space-between;
25457
- padding: 0 16px;
25458
- pointer-events: none;
25459
- }
25460
- .v-window__controls > * {
25461
- pointer-events: auto;
25462
- }
25463
- .v-window--show-arrows-on-hover {
25464
- overflow: hidden;
25465
- }
25466
- .v-window--show-arrows-on-hover .v-window__left {
25467
- transform: translateX(-200%);
25468
- }
25469
- .v-window--show-arrows-on-hover .v-window__right {
25470
- transform: translateX(200%);
25471
- }
25472
- .v-window--show-arrows-on-hover:hover .v-window__left,
25473
- .v-window--show-arrows-on-hover:hover .v-window__right {
25474
- transform: translateX(0);
25475
- }
25476
-
25477
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25478
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25479
- }
25480
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25481
- position: absolute !important;
25482
- top: 0;
25483
- width: 100%;
25484
- }
25485
- .v-window-x-transition-enter-from {
25486
- transform: translateX(100%);
25487
- }
25488
- .v-window-x-transition-leave-to {
25489
- transform: translateX(-100%);
25490
- }
25491
- .v-window-x-reverse-transition-enter-from {
25492
- transform: translateX(-100%);
25493
- }
25494
- .v-window-x-reverse-transition-leave-to {
25495
- transform: translateX(100%);
25496
- }
25497
- .v-window-y-transition-enter-from {
25498
- transform: translateY(100%);
25499
- }
25500
- .v-window-y-transition-leave-to {
25501
- transform: translateY(-100%);
25502
- }
25503
- .v-window-y-reverse-transition-enter-from {
25504
- transform: translateY(-100%);
25505
- }
25506
- .v-window-y-reverse-transition-leave-to {
25507
- transform: translateY(100%);
25508
25508
  }.v-color-picker-canvas {
25509
25509
  display: flex;
25510
25510
  position: relative;