@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-24 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-25

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 (43) hide show
  1. package/dist/json/importMap-labs.json +28 -28
  2. package/dist/json/importMap.json +142 -142
  3. package/dist/json/web-types.json +1 -1
  4. package/dist/vuetify-labs.css +1853 -1853
  5. package/dist/vuetify-labs.d.ts +6 -3
  6. package/dist/vuetify-labs.esm.js +62 -42
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +62 -42
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +1851 -1851
  11. package/dist/vuetify.d.ts +57 -54
  12. package/dist/vuetify.esm.js +62 -42
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +62 -42
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +984 -985
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VAutocomplete/VAutocomplete.mjs +15 -8
  20. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  21. package/lib/components/VCombobox/VCombobox.mjs +15 -8
  22. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  23. package/lib/components/VMenu/VMenu.mjs +7 -5
  24. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  25. package/lib/components/VMenu/index.d.mts +3 -3
  26. package/lib/components/VOverlay/locationStrategies.mjs +0 -6
  27. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  28. package/lib/components/VSelect/VSelect.mjs +15 -13
  29. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  30. package/lib/components/VSelect/useScrolling.mjs +3 -3
  31. package/lib/components/VSelect/useScrolling.mjs.map +1 -1
  32. package/lib/components/VVirtualScroll/VVirtualScroll.mjs +2 -0
  33. package/lib/components/VVirtualScroll/VVirtualScroll.mjs.map +1 -1
  34. package/lib/components/VVirtualScroll/index.d.mts +3 -0
  35. package/lib/components/index.d.mts +6 -3
  36. package/lib/composables/virtual.mjs +1 -0
  37. package/lib/composables/virtual.mjs.map +1 -1
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/index.d.mts +51 -51
  41. package/lib/util/helpers.mjs +5 -0
  42. package/lib/util/helpers.mjs.map +1 -1
  43. 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-24
2
+ * Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-25
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17684,18 +17684,6 @@ html.overflow-y-hidden {
17684
17684
  text-transform: none;
17685
17685
  word-break: normal;
17686
17686
  word-wrap: break-word;
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);
17699
17687
  }.v-autocomplete .v-field .v-text-field__prefix,
17700
17688
  .v-autocomplete .v-field .v-text-field__suffix,
17701
17689
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17777,6 +17765,18 @@ html.overflow-y-hidden {
17777
17765
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17778
17766
  opacity: var(--v-high-emphasis-opacity);
17779
17767
  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;
@@ -18252,6 +18252,62 @@ 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;
18255
18311
  }.v-btn {
18256
18312
  align-items: center;
18257
18313
  border-radius: 4px;
@@ -18673,62 +18729,24 @@ html.overflow-y-hidden {
18673
18729
  }
18674
18730
  .v-pagination__item--is-active .v-btn__overlay {
18675
18731
  opacity: var(--v-border-opacity);
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));
18690
- }
18691
- .v-btn-group--border {
18692
- border-width: thin;
18693
- box-shadow: none;
18694
- }
18695
- .v-btn-group--density-default.v-btn-group {
18696
- height: 48px;
18697
- }
18698
-
18699
- .v-btn-group--density-comfortable.v-btn-group {
18700
- height: 40px;
18701
- }
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;
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));
18716
18734
  }
18717
- .v-btn-group .v-btn:first-child {
18718
- border-start-start-radius: inherit;
18719
- border-end-start-radius: inherit;
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));
18720
18737
  }
18721
- .v-btn-group .v-btn:last-child {
18722
- border-start-end-radius: inherit;
18723
- border-end-end-radius: inherit;
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));
18724
18740
  }
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));
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;
18729
18747
  }
18730
- .v-btn-group--tile {
18731
- border-radius: 0;
18748
+ .v-checkbox .v-selection-control {
18749
+ min-height: var(--v-input-control-height);
18732
18750
  }.v-card {
18733
18751
  display: block;
18734
18752
  overflow: hidden;
@@ -19028,19 +19046,6 @@ html.overflow-y-hidden {
19028
19046
  pointer-events: none;
19029
19047
  opacity: 0;
19030
19048
  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
- }
19044
19049
  }.v-carousel {
19045
19050
  overflow: hidden;
19046
19051
  position: relative;
@@ -19104,11 +19109,6 @@ html.overflow-y-hidden {
19104
19109
  flex-direction: column;
19105
19110
  height: 100% !important;
19106
19111
  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;
@@ -19645,256 +19645,45 @@ html.overflow-y-hidden {
19645
19645
  flex: 0 1 auto;
19646
19646
  font-size: 12px;
19647
19647
  transition-duration: 150ms;
19648
- }.v-date-picker {
19649
- overflow: hidden;
19650
- width: 328px;
19651
- }
19652
- .v-date-picker--show-week {
19653
- width: 368px;
19654
- }.v-date-picker-header {
19655
- align-items: flex-end;
19656
- height: 70px;
19657
- display: grid;
19658
- grid-template-areas: "prepend content append";
19659
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19660
- overflow: hidden;
19661
- padding-inline: 24px 12px;
19662
- padding-bottom: 12px;
19663
- }
19664
-
19665
- .v-date-picker-header__append {
19666
- grid-area: append;
19648
+ }.v-data-table {
19649
+ width: 100%;
19667
19650
  }
19668
19651
 
19669
- .v-date-picker-header__prepend {
19670
- grid-area: prepend;
19671
- padding-inline-start: 8px;
19652
+ .v-data-table__table {
19653
+ width: 100%;
19654
+ border-collapse: separate;
19655
+ border-spacing: 0;
19672
19656
  }
19673
19657
 
19674
- .v-date-picker-header__content {
19675
- align-items: center;
19676
- display: inline-flex;
19677
- font-size: 32px;
19678
- line-height: 40px;
19679
- grid-area: content;
19680
- justify-content: space-between;
19658
+ .v-data-table__tr--focus {
19659
+ border: 1px dotted black;
19681
19660
  }
19682
- .v-date-picker-header--clickable .v-date-picker-header__content {
19661
+ .v-data-table__tr--clickable {
19683
19662
  cursor: pointer;
19684
19663
  }
19685
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19686
- opacity: 0.7;
19687
- }
19688
-
19689
- .date-picker-header-transition-enter-active,
19690
- .date-picker-header-reverse-transition-enter-active {
19691
- transition-duration: 0.3s;
19692
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19693
- }
19694
- .date-picker-header-transition-leave-active,
19695
- .date-picker-header-reverse-transition-leave-active {
19696
- transition-duration: 0.3s;
19697
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19698
- }
19699
19664
 
19700
- .date-picker-header-transition-enter-from {
19701
- transform: translate(0, 100%);
19665
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19666
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19667
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19668
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19669
+ text-align: end;
19702
19670
  }
19703
- .date-picker-header-transition-leave-to {
19704
- opacity: 0;
19705
- transform: translate(0, -100%);
19671
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19672
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19673
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19674
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19675
+ flex-direction: row-reverse;
19706
19676
  }
19707
-
19708
- .date-picker-header-reverse-transition-enter-from {
19709
- transform: translate(0, -100%);
19677
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19678
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19679
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19680
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19681
+ text-align: center;
19710
19682
  }
19711
- .date-picker-header-reverse-transition-leave-to {
19712
- opacity: 0;
19713
- transform: translate(0, 100%);
19714
- }.v-date-picker-month {
19715
- display: flex;
19716
- justify-content: center;
19717
- padding: 0 12px 8px;
19718
- --v-date-picker-month-day-diff: 4px;
19719
- }
19720
-
19721
- .v-date-picker-month__weeks {
19722
- display: grid;
19723
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19724
- column-gap: 4px;
19725
- font-size: 0.85rem;
19726
- }
19727
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19728
- grid-row-gap: 0;
19729
- }
19730
-
19731
- .v-date-picker-month__weekday {
19732
- font-size: 0.85rem;
19733
- }
19734
-
19735
- .v-date-picker-month__days {
19736
- display: grid;
19737
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19738
- column-gap: 4px;
19739
- flex: 1 1;
19740
- justify-content: space-around;
19741
- }
19742
-
19743
- .v-date-picker-month__day {
19744
- align-items: center;
19745
- display: flex;
19746
- justify-content: center;
19747
- position: relative;
19748
- height: 40px;
19749
- width: 40px;
19750
- }
19751
- .v-date-picker-month__day--selected .v-btn {
19752
- background-color: rgb(var(--v-theme-surface-variant));
19753
- color: rgb(var(--v-theme-on-surface-variant));
19754
- }
19755
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19756
- --v-btn-height: 24px;
19757
- --v-btn-size: 0.85rem;
19758
- }
19759
- .v-date-picker-month__day--week {
19760
- font-size: var(--v-btn-size);
19761
- }
19762
-
19763
- .v-date-picker-month__day--adjacent {
19764
- opacity: 0.5;
19765
- }
19766
-
19767
- .v-date-picker-month__day--hide-adjacent {
19768
- opacity: 0;
19769
- }.v-date-picker-months {
19770
- height: 288px;
19771
- }
19772
-
19773
- .v-date-picker-months__content {
19774
- align-items: center;
19775
- display: grid;
19776
- flex: 1 1;
19777
- height: inherit;
19778
- justify-content: space-around;
19779
- grid-template-columns: repeat(2, 1fr);
19780
- grid-gap: 0px 24px;
19781
- padding-inline-start: 36px;
19782
- padding-inline-end: 36px;
19783
- }
19784
- .v-date-picker-months__content .v-btn {
19785
- text-transform: none;
19786
- padding-inline-start: 8px;
19787
- padding-inline-end: 8px;
19788
- }.v-date-picker-controls {
19789
- display: flex;
19790
- align-items: center;
19791
- justify-content: space-between;
19792
- font-size: 0.875rem;
19793
- padding-top: 4px;
19794
- padding-bottom: 4px;
19795
- padding-inline-start: 6px;
19796
- padding-inline-end: 12px;
19797
- }
19798
- .v-date-picker-controls > .v-btn:first-child {
19799
- text-transform: none;
19800
- font-weight: 400;
19801
- line-height: initial;
19802
- letter-spacing: initial;
19803
- }
19804
- .v-date-picker-controls--variant-classic {
19805
- padding-inline-start: 12px;
19806
- }
19807
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19808
- opacity: 0.7;
19809
- }
19810
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19811
- cursor: pointer;
19812
- }
19813
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19814
- opacity: 1;
19815
- }
19816
- .v-date-picker-controls .v-btn:last-child {
19817
- margin-inline-start: 4px;
19818
- }
19819
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19820
- transform: rotate(180deg);
19821
- }
19822
-
19823
- .v-date-picker-controls__date {
19824
- margin-inline-end: 4px;
19825
- }
19826
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19827
- margin: auto;
19828
- text-align: center;
19829
- }
19830
-
19831
- .v-date-picker-controls__month {
19832
- display: flex;
19833
- }
19834
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19835
- flex-direction: row-reverse;
19836
- }
19837
-
19838
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19839
- flex: 1 0 auto;
19840
- }
19841
-
19842
- .v-date-picker__title {
19843
- display: inline-block;
19844
- }.v-date-picker-years {
19845
- height: 288px;
19846
- overflow-y: scroll;
19847
- }
19848
-
19849
- .v-date-picker-years__content {
19850
- display: grid;
19851
- flex: 1 1;
19852
- justify-content: space-around;
19853
- grid-template-columns: repeat(3, 1fr);
19854
- gap: 8px 24px;
19855
- padding-inline: 32px;
19856
- }
19857
- .v-date-picker-years__content .v-btn {
19858
- padding-inline: 8px;
19859
- }.v-data-table {
19860
- width: 100%;
19861
- }
19862
-
19863
- .v-data-table__table {
19864
- width: 100%;
19865
- border-collapse: separate;
19866
- border-spacing: 0;
19867
- }
19868
-
19869
- .v-data-table__tr--focus {
19870
- border: 1px dotted black;
19871
- }
19872
- .v-data-table__tr--clickable {
19873
- cursor: pointer;
19874
- }
19875
-
19876
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19877
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19878
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19879
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19880
- text-align: end;
19881
- }
19882
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19883
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19884
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19885
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19886
- flex-direction: row-reverse;
19887
- }
19888
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19889
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19890
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19891
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19892
- text-align: center;
19893
- }
19894
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19895
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19896
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19897
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19683
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19684
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19685
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19686
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19898
19687
  justify-content: center;
19899
19688
  }
19900
19689
  .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
@@ -20074,62 +19863,273 @@ html.overflow-y-hidden {
20074
19863
  }
20075
19864
  .v-data-table-footer__page {
20076
19865
  padding: 0 8px;
20077
- }.v-dialog {
20078
- align-items: center;
20079
- justify-content: center;
20080
- margin: auto;
20081
- }
20082
- .v-dialog > .v-overlay__content {
20083
- max-height: calc(100% - 48px);
20084
- width: calc(100% - 48px);
20085
- max-width: calc(100% - 48px);
20086
- margin: 24px;
20087
- }
20088
- .v-dialog > .v-overlay__content,
20089
- .v-dialog > .v-overlay__content > form {
20090
- display: flex;
20091
- flex-direction: column;
20092
- min-height: 0;
19866
+ }.v-date-picker {
19867
+ overflow: hidden;
19868
+ width: 328px;
20093
19869
  }
20094
- .v-dialog > .v-overlay__content > .v-card,
20095
- .v-dialog > .v-overlay__content > .v-sheet,
20096
- .v-dialog > .v-overlay__content > form > .v-card,
20097
- .v-dialog > .v-overlay__content > form > .v-sheet {
20098
- --v-scrollbar-offset: 0px;
20099
- border-radius: 4px;
20100
- overflow-y: auto;
20101
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19870
+ .v-date-picker--show-week {
19871
+ width: 368px;
19872
+ }.v-date-picker-header {
19873
+ align-items: flex-end;
19874
+ height: 70px;
19875
+ display: grid;
19876
+ grid-template-areas: "prepend content append";
19877
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19878
+ overflow: hidden;
19879
+ padding-inline: 24px 12px;
19880
+ padding-bottom: 12px;
20102
19881
  }
20103
- .v-dialog > .v-overlay__content > .v-card,
20104
- .v-dialog > .v-overlay__content > form > .v-card {
20105
- display: flex;
20106
- flex-direction: column;
19882
+
19883
+ .v-date-picker-header__append {
19884
+ grid-area: append;
20107
19885
  }
20108
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20109
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20110
- padding: 16px 24px;
19886
+
19887
+ .v-date-picker-header__prepend {
19888
+ grid-area: prepend;
19889
+ padding-inline-start: 8px;
20111
19890
  }
20112
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20113
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20114
- padding-top: 0;
19891
+
19892
+ .v-date-picker-header__content {
19893
+ align-items: center;
19894
+ display: inline-flex;
19895
+ font-size: 32px;
19896
+ line-height: 40px;
19897
+ grid-area: content;
19898
+ justify-content: space-between;
20115
19899
  }
20116
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20117
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20118
- font-size: inherit;
20119
- letter-spacing: 0.03125em;
20120
- line-height: inherit;
20121
- padding: 16px 24px 24px;
19900
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19901
+ cursor: pointer;
20122
19902
  }
20123
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20124
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20125
- justify-content: flex-end;
19903
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19904
+ opacity: 0.7;
20126
19905
  }
20127
19906
 
20128
- .v-dialog--fullscreen {
20129
- --v-scrollbar-offset: 0px;
20130
- }
20131
- .v-dialog--fullscreen > .v-overlay__content {
20132
- border-radius: 0;
19907
+ .date-picker-header-transition-enter-active,
19908
+ .date-picker-header-reverse-transition-enter-active {
19909
+ transition-duration: 0.3s;
19910
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19911
+ }
19912
+ .date-picker-header-transition-leave-active,
19913
+ .date-picker-header-reverse-transition-leave-active {
19914
+ transition-duration: 0.3s;
19915
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19916
+ }
19917
+
19918
+ .date-picker-header-transition-enter-from {
19919
+ transform: translate(0, 100%);
19920
+ }
19921
+ .date-picker-header-transition-leave-to {
19922
+ opacity: 0;
19923
+ transform: translate(0, -100%);
19924
+ }
19925
+
19926
+ .date-picker-header-reverse-transition-enter-from {
19927
+ transform: translate(0, -100%);
19928
+ }
19929
+ .date-picker-header-reverse-transition-leave-to {
19930
+ opacity: 0;
19931
+ transform: translate(0, 100%);
19932
+ }.v-date-picker-controls {
19933
+ display: flex;
19934
+ align-items: center;
19935
+ justify-content: space-between;
19936
+ font-size: 0.875rem;
19937
+ padding-top: 4px;
19938
+ padding-bottom: 4px;
19939
+ padding-inline-start: 6px;
19940
+ padding-inline-end: 12px;
19941
+ }
19942
+ .v-date-picker-controls > .v-btn:first-child {
19943
+ text-transform: none;
19944
+ font-weight: 400;
19945
+ line-height: initial;
19946
+ letter-spacing: initial;
19947
+ }
19948
+ .v-date-picker-controls--variant-classic {
19949
+ padding-inline-start: 12px;
19950
+ }
19951
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19952
+ opacity: 0.7;
19953
+ }
19954
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19955
+ cursor: pointer;
19956
+ }
19957
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19958
+ opacity: 1;
19959
+ }
19960
+ .v-date-picker-controls .v-btn:last-child {
19961
+ margin-inline-start: 4px;
19962
+ }
19963
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19964
+ transform: rotate(180deg);
19965
+ }
19966
+
19967
+ .v-date-picker-controls__date {
19968
+ margin-inline-end: 4px;
19969
+ }
19970
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19971
+ margin: auto;
19972
+ text-align: center;
19973
+ }
19974
+
19975
+ .v-date-picker-controls__month {
19976
+ display: flex;
19977
+ }
19978
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19979
+ flex-direction: row-reverse;
19980
+ }
19981
+
19982
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19983
+ flex: 1 0 auto;
19984
+ }
19985
+
19986
+ .v-date-picker__title {
19987
+ 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
+ }.v-date-picker-years {
20044
+ height: 288px;
20045
+ overflow-y: scroll;
20046
+ }
20047
+
20048
+ .v-date-picker-years__content {
20049
+ display: grid;
20050
+ flex: 1 1;
20051
+ justify-content: space-around;
20052
+ grid-template-columns: repeat(3, 1fr);
20053
+ gap: 8px 24px;
20054
+ padding-inline: 32px;
20055
+ }
20056
+ .v-date-picker-years__content .v-btn {
20057
+ 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
+ }.v-dialog {
20078
+ align-items: center;
20079
+ justify-content: center;
20080
+ margin: auto;
20081
+ }
20082
+ .v-dialog > .v-overlay__content {
20083
+ max-height: calc(100% - 48px);
20084
+ width: calc(100% - 48px);
20085
+ max-width: calc(100% - 48px);
20086
+ margin: 24px;
20087
+ }
20088
+ .v-dialog > .v-overlay__content,
20089
+ .v-dialog > .v-overlay__content > form {
20090
+ display: flex;
20091
+ flex-direction: column;
20092
+ min-height: 0;
20093
+ }
20094
+ .v-dialog > .v-overlay__content > .v-card,
20095
+ .v-dialog > .v-overlay__content > .v-sheet,
20096
+ .v-dialog > .v-overlay__content > form > .v-card,
20097
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20098
+ --v-scrollbar-offset: 0px;
20099
+ border-radius: 4px;
20100
+ overflow-y: auto;
20101
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20102
+ }
20103
+ .v-dialog > .v-overlay__content > .v-card,
20104
+ .v-dialog > .v-overlay__content > form > .v-card {
20105
+ display: flex;
20106
+ flex-direction: column;
20107
+ }
20108
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20109
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20110
+ padding: 16px 24px;
20111
+ }
20112
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20113
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20114
+ padding-top: 0;
20115
+ }
20116
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20117
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20118
+ font-size: inherit;
20119
+ letter-spacing: 0.03125em;
20120
+ line-height: inherit;
20121
+ padding: 16px 24px 24px;
20122
+ }
20123
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20124
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20125
+ justify-content: flex-end;
20126
+ }
20127
+
20128
+ .v-dialog--fullscreen {
20129
+ --v-scrollbar-offset: 0px;
20130
+ }
20131
+ .v-dialog--fullscreen > .v-overlay__content {
20132
+ border-radius: 0;
20133
20133
  margin: 0;
20134
20134
  padding: 0;
20135
20135
  width: 100%;
@@ -20283,857 +20283,857 @@ html.overflow-y-hidden {
20283
20283
  .v-empty-state__action-btn.v-btn {
20284
20284
  background-color: initial;
20285
20285
  color: initial;
20286
- }.v-expansion-panel {
20287
- background-color: rgb(var(--v-theme-surface));
20288
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20289
- }
20290
- .v-expansion-panel:not(:first-child)::after {
20291
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
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);
20292
20306
  }
20293
- .v-expansion-panel--disabled .v-expansion-panel-title {
20294
- color: rgba(var(--v-theme-on-surface), 0.26);
20307
+ .v-field--disabled {
20308
+ opacity: var(--v-disabled-opacity);
20309
+ pointer-events: none;
20295
20310
  }
20296
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20297
- opacity: 0.4615384615;
20311
+ .v-field .v-chip {
20312
+ --v-chip-height: 24px;
20298
20313
  }
20299
20314
 
20300
- .v-expansion-panels {
20301
- display: flex;
20302
- flex-wrap: wrap;
20303
- justify-content: center;
20304
- list-style-type: none;
20305
- padding: 0;
20306
- width: 100%;
20307
- position: relative;
20308
- z-index: 1;
20315
+ /* endregion */
20316
+ /* region MODIFIERS */
20317
+ .v-field--prepended {
20318
+ padding-inline-start: 12px;
20309
20319
  }
20310
- .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) {
20311
- border-bottom-left-radius: 0 !important;
20312
- border-bottom-right-radius: 0 !important;
20320
+ .v-field--appended {
20321
+ padding-inline-end: 12px;
20313
20322
  }
20314
- .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) {
20315
- border-top-left-radius: 0 !important;
20316
- border-top-right-radius: 0 !important;
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));
20317
20328
  }
20318
- .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) {
20319
- border-bottom-left-radius: 0 !important;
20320
- border-bottom-right-radius: 0 !important;
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));
20321
20334
  }
20322
- .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) {
20323
- border-top-left-radius: 0 !important;
20324
- border-top-right-radius: 0 !important;
20335
+ .v-field--variant-solo-inverted.v-field--focused {
20336
+ color: rgb(var(--v-theme-on-surface-variant));
20325
20337
  }
20326
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20327
- border-bottom-left-radius: 0 !important;
20328
- border-bottom-right-radius: 0 !important;
20338
+ .v-field--variant-filled {
20339
+ border-bottom-left-radius: 0;
20340
+ border-bottom-right-radius: 0;
20329
20341
  }
20330
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20331
- border-top-left-radius: 0 !important;
20332
- border-top-right-radius: 0 !important;
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;
20333
20345
  }
20334
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20335
- border-bottom-left-radius: initial;
20336
- border-bottom-right-radius: initial;
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;
20337
20350
  }
20338
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20339
- border-radius: 0 !important;
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;
20340
20355
  }
20341
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20342
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20356
+
20357
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20358
+ --v-field-padding-top: 0px;
20359
+ }
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;
20343
20362
  }
20344
20363
 
20345
- .v-expansion-panel {
20346
- flex: 1 0 100%;
20347
- max-width: 100%;
20348
- position: relative;
20349
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20350
- transition-property: margin-top, border-radius, border, max-width;
20351
- border-radius: 4px;
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;
20352
20366
  }
20353
- .v-expansion-panel:not(:first-child)::after {
20354
- border-top-style: solid;
20355
- border-top-width: thin;
20356
- content: "";
20357
- left: 0;
20358
- position: absolute;
20359
- right: 0;
20360
- top: 0;
20361
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
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;
20362
20370
  }
20363
- .v-expansion-panel--disabled .v-expansion-panel-title {
20364
- pointer-events: none;
20371
+
20372
+ .v-field--variant-plain, .v-field--variant-underlined {
20373
+ border-radius: 0;
20374
+ padding: 0;
20365
20375
  }
20366
- .v-expansion-panel--active:not(:first-child),
20367
- .v-expansion-panel--active + .v-expansion-panel {
20368
- margin-top: 16px;
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;
20369
20379
  }
20370
- .v-expansion-panel--active:not(:first-child)::after,
20371
- .v-expansion-panel--active + .v-expansion-panel::after {
20372
- opacity: 0;
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;
20373
20384
  }
20374
- .v-expansion-panel--active > .v-expansion-panel-title {
20375
- border-bottom-left-radius: 0;
20376
- border-bottom-right-radius: 0;
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;
20377
20390
  }
20378
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20379
- min-height: 64px;
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;
20380
20396
  }
20381
20397
 
20382
- .v-expansion-panel__shadow {
20383
- position: absolute;
20384
- top: 0;
20385
- left: 0;
20386
- width: 100%;
20387
- height: 100%;
20388
- 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));
20389
- border-radius: inherit;
20390
- z-index: -1;
20398
+ .v-field--flat {
20399
+ box-shadow: none;
20400
+ }
20401
+ .v-field--rounded {
20402
+ border-radius: 24px;
20403
+ }
20404
+ .v-field.v-field--prepended {
20405
+ --v-field-padding-start: 6px;
20406
+ }
20407
+ .v-field.v-field--appended {
20408
+ --v-field-padding-end: 6px;
20391
20409
  }
20392
20410
 
20393
- .v-expansion-panel-title {
20411
+ /* endregion */
20412
+ /* region ELEMENTS */
20413
+ .v-field__input {
20394
20414
  align-items: center;
20395
- text-align: start;
20396
- border-radius: inherit;
20415
+ color: inherit;
20416
+ column-gap: 2px;
20397
20417
  display: flex;
20398
- font-size: 0.9375rem;
20399
- line-height: 1;
20400
- min-height: 48px;
20401
- outline: none;
20402
- padding: 16px 24px;
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);
20403
20426
  position: relative;
20404
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20405
20427
  width: 100%;
20406
- justify-content: space-between;
20407
- }
20408
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20409
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20410
- }
20411
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20412
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20413
20428
  }
20414
- @supports not selector(:focus-visible) {
20415
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20416
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20417
- }
20429
+ .v-input--density-default .v-field__input {
20430
+ row-gap: 8px;
20418
20431
  }
20419
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20420
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20432
+
20433
+ .v-input--density-comfortable .v-field__input {
20434
+ row-gap: 6px;
20421
20435
  }
20422
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20423
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20436
+
20437
+ .v-input--density-compact .v-field__input {
20438
+ row-gap: 4px;
20424
20439
  }
20425
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20426
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20440
+
20441
+ .v-field__input input {
20442
+ letter-spacing: inherit;
20427
20443
  }
20428
- @supports not selector(:focus-visible) {
20429
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20430
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20431
- }
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);
20432
20449
  }
20433
20450
 
20434
- .v-expansion-panel-title__overlay {
20435
- position: absolute;
20436
- top: 0;
20437
- left: 0;
20438
- width: 100%;
20439
- height: 100%;
20440
- background-color: currentColor;
20441
- border-radius: inherit;
20442
- opacity: 0;
20451
+ .v-field__input:focus, .v-field__input:active {
20452
+ outline: none;
20443
20453
  }
20444
-
20445
- .v-expansion-panel-title__icon {
20446
- display: inline-flex;
20447
- margin-bottom: -4px;
20448
- margin-top: -4px;
20449
- -webkit-user-select: none;
20450
- user-select: none;
20451
- margin-inline-start: auto;
20454
+ .v-field__input:invalid {
20455
+ box-shadow: none;
20452
20456
  }
20453
20457
 
20454
- .v-expansion-panel-text {
20458
+ .v-field__field {
20459
+ flex: 1 0;
20460
+ grid-area: field;
20461
+ position: relative;
20462
+ align-items: flex-start;
20455
20463
  display: flex;
20456
20464
  }
20457
- .v-expansion-panel-text__wrapper {
20458
- padding: 8px 24px 16px;
20459
- flex: 1 1 auto;
20460
- max-width: 100%;
20461
- }
20462
20465
 
20463
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20464
- margin-top: 0;
20465
- }
20466
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20467
- opacity: 1;
20466
+ /* endregion */
20467
+ /* region AFFIXES */
20468
+ .v-field__prepend-inner {
20469
+ grid-area: prepend-inner;
20470
+ padding-inline-end: var(--v-field-padding-after);
20468
20471
  }
20469
20472
 
20470
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20471
- max-width: calc(100% - 32px);
20472
- }
20473
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20474
- max-width: calc(100% + 16px);
20475
- }
20476
-
20477
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20478
- max-width: 100%;
20479
- }
20480
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20481
- max-width: calc(100% - 32px);
20473
+ .v-field__clearable {
20474
+ grid-area: clear;
20482
20475
  }
20483
20476
 
20484
- .v-expansion-panels--flat > .v-expansion-panel::after {
20485
- border-top: none;
20486
- }
20487
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20488
- display: none;
20477
+ .v-field__append-inner {
20478
+ grid-area: append-inner;
20479
+ padding-inline-start: var(--v-field-padding-after);
20489
20480
  }
20490
20481
 
20491
- .v-expansion-panels--tile {
20492
- border-radius: 0;
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);
20493
20488
  }
20494
- .v-expansion-panels--tile > .v-expansion-panel {
20495
- border-radius: 0;
20496
- }.v-fab {
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 {
20497
20492
  align-items: center;
20498
- display: inline-flex;
20499
- flex: 1 1 auto;
20500
- pointer-events: none;
20501
- position: relative;
20502
- transition-duration: 0.2s;
20503
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20504
- vertical-align: middle;
20493
+ padding-top: 0;
20505
20494
  }
20506
- .v-fab .v-btn {
20507
- pointer-events: auto;
20495
+
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);
20508
20505
  }
20509
- .v-fab .v-btn--variant-elevated {
20510
- 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));
20506
+
20507
+ .v-field--focused .v-field__prepend-inner,
20508
+ .v-field--focused .v-field__append-inner {
20509
+ opacity: 1;
20511
20510
  }
20512
- .v-fab--app, .v-fab--absolute {
20513
- display: flex;
20511
+
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);
20514
20516
  }
20515
- .v-fab--start, .v-fab--left {
20516
- justify-content: flex-start;
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;
20517
20523
  }
20518
- .v-fab--center {
20519
- align-items: center;
20520
- justify-content: center;
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));
20521
20528
  }
20522
- .v-fab--end, .v-fab--right {
20523
- justify-content: flex-end;
20529
+
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;
20524
20537
  }
20525
- .v-fab--bottom {
20526
- align-items: flex-end;
20538
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
20539
+ opacity: 1;
20527
20540
  }
20528
- .v-fab--top {
20529
- align-items: flex-start;
20541
+ @media (hover: hover) {
20542
+ .v-field:hover .v-field__clearable {
20543
+ opacity: 1;
20544
+ }
20530
20545
  }
20531
- .v-fab--extended .v-btn {
20532
- border-radius: 9999px !important;
20546
+ @media (hover: none) {
20547
+ .v-field__clearable {
20548
+ opacity: 1;
20549
+ }
20533
20550
  }
20534
20551
 
20535
- .v-fab__container {
20536
- align-self: center;
20537
- display: inline-flex;
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));
20560
+ pointer-events: none;
20538
20561
  position: absolute;
20539
- vertical-align: middle;
20540
- }
20541
- .v-fab--app .v-fab__container {
20542
- margin: 12px;
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;
20543
20567
  }
20544
- .v-fab--absolute .v-fab__container {
20545
- position: absolute;
20546
- z-index: 4;
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));
20547
20570
  }
20548
- .v-fab--offset.v-fab--top .v-fab__container {
20571
+ .v-field--center-affix .v-label.v-field-label {
20572
+ top: 50%;
20549
20573
  transform: translateY(-50%);
20550
20574
  }
20551
- .v-fab--offset.v-fab--bottom .v-fab__container {
20552
- transform: translateY(50%);
20553
- }
20554
- .v-fab--top .v-fab__container {
20555
- top: 0;
20575
+ .v-field--active .v-label.v-field-label {
20576
+ visibility: hidden;
20556
20577
  }
20557
- .v-fab--bottom .v-fab__container {
20558
- bottom: 0;
20578
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
20579
+ opacity: 1;
20559
20580
  }
20560
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20561
- left: 0;
20581
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
20582
+ color: rgb(var(--v-theme-error));
20562
20583
  }
20563
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20564
- right: 0;
20565
- }/* region INPUT */
20566
- .v-field {
20567
- --v-theme-overlay-multiplier: 1;
20568
- display: grid;
20569
- grid-template-areas: "prepend-inner field clear append-inner";
20570
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20571
- font-size: 16px;
20572
- letter-spacing: 0.009375em;
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;
20573
20588
  max-width: 100%;
20574
- border-radius: 4px;
20575
- contain: layout;
20576
- flex: 1 0;
20577
- grid-area: control;
20578
- position: relative;
20579
- --v-field-padding-start: 16px;
20580
- --v-field-padding-end: 16px;
20581
- --v-field-padding-top: 8px;
20582
- --v-field-padding-bottom: 4px;
20583
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20584
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20585
- }
20586
- .v-field--disabled {
20587
- opacity: var(--v-disabled-opacity);
20588
- pointer-events: none;
20589
- }
20590
- .v-field .v-chip {
20591
- --v-chip-height: 24px;
20592
20589
  }
20593
-
20594
- /* endregion */
20595
- /* region MODIFIERS */
20596
- .v-field--prepended {
20597
- padding-inline-start: 12px;
20598
- }
20599
- .v-field--appended {
20600
- padding-inline-end: 12px;
20601
- }
20602
- .v-field--variant-solo, .v-field--variant-solo-filled {
20603
- background: rgb(var(--v-theme-surface));
20604
- border-color: transparent;
20605
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20606
- 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));
20607
- }
20608
- .v-field--variant-solo-inverted {
20609
- background: rgb(var(--v-theme-surface));
20610
- border-color: transparent;
20611
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20612
- 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));
20613
- }
20614
- .v-field--variant-solo-inverted.v-field--focused {
20615
- color: rgb(var(--v-theme-on-surface-variant));
20590
+ .v-field--center-affix .v-label.v-field-label--floating {
20591
+ transform: none;
20616
20592
  }
20617
- .v-field--variant-filled {
20618
- border-bottom-left-radius: 0;
20619
- border-bottom-right-radius: 0;
20593
+ .v-field.v-field--active .v-label.v-field-label--floating {
20594
+ visibility: unset;
20620
20595
  }
20621
- .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 {
20622
- --v-input-control-height: 56px;
20623
- --v-field-padding-bottom: 4px;
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;
20624
20598
  }
20625
20599
 
20626
- .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 {
20627
- --v-input-control-height: 48px;
20628
- --v-field-padding-bottom: 0px;
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;
20629
20602
  }
20630
20603
 
20631
- .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 {
20632
- --v-input-control-height: 40px;
20633
- --v-field-padding-bottom: 0px;
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;
20634
20606
  }
20635
20607
 
20636
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20637
- --v-field-padding-top: 0px;
20638
- }
20639
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
20640
- --v-field-padding-bottom: 16px;
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);
20641
20612
  }
20642
-
20643
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
20644
- --v-field-padding-bottom: 12px;
20613
+ .v-field--variant-outlined .v-label.v-field-label--floating {
20614
+ transform: translateY(-50%);
20615
+ transform-origin: center;
20616
+ position: static;
20617
+ margin: 0 4px;
20645
20618
  }
20646
20619
 
20647
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
20648
- --v-field-padding-bottom: 8px;
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%;
20649
20634
  }
20650
-
20651
- .v-field--variant-plain, .v-field--variant-underlined {
20652
- border-radius: 0;
20653
- padding: 0;
20635
+ @media (hover: hover) {
20636
+ .v-field:hover .v-field__outline {
20637
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
20638
+ }
20654
20639
  }
20655
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
20656
- --v-field-padding-start: 0px;
20657
- --v-field-padding-end: 0px;
20640
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
20641
+ color: rgb(var(--v-theme-error));
20658
20642
  }
20659
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
20660
- --v-input-control-height: 48px;
20661
- --v-field-padding-top: 4px;
20662
- --v-field-padding-bottom: 4px;
20643
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
20644
+ --v-field-border-opacity: 1;
20663
20645
  }
20664
-
20665
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
20666
- --v-input-control-height: 40px;
20667
- --v-field-padding-top: 2px;
20668
- --v-field-padding-bottom: 0px;
20646
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
20647
+ --v-field-border-width: 2px;
20669
20648
  }
20670
-
20671
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
20672
- --v-input-control-height: 32px;
20673
- --v-field-padding-top: 0px;
20674
- --v-field-padding-bottom: 0px;
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%;
20675
20661
  }
20676
-
20677
- .v-field--flat {
20678
- box-shadow: none;
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: "";
20669
+ position: absolute;
20670
+ top: 0;
20671
+ left: 0;
20672
+ width: 100%;
20673
+ height: 100%;
20679
20674
  }
20680
- .v-field--rounded {
20681
- border-radius: 24px;
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);
20682
20677
  }
20683
- .v-field.v-field--prepended {
20684
- --v-field-padding-start: 6px;
20678
+
20679
+ .v-field--variant-outlined .v-field__outline {
20680
+ border-radius: inherit;
20685
20681
  }
20686
- .v-field.v-field--appended {
20687
- --v-field-padding-end: 6px;
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);
20688
20686
  }
20689
-
20690
- /* endregion */
20691
- /* region ELEMENTS */
20692
- .v-field__input {
20693
- align-items: center;
20694
- color: inherit;
20695
- column-gap: 2px;
20696
- display: flex;
20697
- flex-wrap: wrap;
20698
- letter-spacing: 0.009375em;
20699
- opacity: var(--v-high-emphasis-opacity);
20700
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
20701
- min-width: 0;
20702
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
20703
- padding-top: var(--v-field-input-padding-top);
20704
- padding-bottom: var(--v-field-input-padding-bottom);
20705
- position: relative;
20706
- width: 100%;
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;
20707
20696
  }
20708
- .v-input--density-default .v-field__input {
20709
- row-gap: 8px;
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);
20710
20701
  }
20711
20702
 
20712
- .v-input--density-comfortable .v-field__input {
20713
- row-gap: 6px;
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;
20714
20710
  }
20715
20711
 
20716
- .v-input--density-compact .v-field__input {
20717
- row-gap: 4px;
20712
+ .v-field--variant-outlined .v-field__outline__notch {
20713
+ flex: none;
20714
+ position: relative;
20715
+ max-width: calc(100% - 12px);
20718
20716
  }
20719
-
20720
- .v-field__input input {
20721
- letter-spacing: inherit;
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%;
20722
20726
  }
20723
- .v-field__input input::placeholder,
20724
- input.v-field__input::placeholder,
20725
- textarea.v-field__input::placeholder {
20726
- color: currentColor;
20727
- opacity: var(--v-disabled-opacity);
20727
+ .v-field--variant-outlined .v-field__outline__notch::before {
20728
+ border-width: var(--v-field-border-width) 0 0;
20728
20729
  }
20729
-
20730
- .v-field__input:focus, .v-field__input:active {
20731
- outline: none;
20730
+ .v-field--variant-outlined .v-field__outline__notch::after {
20731
+ bottom: 0;
20732
+ border-width: 0 0 var(--v-field-border-width);
20732
20733
  }
20733
- .v-field__input:invalid {
20734
- box-shadow: none;
20734
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
20735
+ opacity: 0;
20735
20736
  }
20736
20737
 
20737
- .v-field__field {
20738
- flex: 1 0;
20739
- grid-area: field;
20740
- position: relative;
20741
- align-items: flex-start;
20742
- display: flex;
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;
20747
+ }
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);
20743
20755
  }
20744
20756
 
20745
20757
  /* endregion */
20746
- /* region AFFIXES */
20747
- .v-field__prepend-inner {
20748
- grid-area: prepend-inner;
20749
- padding-inline-end: var(--v-field-padding-after);
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;
20750
20770
  }
20751
-
20752
- .v-field__clearable {
20753
- grid-area: clear;
20771
+ .v-field--variant-outlined .v-field__loader {
20772
+ top: calc(100% - 3px);
20773
+ width: calc(100% - 1px * 2);
20774
+ left: 1px;
20754
20775
  }
20755
20776
 
20756
- .v-field__append-inner {
20757
- grid-area: append-inner;
20758
- padding-inline-start: var(--v-field-padding-after);
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%;
20759
20787
  }
20760
20788
 
20761
- .v-field__append-inner,
20762
- .v-field__clearable,
20763
- .v-field__prepend-inner {
20764
- display: flex;
20765
- align-items: flex-start;
20766
- padding-top: var(--v-input-padding-top, 8px);
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);
20767
20793
  }
20768
- .v-field--center-affix .v-field__append-inner,
20769
- .v-field--center-affix .v-field__clearable,
20770
- .v-field--center-affix .v-field__prepend-inner {
20771
- align-items: center;
20772
- padding-top: 0;
20794
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
20795
+ opacity: 0;
20773
20796
  }
20774
-
20775
- .v-field.v-field--variant-underlined .v-field__append-inner,
20776
- .v-field.v-field--variant-underlined .v-field__clearable,
20777
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
20778
- .v-field.v-field--variant-plain .v-field__append-inner,
20779
- .v-field.v-field--variant-plain .v-field__clearable,
20780
- .v-field.v-field--variant-plain .v-field__prepend-inner {
20781
- align-items: flex-start;
20782
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20783
- padding-bottom: var(--v-field-padding-bottom, 4px);
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
+ }
20784
20801
  }
20785
-
20786
- .v-field--focused .v-field__prepend-inner,
20787
- .v-field--focused .v-field__append-inner {
20788
- opacity: 1;
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));
20789
20804
  }
20790
20805
 
20791
- .v-field__prepend-inner > .v-icon,
20792
- .v-field__append-inner > .v-icon,
20793
- .v-field__clearable > .v-icon {
20794
- opacity: var(--v-medium-emphasis-opacity);
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);
20795
20810
  }
20796
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
20797
- .v-field--disabled .v-field__append-inner > .v-icon,
20798
- .v-field--error .v-field__append-inner > .v-icon,
20799
- .v-field--disabled .v-field__clearable > .v-icon,
20800
- .v-field--error .v-field__clearable > .v-icon {
20801
- opacity: 1;
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
+ }
20802
20815
  }
20803
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
20804
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
20805
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
20806
- color: rgb(var(--v-theme-error));
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));
20807
20818
  }
20808
20819
 
20809
- .v-field__clearable {
20810
- cursor: pointer;
20811
- opacity: 0;
20812
- overflow: hidden;
20813
- margin-inline: 4px;
20814
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20815
- transition-property: opacity, transform, width;
20820
+ .v-field--variant-solo-inverted .v-field__overlay {
20821
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20816
20822
  }
20817
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
20818
- opacity: 1;
20823
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
20824
+ opacity: 0;
20819
20825
  }
20820
20826
  @media (hover: hover) {
20821
- .v-field:hover .v-field__clearable {
20822
- opacity: 1;
20827
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
20828
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20823
20829
  }
20824
20830
  }
20825
- @media (hover: none) {
20826
- .v-field__clearable {
20827
- opacity: 1;
20828
- }
20831
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20832
+ background-color: rgb(var(--v-theme-surface-variant));
20833
+ opacity: 1;
20829
20834
  }
20830
20835
 
20831
20836
  /* endregion */
20832
- /* region LABEL */
20833
- .v-label.v-field-label {
20834
- contain: layout paint;
20835
- display: block;
20836
- margin-inline-start: var(--v-field-padding-start);
20837
- margin-inline-end: var(--v-field-padding-end);
20838
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
20839
- pointer-events: none;
20840
- position: absolute;
20841
- top: var(--v-input-padding-top);
20842
- transform-origin: left center;
20843
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20844
- transition-property: opacity, transform;
20845
- z-index: 1;
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;
20846
20842
  }
20847
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
20848
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
20843
+ .v-field--reverse .v-field__input, .v-field--reverse input {
20844
+ text-align: end;
20849
20845
  }
20850
- .v-field--center-affix .v-label.v-field-label {
20851
- top: 50%;
20852
- transform: translateY(-50%);
20846
+
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;
20853
20850
  }
20854
- .v-field--active .v-label.v-field-label {
20855
- visibility: hidden;
20851
+
20852
+ .v-field--loading .v-field__outline::after,
20853
+ .v-field--loading .v-field__outline::before {
20854
+ opacity: 0;
20856
20855
  }
20857
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
20858
- opacity: 1;
20856
+
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));
20859
20860
  }
20860
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
20861
- color: rgb(var(--v-theme-error));
20861
+ .v-expansion-panel:not(:first-child)::after {
20862
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20863
+ }
20864
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20865
+ color: rgba(var(--v-theme-on-surface), 0.26);
20866
+ }
20867
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20868
+ opacity: 0.4615384615;
20869
+ }
20870
+
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%;
20878
+ position: relative;
20879
+ z-index: 1;
20880
+ }
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;
20862
20884
  }
20863
- .v-label.v-field-label--floating {
20864
- --v-field-label-scale: 0.75em;
20865
- font-size: var(--v-field-label-scale);
20866
- visibility: hidden;
20867
- max-width: 100%;
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;
20868
20888
  }
20869
- .v-field--center-affix .v-label.v-field-label--floating {
20870
- transform: none;
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;
20871
20892
  }
20872
- .v-field.v-field--active .v-label.v-field-label--floating {
20873
- visibility: unset;
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;
20874
20896
  }
20875
- .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 {
20876
- top: 7px;
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;
20877
20900
  }
20878
-
20879
- .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 {
20880
- top: 5px;
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;
20881
20904
  }
20882
-
20883
- .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 {
20884
- top: 3px;
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;
20885
20908
  }
20886
-
20887
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
20888
- transform: translateY(-16px);
20889
- margin: 0;
20890
- top: var(--v-input-padding-top);
20909
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20910
+ border-radius: 0 !important;
20891
20911
  }
20892
- .v-field--variant-outlined .v-label.v-field-label--floating {
20893
- transform: translateY(-50%);
20894
- transform-origin: center;
20895
- position: static;
20896
- margin: 0 4px;
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);
20897
20914
  }
20898
20915
 
20899
- /* endregion */
20900
- /* region OUTLINE */
20901
- .v-field__outline {
20902
- --v-field-border-width: 1px;
20903
- --v-field-border-opacity: 0.38;
20904
- align-items: stretch;
20905
- contain: layout;
20906
- display: flex;
20907
- height: 100%;
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;
20923
+ }
20924
+ .v-expansion-panel:not(:first-child)::after {
20925
+ border-top-style: solid;
20926
+ border-top-width: thin;
20927
+ content: "";
20908
20928
  left: 0;
20909
- pointer-events: none;
20910
20929
  position: absolute;
20911
20930
  right: 0;
20912
- width: 100%;
20931
+ top: 0;
20932
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20913
20933
  }
20914
- @media (hover: hover) {
20915
- .v-field:hover .v-field__outline {
20916
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
20917
- }
20934
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20935
+ pointer-events: none;
20918
20936
  }
20919
- .v-field--error:not(.v-field--disabled) .v-field__outline {
20920
- color: rgb(var(--v-theme-error));
20937
+ .v-expansion-panel--active:not(:first-child),
20938
+ .v-expansion-panel--active + .v-expansion-panel {
20939
+ margin-top: 16px;
20921
20940
  }
20922
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
20923
- --v-field-border-opacity: 1;
20941
+ .v-expansion-panel--active:not(:first-child)::after,
20942
+ .v-expansion-panel--active + .v-expansion-panel::after {
20943
+ opacity: 0;
20924
20944
  }
20925
- .v-field--variant-outlined.v-field--focused .v-field__outline {
20926
- --v-field-border-width: 2px;
20945
+ .v-expansion-panel--active > .v-expansion-panel-title {
20946
+ border-bottom-left-radius: 0;
20947
+ border-bottom-right-radius: 0;
20927
20948
  }
20928
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
20929
- border-color: currentColor;
20930
- border-style: solid;
20931
- border-width: 0 0 var(--v-field-border-width);
20932
- opacity: var(--v-field-border-opacity);
20933
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20934
- content: "";
20935
- position: absolute;
20936
- top: 0;
20937
- left: 0;
20938
- width: 100%;
20939
- height: 100%;
20949
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20950
+ min-height: 64px;
20940
20951
  }
20941
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
20942
- border-color: currentColor;
20943
- border-style: solid;
20944
- border-width: 0 0 2px;
20945
- transform: scaleX(0);
20946
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20947
- content: "";
20952
+
20953
+ .v-expansion-panel__shadow {
20948
20954
  position: absolute;
20949
20955
  top: 0;
20950
20956
  left: 0;
20951
20957
  width: 100%;
20952
20958
  height: 100%;
20953
- }
20954
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
20955
- transform: scaleX(1);
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;
20956
20962
  }
20957
20963
 
20958
- .v-field--variant-outlined .v-field__outline {
20964
+ .v-expansion-panel-title {
20965
+ align-items: center;
20966
+ text-align: start;
20959
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;
20960
20978
  }
20961
- .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 {
20962
- border: 0 solid currentColor;
20963
- opacity: var(--v-field-border-opacity);
20964
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20979
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20980
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20965
20981
  }
20966
- .v-field--variant-outlined .v-field__outline__start {
20967
- flex: 0 0 12px;
20968
- border-top-width: var(--v-field-border-width);
20969
- border-bottom-width: var(--v-field-border-width);
20970
- border-inline-start-width: var(--v-field-border-width);
20971
- border-start-start-radius: inherit;
20972
- border-start-end-radius: 0;
20973
- border-end-end-radius: 0;
20974
- border-end-start-radius: inherit;
20982
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20983
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20975
20984
  }
20976
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
20977
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
20978
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
20979
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
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));
20988
+ }
20980
20989
  }
20981
-
20982
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
20983
- border-start-start-radius: 0;
20984
- border-start-end-radius: inherit;
20985
- border-end-end-radius: inherit;
20986
- border-end-start-radius: 0;
20987
- border-inline-end-width: var(--v-field-border-width);
20988
- border-inline-start-width: 0;
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));
20989
20992
  }
20990
-
20991
- .v-field--variant-outlined .v-field__outline__notch {
20992
- flex: none;
20993
- position: relative;
20994
- max-width: calc(100% - 12px);
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));
20995
20995
  }
20996
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
20997
- opacity: var(--v-field-border-opacity);
20998
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20999
- content: "";
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));
20998
+ }
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
+ }
21003
+ }
21004
+
21005
+ .v-expansion-panel-title__overlay {
21000
21006
  position: absolute;
21001
21007
  top: 0;
21002
21008
  left: 0;
21003
21009
  width: 100%;
21004
21010
  height: 100%;
21011
+ background-color: currentColor;
21012
+ border-radius: inherit;
21013
+ opacity: 0;
21005
21014
  }
21006
- .v-field--variant-outlined .v-field__outline__notch::before {
21007
- border-width: var(--v-field-border-width) 0 0;
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;
21008
21023
  }
21009
- .v-field--variant-outlined .v-field__outline__notch::after {
21010
- bottom: 0;
21011
- border-width: 0 0 var(--v-field-border-width);
21024
+
21025
+ .v-expansion-panel-text {
21026
+ display: flex;
21012
21027
  }
21013
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21014
- opacity: 0;
21028
+ .v-expansion-panel-text__wrapper {
21029
+ padding: 8px 24px 16px;
21030
+ flex: 1 1 auto;
21031
+ max-width: 100%;
21015
21032
  }
21016
21033
 
21017
- .v-field--variant-outlined .v-field__outline__end {
21018
- flex: 1;
21019
- border-top-width: var(--v-field-border-width);
21020
- border-bottom-width: var(--v-field-border-width);
21021
- border-inline-end-width: var(--v-field-border-width);
21022
- border-start-start-radius: 0;
21023
- border-start-end-radius: inherit;
21024
- border-end-end-radius: inherit;
21025
- border-end-start-radius: 0;
21034
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21035
+ margin-top: 0;
21026
21036
  }
21027
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21028
- border-start-start-radius: inherit;
21029
- border-start-end-radius: 0;
21030
- border-end-end-radius: 0;
21031
- border-end-start-radius: inherit;
21032
- border-inline-end-width: 0;
21033
- border-inline-start-width: var(--v-field-border-width);
21037
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21038
+ opacity: 1;
21034
21039
  }
21035
21040
 
21036
- /* endregion */
21037
- /* region LOADER */
21038
- .v-field__loader {
21039
- top: calc(100% - 2px);
21040
- left: 0;
21041
- position: absolute;
21042
- right: 0;
21043
- width: 100%;
21044
- border-top-left-radius: 0;
21045
- border-top-right-radius: 0;
21046
- border-bottom-left-radius: inherit;
21047
- border-bottom-right-radius: inherit;
21048
- overflow: hidden;
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);
21049
21046
  }
21050
- .v-field--variant-outlined .v-field__loader {
21051
- top: calc(100% - 3px);
21052
- width: calc(100% - 1px * 2);
21053
- left: 1px;
21047
+
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);
21054
21053
  }
21055
21054
 
21056
- /* endregion */
21057
- /* region OVERLAY */
21058
- .v-field__overlay {
21059
- border-radius: inherit;
21060
- pointer-events: none;
21061
- position: absolute;
21062
- top: 0;
21063
- left: 0;
21064
- width: 100%;
21065
- height: 100%;
21055
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21056
+ border-top: none;
21057
+ }
21058
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21059
+ display: none;
21066
21060
  }
21067
21061
 
21068
- .v-field--variant-filled .v-field__overlay {
21069
- background-color: currentColor;
21070
- opacity: 0.04;
21071
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21062
+ .v-expansion-panels--tile {
21063
+ border-radius: 0;
21072
21064
  }
21073
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
21074
- opacity: 0;
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;
21075
21076
  }
21076
- @media (hover: hover) {
21077
- .v-field--variant-filled:hover .v-field__overlay {
21078
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21079
- }
21077
+ .v-fab .v-btn {
21078
+ pointer-events: auto;
21080
21079
  }
21081
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21082
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
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));
21083
21082
  }
21084
-
21085
- .v-field--variant-solo-filled .v-field__overlay {
21086
- background-color: currentColor;
21087
- opacity: 0.04;
21088
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21083
+ .v-fab--app, .v-fab--absolute {
21084
+ display: flex;
21089
21085
  }
21090
- @media (hover: hover) {
21091
- .v-field--variant-solo-filled:hover .v-field__overlay {
21092
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21093
- }
21086
+ .v-fab--start, .v-fab--left {
21087
+ justify-content: flex-start;
21094
21088
  }
21095
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21096
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21089
+ .v-fab--center {
21090
+ align-items: center;
21091
+ justify-content: center;
21097
21092
  }
21098
-
21099
- .v-field--variant-solo-inverted .v-field__overlay {
21100
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21093
+ .v-fab--end, .v-fab--right {
21094
+ justify-content: flex-end;
21101
21095
  }
21102
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21103
- opacity: 0;
21096
+ .v-fab--bottom {
21097
+ align-items: flex-end;
21104
21098
  }
21105
- @media (hover: hover) {
21106
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21107
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21108
- }
21099
+ .v-fab--top {
21100
+ align-items: flex-start;
21109
21101
  }
21110
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21111
- background-color: rgb(var(--v-theme-surface-variant));
21112
- opacity: 1;
21102
+ .v-fab--extended .v-btn {
21103
+ border-radius: 9999px !important;
21113
21104
  }
21114
21105
 
21115
- /* endregion */
21116
- /* region MODIFIERS */
21117
- .v-field--reverse .v-field__field,
21118
- .v-field--reverse .v-field__input,
21119
- .v-field--reverse .v-field__outline {
21120
- flex-direction: row-reverse;
21106
+ .v-fab__container {
21107
+ align-self: center;
21108
+ display: inline-flex;
21109
+ position: absolute;
21110
+ vertical-align: middle;
21121
21111
  }
21122
- .v-field--reverse .v-field__input, .v-field--reverse input {
21123
- text-align: end;
21112
+ .v-fab--app .v-fab__container {
21113
+ margin: 12px;
21124
21114
  }
21125
-
21126
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21127
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21128
- 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;
21115
+ .v-fab--absolute .v-fab__container {
21116
+ position: absolute;
21117
+ z-index: 4;
21129
21118
  }
21130
-
21131
- .v-field--loading .v-field__outline::after,
21132
- .v-field--loading .v-field__outline::before {
21133
- opacity: 0;
21119
+ .v-fab--offset.v-fab--top .v-fab__container {
21120
+ transform: translateY(-50%);
21134
21121
  }
21135
-
21136
- /* endregion */.v-file-input--hide.v-input .v-field,
21122
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21123
+ transform: translateY(50%);
21124
+ }
21125
+ .v-fab--top .v-fab__container {
21126
+ top: 0;
21127
+ }
21128
+ .v-fab--bottom .v-fab__container {
21129
+ bottom: 0;
21130
+ }
21131
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21132
+ left: 0;
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
21137
  .v-file-input--hide.v-input .v-input__control,
21138
21138
  .v-file-input--hide.v-input .v-input__details {
21139
21139
  display: none;
@@ -22147,13 +22147,6 @@ textarea.v-field__input::placeholder {
22147
22147
 
22148
22148
  .v-label--clickable {
22149
22149
  cursor: pointer;
22150
- }.v-layout-item {
22151
- position: absolute;
22152
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22153
- }
22154
-
22155
- .v-layout-item--absolute {
22156
- position: absolute;
22157
22150
  }.v-layout {
22158
22151
  --v-scrollbar-offset: 0px;
22159
22152
  display: flex;
@@ -22162,6 +22155,13 @@ textarea.v-field__input::placeholder {
22162
22155
  .v-layout--full-height {
22163
22156
  --v-scrollbar-offset: inherit;
22164
22157
  height: 100%;
22158
+ }.v-layout-item {
22159
+ position: absolute;
22160
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22161
+ }
22162
+
22163
+ .v-layout-item--absolute {
22164
+ position: absolute;
22165
22165
  }.v-list {
22166
22166
  overflow: auto;
22167
22167
  padding: 8px 0;
@@ -22880,69 +22880,6 @@ textarea.v-field__input::placeholder {
22880
22880
  .v-navigation-drawer__append {
22881
22881
  flex: none;
22882
22882
  overflow: hidden;
22883
- }.v-overlay-container {
22884
- contain: layout;
22885
- left: 0;
22886
- pointer-events: none;
22887
- position: absolute;
22888
- top: 0;
22889
- display: contents;
22890
- }
22891
-
22892
- .v-overlay-scroll-blocked {
22893
- padding-inline-end: var(--v-scrollbar-offset);
22894
- }
22895
- .v-overlay-scroll-blocked:not(html) {
22896
- overflow-y: hidden !important;
22897
- }
22898
- html.v-overlay-scroll-blocked {
22899
- position: fixed;
22900
- top: var(--v-body-scroll-y);
22901
- left: var(--v-body-scroll-x);
22902
- width: 100%;
22903
- height: 100%;
22904
- }
22905
-
22906
- .v-overlay {
22907
- border-radius: inherit;
22908
- display: flex;
22909
- left: 0;
22910
- pointer-events: none;
22911
- position: fixed;
22912
- top: 0;
22913
- bottom: 0;
22914
- right: 0;
22915
- }
22916
-
22917
- .v-overlay__content {
22918
- outline: none;
22919
- position: absolute;
22920
- pointer-events: auto;
22921
- contain: layout;
22922
- }
22923
-
22924
- .v-overlay__scrim {
22925
- pointer-events: auto;
22926
- background: rgb(var(--v-theme-on-surface));
22927
- border-radius: inherit;
22928
- bottom: 0;
22929
- left: 0;
22930
- opacity: var(--v-overlay-opacity, 0.32);
22931
- position: fixed;
22932
- right: 0;
22933
- top: 0;
22934
- }
22935
-
22936
- .v-overlay--absolute {
22937
- position: absolute;
22938
- }
22939
-
22940
- .v-overlay--contained .v-overlay__scrim {
22941
- position: absolute;
22942
- }
22943
-
22944
- .v-overlay--scroll-blocked {
22945
- padding-inline-end: var(--v-scrollbar-offset);
22946
22883
  }.v-otp-input {
22947
22884
  border-radius: 4px;
22948
22885
  align-items: center;
@@ -22990,131 +22927,92 @@ html.v-overlay-scroll-blocked {
22990
22927
  -moz-appearance: textfield;
22991
22928
  }
22992
22929
 
22993
- .v-otp-input__loader {
22994
- align-items: center;
22995
- display: flex;
22996
- height: 100%;
22997
- justify-content: center;
22998
- width: 100%;
22999
- }
23000
- .v-otp-input__loader .v-progress-linear {
23001
- position: absolute;
23002
- }.v-pagination__list {
23003
- display: inline-flex;
23004
- list-style-type: none;
23005
- justify-content: center;
23006
- width: 100%;
23007
- }
23008
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23009
- margin: 0.3rem;
23010
- }.v-parallax {
23011
- position: relative;
23012
- overflow: hidden;
23013
- }
23014
- .v-parallax--active > .v-img__img {
23015
- will-change: transform;
23016
- }.v-progress-circular {
23017
- align-items: center;
23018
- display: inline-flex;
23019
- justify-content: center;
23020
- position: relative;
23021
- vertical-align: middle;
23022
- }
23023
- .v-progress-circular > svg {
23024
- width: 100%;
23025
- height: 100%;
23026
- margin: auto;
23027
- position: absolute;
23028
- top: 0;
23029
- bottom: 0;
23030
- left: 0;
23031
- right: 0;
23032
- z-index: 0;
23033
- }
23034
-
23035
- .v-progress-circular__content {
22930
+ .v-otp-input__loader {
23036
22931
  align-items: center;
23037
22932
  display: flex;
22933
+ height: 100%;
23038
22934
  justify-content: center;
22935
+ width: 100%;
23039
22936
  }
23040
-
23041
- .v-progress-circular__underlay {
23042
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23043
- stroke: currentColor;
23044
- z-index: 1;
23045
- }
23046
-
23047
- .v-progress-circular__overlay {
23048
- stroke: currentColor;
23049
- transition: all 0.2s ease-in-out, stroke-width 0s;
23050
- z-index: 2;
22937
+ .v-otp-input__loader .v-progress-linear {
22938
+ position: absolute;
22939
+ }.v-overlay-container {
22940
+ contain: layout;
22941
+ left: 0;
22942
+ pointer-events: none;
22943
+ position: absolute;
22944
+ top: 0;
22945
+ display: contents;
23051
22946
  }
23052
22947
 
23053
- .v-progress-circular--size-x-small {
23054
- height: 16px;
23055
- width: 16px;
23056
- }
23057
- .v-progress-circular--size-small {
23058
- height: 24px;
23059
- width: 24px;
23060
- }
23061
- .v-progress-circular--size-default {
23062
- height: 32px;
23063
- width: 32px;
22948
+ .v-overlay-scroll-blocked {
22949
+ padding-inline-end: var(--v-scrollbar-offset);
23064
22950
  }
23065
- .v-progress-circular--size-large {
23066
- height: 48px;
23067
- width: 48px;
22951
+ .v-overlay-scroll-blocked:not(html) {
22952
+ overflow-y: hidden !important;
23068
22953
  }
23069
- .v-progress-circular--size-x-large {
23070
- height: 64px;
23071
- width: 64px;
22954
+ html.v-overlay-scroll-blocked {
22955
+ position: fixed;
22956
+ top: var(--v-body-scroll-y);
22957
+ left: var(--v-body-scroll-x);
22958
+ width: 100%;
22959
+ height: 100%;
23072
22960
  }
23073
22961
 
23074
- .v-progress-circular--indeterminate > svg {
23075
- animation: progress-circular-rotate 1.4s linear infinite;
23076
- transform-origin: center center;
23077
- transition: all 0.2s ease-in-out;
22962
+ .v-overlay {
22963
+ border-radius: inherit;
22964
+ display: flex;
22965
+ left: 0;
22966
+ pointer-events: none;
22967
+ position: fixed;
22968
+ top: 0;
22969
+ bottom: 0;
22970
+ right: 0;
23078
22971
  }
23079
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23080
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23081
- stroke-dasharray: 25, 200;
23082
- stroke-dashoffset: 0;
23083
- stroke-linecap: round;
23084
- transform-origin: center center;
23085
- transform: rotate(-90deg);
22972
+
22973
+ .v-overlay__content {
22974
+ outline: none;
22975
+ position: absolute;
22976
+ pointer-events: auto;
22977
+ contain: layout;
23086
22978
  }
23087
22979
 
23088
- .v-progress-circular--disable-shrink > svg {
23089
- animation-duration: 0.7s;
22980
+ .v-overlay__scrim {
22981
+ pointer-events: auto;
22982
+ background: rgb(var(--v-theme-on-surface));
22983
+ border-radius: inherit;
22984
+ bottom: 0;
22985
+ left: 0;
22986
+ opacity: var(--v-overlay-opacity, 0.32);
22987
+ position: fixed;
22988
+ right: 0;
22989
+ top: 0;
23090
22990
  }
23091
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23092
- animation: none;
22991
+
22992
+ .v-overlay--absolute {
22993
+ position: absolute;
23093
22994
  }
23094
22995
 
23095
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23096
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23097
- animation-play-state: paused !important;
22996
+ .v-overlay--contained .v-overlay__scrim {
22997
+ position: absolute;
23098
22998
  }
23099
22999
 
23100
- @keyframes progress-circular-dash {
23101
- 0% {
23102
- stroke-dasharray: 1, 200;
23103
- stroke-dashoffset: 0px;
23104
- }
23105
- 50% {
23106
- stroke-dasharray: 100, 200;
23107
- stroke-dashoffset: -15px;
23108
- }
23109
- 100% {
23110
- stroke-dasharray: 100, 200;
23111
- stroke-dashoffset: -124px;
23112
- }
23000
+ .v-overlay--scroll-blocked {
23001
+ padding-inline-end: var(--v-scrollbar-offset);
23002
+ }.v-pagination__list {
23003
+ display: inline-flex;
23004
+ list-style-type: none;
23005
+ justify-content: center;
23006
+ width: 100%;
23113
23007
  }
23114
- @keyframes progress-circular-rotate {
23115
- 100% {
23116
- transform: rotate(270deg);
23117
- }
23008
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23009
+ margin: 0.3rem;
23010
+ }.v-parallax {
23011
+ position: relative;
23012
+ overflow: hidden;
23013
+ }
23014
+ .v-parallax--active > .v-img__img {
23015
+ will-change: transform;
23118
23016
  }.v-progress-linear {
23119
23017
  background: transparent;
23120
23018
  overflow: hidden;
@@ -23292,56 +23190,158 @@ html.v-overlay-scroll-blocked {
23292
23190
  right: -35%;
23293
23191
  }
23294
23192
  }
23295
- @keyframes indeterminate-rtl {
23296
- 0% {
23297
- left: 100%;
23298
- right: -90%;
23299
- }
23300
- 60% {
23301
- left: 100%;
23302
- right: -90%;
23303
- }
23304
- 100% {
23305
- left: -35%;
23306
- right: 100%;
23307
- }
23193
+ @keyframes indeterminate-rtl {
23194
+ 0% {
23195
+ left: 100%;
23196
+ right: -90%;
23197
+ }
23198
+ 60% {
23199
+ left: 100%;
23200
+ right: -90%;
23201
+ }
23202
+ 100% {
23203
+ left: -35%;
23204
+ right: 100%;
23205
+ }
23206
+ }
23207
+ @keyframes indeterminate-short-ltr {
23208
+ 0% {
23209
+ left: -200%;
23210
+ right: 100%;
23211
+ }
23212
+ 60% {
23213
+ left: 107%;
23214
+ right: -8%;
23215
+ }
23216
+ 100% {
23217
+ left: 107%;
23218
+ right: -8%;
23219
+ }
23220
+ }
23221
+ @keyframes indeterminate-short-rtl {
23222
+ 0% {
23223
+ left: 100%;
23224
+ right: -200%;
23225
+ }
23226
+ 60% {
23227
+ left: -8%;
23228
+ right: 107%;
23229
+ }
23230
+ 100% {
23231
+ left: -8%;
23232
+ right: 107%;
23233
+ }
23234
+ }
23235
+ @keyframes stream {
23236
+ to {
23237
+ transform: translateX(var(--v-progress-linear-stream-to));
23238
+ }
23239
+ }
23240
+ @keyframes progress-linear-stripes {
23241
+ 0% {
23242
+ background-position-x: var(--v-progress-linear-height);
23243
+ }
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;
23308
23321
  }
23309
- @keyframes indeterminate-short-ltr {
23310
- 0% {
23311
- left: -200%;
23312
- right: 100%;
23313
- }
23314
- 60% {
23315
- left: 107%;
23316
- right: -8%;
23317
- }
23318
- 100% {
23319
- left: 107%;
23320
- right: -8%;
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;
23322
23326
  }
23323
- @keyframes indeterminate-short-rtl {
23327
+
23328
+ @keyframes progress-circular-dash {
23324
23329
  0% {
23325
- left: 100%;
23326
- right: -200%;
23330
+ stroke-dasharray: 1, 200;
23331
+ stroke-dashoffset: 0px;
23327
23332
  }
23328
- 60% {
23329
- left: -8%;
23330
- right: 107%;
23333
+ 50% {
23334
+ stroke-dasharray: 100, 200;
23335
+ stroke-dashoffset: -15px;
23331
23336
  }
23332
23337
  100% {
23333
- left: -8%;
23334
- right: 107%;
23335
- }
23336
- }
23337
- @keyframes stream {
23338
- to {
23339
- transform: translateX(var(--v-progress-linear-stream-to));
23338
+ stroke-dasharray: 100, 200;
23339
+ stroke-dashoffset: -124px;
23340
23340
  }
23341
23341
  }
23342
- @keyframes progress-linear-stripes {
23343
- 0% {
23344
- background-position-x: var(--v-progress-linear-height);
23342
+ @keyframes progress-circular-rotate {
23343
+ 100% {
23344
+ transform: rotate(270deg);
23345
23345
  }
23346
23346
  }.v-radio-group > .v-input__control {
23347
23347
  flex-direction: column;
@@ -23412,32 +23412,6 @@ html.v-overlay-scroll-blocked {
23412
23412
 
23413
23413
  .v-slider__label {
23414
23414
  margin-inline-end: 12px;
23415
- }.v-responsive {
23416
- display: flex;
23417
- flex: 1 0 auto;
23418
- max-height: 100%;
23419
- max-width: 100%;
23420
- overflow: hidden;
23421
- position: relative;
23422
- }
23423
- .v-responsive--inline {
23424
- display: inline-flex;
23425
- flex: 0 0 auto;
23426
- }
23427
-
23428
- .v-responsive__content {
23429
- flex: 1 0 0px;
23430
- max-width: 100%;
23431
- }
23432
-
23433
- .v-responsive__sizer ~ .v-responsive__content {
23434
- margin-inline-start: -100%;
23435
- }
23436
-
23437
- .v-responsive__sizer {
23438
- flex: 1 0 0px;
23439
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23440
- pointer-events: none;
23441
23415
  }.v-rating {
23442
23416
  max-width: 100%;
23443
23417
  display: inline-flex;
@@ -23492,6 +23466,32 @@ html.v-overlay-scroll-blocked {
23492
23466
  opacity: 0;
23493
23467
  position: absolute;
23494
23468
  width: 0;
23469
+ }.v-responsive {
23470
+ display: flex;
23471
+ flex: 1 0 auto;
23472
+ max-height: 100%;
23473
+ max-width: 100%;
23474
+ overflow: hidden;
23475
+ position: relative;
23476
+ }
23477
+ .v-responsive--inline {
23478
+ display: inline-flex;
23479
+ flex: 0 0 auto;
23480
+ }
23481
+
23482
+ .v-responsive__content {
23483
+ flex: 1 0 0px;
23484
+ max-width: 100%;
23485
+ }
23486
+
23487
+ .v-responsive__sizer ~ .v-responsive__content {
23488
+ margin-inline-start: -100%;
23489
+ }
23490
+
23491
+ .v-responsive__sizer {
23492
+ flex: 1 0 0px;
23493
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23494
+ pointer-events: none;
23495
23495
  }.v-select .v-field .v-text-field__prefix,
23496
23496
  .v-select .v-field .v-text-field__suffix,
23497
23497
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24084,222 +24084,56 @@ html.v-overlay-scroll-blocked {
24084
24084
  .v-snackbar-transition-enter-active {
24085
24085
  transition-property: opacity, transform;
24086
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-stepper.v-sheet {
24138
- 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));
24139
- border-radius: 4px;
24140
- overflow: hidden;
24141
- }
24142
- .v-stepper.v-sheet.v-stepper--flat {
24143
- 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));
24144
- }
24145
-
24146
- .v-stepper-header {
24147
- 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));
24148
- align-items: center;
24149
- display: flex;
24150
- position: relative;
24151
- overflow-x: auto;
24152
- justify-content: space-between;
24153
- z-index: 1;
24154
- }
24155
- .v-stepper-header .v-divider {
24156
- margin: 0 -16px;
24157
- }
24158
- .v-stepper-header .v-divider:last-child {
24159
- margin-inline-end: 0;
24160
- }
24161
- .v-stepper-header .v-divider:first-child {
24162
- margin-inline-start: 0;
24163
- }
24164
- .v-stepper--alt-labels .v-stepper-header {
24165
- height: auto;
24166
- }
24167
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24168
- align-self: flex-start;
24169
- margin: 35px -67px 0;
24170
- }
24171
-
24172
- .v-stepper-window {
24173
- margin: 1.5rem;
24174
- }
24175
-
24176
- .v-stepper-actions {
24177
- display: flex;
24178
- align-items: center;
24179
- justify-content: space-between;
24180
- padding: 1rem;
24181
- }
24182
- .v-stepper .v-stepper-actions {
24183
- padding: 0 1.5rem 1rem;
24184
- }
24185
- .v-stepper-window-item .v-stepper-actions {
24186
- padding: 1.5rem 0 0;
24187
- }.v-stepper-item {
24188
- align-items: center;
24189
- align-self: stretch;
24190
- display: inline-flex;
24191
- flex: none;
24192
- outline: none;
24193
- opacity: var(--v-medium-emphasis-opacity);
24194
- padding: 1.5rem;
24195
- position: relative;
24196
- transition-duration: 0.2s;
24197
- transition-property: opacity;
24198
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24199
- }
24200
- .v-stepper-item:hover > .v-stepper-item__overlay {
24201
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24202
- }
24203
- .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24204
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24205
- }
24206
- @supports not selector(:focus-visible) {
24207
- .v-stepper-item:focus > .v-stepper-item__overlay {
24208
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24209
- }
24210
- }
24211
- .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24212
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24213
- }
24214
- .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24215
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24216
- }
24217
- .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24218
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24219
- }
24220
- @supports not selector(:focus-visible) {
24221
- .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24222
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24223
- }
24224
- }
24225
- .v-stepper--non-linear .v-stepper-item {
24226
- opacity: var(--v-high-emphasis-opacity);
24227
- }
24228
- .v-stepper-item--selected {
24229
- opacity: 1;
24230
- }
24231
- .v-stepper-item--error {
24232
- color: rgb(var(--v-theme-error));
24087
+ .v-snackbar-transition-enter-from {
24088
+ opacity: 0;
24089
+ transform: scale(0.8);
24233
24090
  }
24234
- .v-stepper-item--disabled {
24235
- opacity: var(--v-medium-emphasis-opacity);
24236
- pointer-events: none;
24091
+ .v-snackbar-transition-leave-active {
24092
+ transition-property: opacity;
24237
24093
  }
24238
- .v-stepper--alt-labels .v-stepper-item {
24239
- flex-direction: column;
24240
- justify-content: flex-start;
24241
- align-items: center;
24242
- flex-basis: 175px;
24094
+ .v-snackbar-transition-leave-to {
24095
+ opacity: 0;
24096
+ }.v-speed-dial__content {
24097
+ gap: 8px;
24243
24098
  }
24244
-
24245
- .v-stepper-item__avatar.v-avatar {
24246
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24247
- color: rgb(var(--v-theme-on-surface-variant));
24248
- font-size: 0.75rem;
24249
- margin-inline-end: 8px;
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;
24250
24101
  }
24251
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24252
- margin-inline-end: 0;
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;
24253
24104
  }
24254
- .v-stepper-item__avatar.v-avatar .v-icon {
24255
- font-size: 0.875rem;
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;
24256
24107
  }
24257
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24258
- background: rgb(var(--v-theme-surface-variant));
24108
+ .v-speed-dial__content > *:nth-child(1) {
24109
+ transition-delay: 0s;
24259
24110
  }
24260
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24261
- background: rgb(var(--v-theme-error));
24111
+ .v-speed-dial__content > *:nth-child(2) {
24112
+ transition-delay: 0.05s;
24262
24113
  }
24263
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24264
- margin-bottom: 16px;
24265
- margin-inline-end: 0;
24114
+ .v-speed-dial__content > *:nth-child(3) {
24115
+ transition-delay: 0.1s;
24266
24116
  }
24267
-
24268
- .v-stepper-item__title {
24269
- line-height: 1;
24117
+ .v-speed-dial__content > *:nth-child(4) {
24118
+ transition-delay: 0.15s;
24270
24119
  }
24271
- .v-stepper--mobile .v-stepper-item__title {
24272
- display: none;
24120
+ .v-speed-dial__content > *:nth-child(5) {
24121
+ transition-delay: 0.2s;
24273
24122
  }
24274
-
24275
- .v-stepper-item__subtitle {
24276
- font-size: 0.75rem;
24277
- text-align: left;
24278
- line-height: 1;
24279
- opacity: var(--v-medium-emphasis-opacity);
24123
+ .v-speed-dial__content > *:nth-child(6) {
24124
+ transition-delay: 0.25s;
24280
24125
  }
24281
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24282
- text-align: center;
24126
+ .v-speed-dial__content > *:nth-child(7) {
24127
+ transition-delay: 0.3s;
24283
24128
  }
24284
- .v-stepper--mobile .v-stepper-item__subtitle {
24285
- display: none;
24129
+ .v-speed-dial__content > *:nth-child(8) {
24130
+ transition-delay: 0.35s;
24286
24131
  }
24287
-
24288
- .v-stepper-item__overlay {
24289
- background-color: currentColor;
24290
- border-radius: inherit;
24291
- opacity: 0;
24292
- transition: opacity 0.2s ease-in-out;
24132
+ .v-speed-dial__content > *:nth-child(9) {
24133
+ transition-delay: 0.4s;
24293
24134
  }
24294
-
24295
- .v-stepper-item__overlay,
24296
- .v-stepper-item__underlay {
24297
- position: absolute;
24298
- top: 0;
24299
- left: 0;
24300
- width: 100%;
24301
- height: 100%;
24302
- pointer-events: none;
24135
+ .v-speed-dial__content > *:nth-child(10) {
24136
+ transition-delay: 0.45s;
24303
24137
  }.v-switch .v-label {
24304
24138
  padding-inline-start: 10px;
24305
24139
  }
@@ -24480,6 +24314,172 @@ html.v-overlay-scroll-blocked {
24480
24314
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24481
24315
  border-width: 0;
24482
24316
  }
24317
+ }.v-stepper.v-sheet {
24318
+ 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
+ border-radius: 4px;
24320
+ overflow: hidden;
24321
+ }
24322
+ .v-stepper.v-sheet.v-stepper--flat {
24323
+ 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));
24324
+ }
24325
+
24326
+ .v-stepper-header {
24327
+ 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));
24328
+ align-items: center;
24329
+ display: flex;
24330
+ position: relative;
24331
+ overflow-x: auto;
24332
+ justify-content: space-between;
24333
+ z-index: 1;
24334
+ }
24335
+ .v-stepper-header .v-divider {
24336
+ margin: 0 -16px;
24337
+ }
24338
+ .v-stepper-header .v-divider:last-child {
24339
+ margin-inline-end: 0;
24340
+ }
24341
+ .v-stepper-header .v-divider:first-child {
24342
+ margin-inline-start: 0;
24343
+ }
24344
+ .v-stepper--alt-labels .v-stepper-header {
24345
+ height: auto;
24346
+ }
24347
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24348
+ align-self: flex-start;
24349
+ margin: 35px -67px 0;
24350
+ }
24351
+
24352
+ .v-stepper-window {
24353
+ margin: 1.5rem;
24354
+ }
24355
+
24356
+ .v-stepper-actions {
24357
+ display: flex;
24358
+ align-items: center;
24359
+ justify-content: space-between;
24360
+ padding: 1rem;
24361
+ }
24362
+ .v-stepper .v-stepper-actions {
24363
+ padding: 0 1.5rem 1rem;
24364
+ }
24365
+ .v-stepper-window-item .v-stepper-actions {
24366
+ padding: 1.5rem 0 0;
24367
+ }.v-stepper-item {
24368
+ align-items: center;
24369
+ align-self: stretch;
24370
+ display: inline-flex;
24371
+ flex: none;
24372
+ outline: none;
24373
+ opacity: var(--v-medium-emphasis-opacity);
24374
+ padding: 1.5rem;
24375
+ position: relative;
24376
+ transition-duration: 0.2s;
24377
+ transition-property: opacity;
24378
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24379
+ }
24380
+ .v-stepper-item:hover > .v-stepper-item__overlay {
24381
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24382
+ }
24383
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24384
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24385
+ }
24386
+ @supports not selector(:focus-visible) {
24387
+ .v-stepper-item:focus > .v-stepper-item__overlay {
24388
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24389
+ }
24390
+ }
24391
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24392
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24393
+ }
24394
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24395
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24396
+ }
24397
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24398
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24399
+ }
24400
+ @supports not selector(:focus-visible) {
24401
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24402
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24403
+ }
24404
+ }
24405
+ .v-stepper--non-linear .v-stepper-item {
24406
+ opacity: var(--v-high-emphasis-opacity);
24407
+ }
24408
+ .v-stepper-item--selected {
24409
+ opacity: 1;
24410
+ }
24411
+ .v-stepper-item--error {
24412
+ color: rgb(var(--v-theme-error));
24413
+ }
24414
+ .v-stepper-item--disabled {
24415
+ opacity: var(--v-medium-emphasis-opacity);
24416
+ pointer-events: none;
24417
+ }
24418
+ .v-stepper--alt-labels .v-stepper-item {
24419
+ flex-direction: column;
24420
+ justify-content: flex-start;
24421
+ align-items: center;
24422
+ flex-basis: 175px;
24423
+ }
24424
+
24425
+ .v-stepper-item__avatar.v-avatar {
24426
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24427
+ color: rgb(var(--v-theme-on-surface-variant));
24428
+ font-size: 0.75rem;
24429
+ margin-inline-end: 8px;
24430
+ }
24431
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24432
+ margin-inline-end: 0;
24433
+ }
24434
+ .v-stepper-item__avatar.v-avatar .v-icon {
24435
+ font-size: 0.875rem;
24436
+ }
24437
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24438
+ background: rgb(var(--v-theme-surface-variant));
24439
+ }
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;
24446
+ }
24447
+
24448
+ .v-stepper-item__title {
24449
+ line-height: 1;
24450
+ }
24451
+ .v-stepper--mobile .v-stepper-item__title {
24452
+ display: none;
24453
+ }
24454
+
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);
24460
+ }
24461
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24462
+ text-align: center;
24463
+ }
24464
+ .v-stepper--mobile .v-stepper-item__subtitle {
24465
+ display: none;
24466
+ }
24467
+
24468
+ .v-stepper-item__overlay {
24469
+ background-color: currentColor;
24470
+ border-radius: inherit;
24471
+ opacity: 0;
24472
+ transition: opacity 0.2s ease-in-out;
24473
+ }
24474
+
24475
+ .v-stepper-item__overlay,
24476
+ .v-stepper-item__underlay {
24477
+ position: absolute;
24478
+ top: 0;
24479
+ left: 0;
24480
+ width: 100%;
24481
+ height: 100%;
24482
+ pointer-events: none;
24483
24483
  }.v-system-bar {
24484
24484
  align-items: center;
24485
24485
  display: flex;
@@ -24517,6 +24517,101 @@ html.v-overlay-scroll-blocked {
24517
24517
  }
24518
24518
  .v-system-bar:not(.v-system-bar--absolute) {
24519
24519
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24520
+ }.v-tab.v-tab.v-btn {
24521
+ height: var(--v-tabs-height);
24522
+ border-radius: 0;
24523
+ min-width: 90px;
24524
+ }
24525
+ .v-slide-group--horizontal .v-tab {
24526
+ max-width: 360px;
24527
+ }
24528
+ .v-slide-group--vertical .v-tab {
24529
+ justify-content: start;
24530
+ }
24531
+
24532
+ .v-tab__slider {
24533
+ position: absolute;
24534
+ bottom: 0;
24535
+ left: 0;
24536
+ height: 2px;
24537
+ width: 100%;
24538
+ background: currentColor;
24539
+ pointer-events: none;
24540
+ opacity: 0;
24541
+ }
24542
+ .v-tab--selected .v-tab__slider {
24543
+ opacity: 1;
24544
+ }
24545
+ .v-slide-group--vertical .v-tab__slider {
24546
+ top: 0;
24547
+ height: 100%;
24548
+ width: 2px;
24549
+ }.v-tabs {
24550
+ display: flex;
24551
+ height: var(--v-tabs-height);
24552
+ }
24553
+ .v-tabs--density-default {
24554
+ --v-tabs-height: 48px;
24555
+ }
24556
+ .v-tabs--density-default.v-tabs--stacked {
24557
+ --v-tabs-height: 72px;
24558
+ }
24559
+
24560
+ .v-tabs--density-comfortable {
24561
+ --v-tabs-height: 44px;
24562
+ }
24563
+ .v-tabs--density-comfortable.v-tabs--stacked {
24564
+ --v-tabs-height: 68px;
24565
+ }
24566
+
24567
+ .v-tabs--density-compact {
24568
+ --v-tabs-height: 36px;
24569
+ }
24570
+ .v-tabs--density-compact.v-tabs--stacked {
24571
+ --v-tabs-height: 60px;
24572
+ }
24573
+
24574
+ .v-tabs.v-slide-group--vertical {
24575
+ height: auto;
24576
+ flex: none;
24577
+ --v-tabs-height: 48px;
24578
+ }
24579
+
24580
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24581
+ margin-inline-start: 42px;
24582
+ }
24583
+
24584
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24585
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24586
+ margin-inline-end: auto;
24587
+ }
24588
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24589
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24590
+ margin-inline-start: auto;
24591
+ }
24592
+
24593
+ .v-tabs--grow {
24594
+ flex-grow: 1;
24595
+ }
24596
+ .v-tabs--grow .v-tab {
24597
+ flex: 1 0 auto;
24598
+ max-width: none;
24599
+ }
24600
+
24601
+ .v-tabs--align-tabs-end .v-tab:first-child {
24602
+ margin-inline-start: auto;
24603
+ }
24604
+ .v-tabs--align-tabs-end .v-tab:last-child {
24605
+ margin-inline-end: 0;
24606
+ }
24607
+
24608
+ @media (max-width: 1279.98px) {
24609
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24610
+ margin-inline-start: 52px;
24611
+ }
24612
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24613
+ margin-inline-end: 52px;
24614
+ }
24520
24615
  }.v-table {
24521
24616
  background: rgb(var(--v-theme-surface));
24522
24617
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24655,101 +24750,45 @@ html.v-overlay-scroll-blocked {
24655
24750
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24656
24751
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24657
24752
  border-top: 0px !important;
24658
- }.v-tab.v-tab.v-btn {
24659
- height: var(--v-tabs-height);
24660
- border-radius: 0;
24661
- min-width: 90px;
24753
+ }.v-textarea .v-field {
24754
+ --v-textarea-control-height: var(--v-input-control-height);
24662
24755
  }
24663
- .v-slide-group--horizontal .v-tab {
24664
- max-width: 360px;
24756
+ .v-textarea .v-field__field {
24757
+ --v-input-control-height: var(--v-textarea-control-height);
24665
24758
  }
24666
- .v-slide-group--vertical .v-tab {
24667
- justify-content: start;
24759
+ .v-textarea .v-field__input {
24760
+ flex: 1 1 auto;
24761
+ outline: none;
24762
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24763
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24668
24764
  }
24669
-
24670
- .v-tab__slider {
24765
+ .v-textarea .v-field__input.v-textarea__sizer {
24766
+ visibility: hidden;
24671
24767
  position: absolute;
24672
- bottom: 0;
24768
+ top: 0;
24673
24769
  left: 0;
24674
- height: 2px;
24675
- width: 100%;
24676
- background: currentColor;
24770
+ height: 0 !important;
24771
+ min-height: 0 !important;
24677
24772
  pointer-events: none;
24678
- opacity: 0;
24679
- }
24680
- .v-tab--selected .v-tab__slider {
24681
- opacity: 1;
24682
24773
  }
24683
- .v-slide-group--vertical .v-tab__slider {
24684
- top: 0;
24685
- height: 100%;
24686
- width: 2px;
24687
- }.v-tabs {
24688
- display: flex;
24689
- height: var(--v-tabs-height);
24690
- }
24691
- .v-tabs--density-default {
24692
- --v-tabs-height: 48px;
24693
- }
24694
- .v-tabs--density-default.v-tabs--stacked {
24695
- --v-tabs-height: 72px;
24696
- }
24697
-
24698
- .v-tabs--density-comfortable {
24699
- --v-tabs-height: 44px;
24700
- }
24701
- .v-tabs--density-comfortable.v-tabs--stacked {
24702
- --v-tabs-height: 68px;
24703
- }
24704
-
24705
- .v-tabs--density-compact {
24706
- --v-tabs-height: 36px;
24707
- }
24708
- .v-tabs--density-compact.v-tabs--stacked {
24709
- --v-tabs-height: 60px;
24710
- }
24711
-
24712
- .v-tabs.v-slide-group--vertical {
24713
- height: auto;
24714
- flex: none;
24715
- --v-tabs-height: 48px;
24716
- }
24717
-
24718
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24719
- margin-inline-start: 42px;
24720
- }
24721
-
24722
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24723
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24724
- margin-inline-end: auto;
24725
- }
24726
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24727
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24728
- margin-inline-start: auto;
24729
- }
24730
-
24731
- .v-tabs--grow {
24732
- flex-grow: 1;
24774
+ .v-textarea--no-resize .v-field__input {
24775
+ resize: none;
24733
24776
  }
24734
- .v-tabs--grow .v-tab {
24735
- flex: 1 0 auto;
24736
- max-width: none;
24777
+ .v-textarea .v-field--no-label textarea,
24778
+ .v-textarea .v-field--active textarea {
24779
+ opacity: 1;
24737
24780
  }
24738
-
24739
- .v-tabs--align-tabs-end .v-tab:first-child {
24740
- margin-inline-start: auto;
24781
+ .v-textarea textarea {
24782
+ opacity: 0;
24783
+ flex: 1;
24784
+ min-width: 0;
24785
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24741
24786
  }
24742
- .v-tabs--align-tabs-end .v-tab:last-child {
24743
- margin-inline-end: 0;
24787
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24788
+ outline: none;
24744
24789
  }
24745
-
24746
- @media (max-width: 1279.98px) {
24747
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24748
- margin-inline-start: 52px;
24749
- }
24750
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24751
- margin-inline-end: 52px;
24752
- }
24790
+ .v-textarea textarea:invalid {
24791
+ box-shadow: none;
24753
24792
  }/* region BLOCK */
24754
24793
  .v-text-field input {
24755
24794
  color: inherit;
@@ -24789,74 +24828,35 @@ html.v-overlay-scroll-blocked {
24789
24828
  .v-text-field .v-field--single-line input {
24790
24829
  transition: none;
24791
24830
  }
24792
-
24793
- /* endregion */
24794
- /* region ELEMENTS */
24795
- .v-text-field__prefix, .v-text-field__suffix {
24796
- align-items: center;
24797
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24798
- cursor: default;
24799
- display: flex;
24800
- opacity: 0;
24801
- transition: inherit;
24802
- white-space: nowrap;
24803
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24804
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24805
- padding-bottom: var(--v-field-padding-bottom, 6px);
24806
- }
24807
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24808
- opacity: 1;
24809
- }
24810
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24811
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24812
- }
24813
- .v-text-field__prefix {
24814
- padding-inline-start: var(--v-field-padding-start);
24815
- }
24816
- .v-text-field__suffix {
24817
- padding-inline-end: var(--v-field-padding-end);
24818
- }
24819
-
24820
- /* endregion */.v-textarea .v-field {
24821
- --v-textarea-control-height: var(--v-input-control-height);
24822
- }
24823
- .v-textarea .v-field__field {
24824
- --v-input-control-height: var(--v-textarea-control-height);
24825
- }
24826
- .v-textarea .v-field__input {
24827
- flex: 1 1 auto;
24828
- outline: none;
24829
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24830
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24831
- }
24832
- .v-textarea .v-field__input.v-textarea__sizer {
24833
- visibility: hidden;
24834
- position: absolute;
24835
- top: 0;
24836
- left: 0;
24837
- height: 0 !important;
24838
- min-height: 0 !important;
24839
- pointer-events: none;
24840
- }
24841
- .v-textarea--no-resize .v-field__input {
24842
- resize: none;
24831
+
24832
+ /* endregion */
24833
+ /* region ELEMENTS */
24834
+ .v-text-field__prefix, .v-text-field__suffix {
24835
+ align-items: center;
24836
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24837
+ cursor: default;
24838
+ display: flex;
24839
+ opacity: 0;
24840
+ transition: inherit;
24841
+ 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);
24843
24845
  }
24844
- .v-textarea .v-field--no-label textarea,
24845
- .v-textarea .v-field--active textarea {
24846
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24846
24847
  opacity: 1;
24847
24848
  }
24848
- .v-textarea textarea {
24849
- opacity: 0;
24850
- flex: 1;
24851
- min-width: 0;
24852
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
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));
24853
24851
  }
24854
- .v-textarea textarea:focus, .v-textarea textarea:active {
24855
- outline: none;
24852
+ .v-text-field__prefix {
24853
+ padding-inline-start: var(--v-field-padding-start);
24856
24854
  }
24857
- .v-textarea textarea:invalid {
24858
- box-shadow: none;
24859
- }.v-theme-provider {
24855
+ .v-text-field__suffix {
24856
+ padding-inline-end: var(--v-field-padding-end);
24857
+ }
24858
+
24859
+ /* endregion */.v-theme-provider {
24860
24860
  background: rgb(var(--v-theme-background));
24861
24861
  color: rgb(var(--v-theme-on-background));
24862
24862
  }.v-timeline .v-timeline-divider__dot {
@@ -25275,6 +25275,28 @@ html.v-overlay-scroll-blocked {
25275
25275
 
25276
25276
  .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
25277
  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;
25278
25300
  }.v-toolbar {
25279
25301
  align-items: flex-start;
25280
25302
  display: flex;
@@ -25404,28 +25426,6 @@ html.v-overlay-scroll-blocked {
25404
25426
  }
25405
25427
  .v-toolbar-items > .v-btn {
25406
25428
  border-radius: 0;
25407
- }.v-tooltip > .v-overlay__content {
25408
- background: rgb(var(--v-theme-surface-variant));
25409
- color: rgb(var(--v-theme-on-surface-variant));
25410
- border-radius: 4px;
25411
- font-size: 0.875rem;
25412
- line-height: 1.6;
25413
- display: inline-block;
25414
- padding: 5px 16px;
25415
- text-transform: initial;
25416
- width: auto;
25417
- opacity: 1;
25418
- pointer-events: none;
25419
- transition-property: opacity, transform;
25420
- overflow-wrap: break-word;
25421
- }
25422
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25423
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25424
- transition-duration: 150ms;
25425
- }
25426
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25427
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25428
- transition-duration: 75ms;
25429
25429
  }.v-virtual-scroll {
25430
25430
  display: block;
25431
25431
  flex: 1 1 auto;
@@ -25640,238 +25640,79 @@ html.v-overlay-scroll-blocked {
25640
25640
  flex-direction: column;
25641
25641
  margin-bottom: 10px;
25642
25642
  }
25643
-
25644
- .v-color-picker-swatches__color {
25645
- position: relative;
25646
- height: 18px;
25647
- max-height: 18px;
25648
- width: 45px;
25649
- margin: 2px 4px;
25650
- border-radius: 2px;
25651
- -webkit-user-select: none;
25652
- user-select: none;
25653
- overflow: hidden;
25654
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25655
- cursor: pointer;
25656
- }
25657
- .v-color-picker-swatches__color > div {
25658
- display: flex;
25659
- align-items: center;
25660
- justify-content: center;
25661
- width: 100%;
25662
- height: 100%;
25663
- }.v-picker.v-sheet {
25664
- 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));
25665
- border-radius: 4px;
25666
- display: grid;
25667
- grid-auto-rows: min-content;
25668
- grid-template-areas: "title" "header" "body";
25669
- overflow: hidden;
25670
- }
25671
- .v-picker.v-sheet.v-picker--with-actions {
25672
- grid-template-areas: "title" "header" "body" "actions";
25673
- }
25674
-
25675
- .v-picker__body {
25676
- grid-area: body;
25677
- overflow: hidden;
25678
- position: relative;
25679
- }
25680
-
25681
- .v-picker__header {
25682
- grid-area: header;
25683
- }
25684
-
25685
- .v-picker__actions {
25686
- grid-area: actions;
25687
- padding: 0 12px 12px;
25688
- display: flex;
25689
- align-items: center;
25690
- justify-content: flex-end;
25691
- }
25692
- .v-picker__actions .v-btn {
25693
- min-width: 48px;
25694
- }
25695
- .v-picker__actions .v-btn:not(:last-child) {
25696
- margin-inline-end: 8px;
25697
- }
25698
-
25699
- .v-picker--landscape {
25700
- grid-template-areas: "title" "header body" "header body";
25701
- }
25702
-
25703
- .v-picker--landscape.v-picker--with-actions {
25704
- grid-template-areas: "title" "header body" "header actions";
25705
- }
25706
-
25707
- .v-picker-title {
25708
- text-transform: uppercase;
25709
- font-size: 0.75rem;
25710
- grid-area: title;
25711
- padding-inline: 24px 12px;
25712
- padding-top: 16px;
25713
- padding-bottom: 16px;
25714
- font-weight: 400;
25715
- letter-spacing: 0.1666666667em;
25716
- }.v-slider-thumb {
25717
- touch-action: none;
25718
- color: rgb(var(--v-theme-surface-variant));
25719
- }
25720
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25721
- color: inherit;
25722
- }
25723
-
25724
- .v-slider-thumb__label {
25725
- background: rgba(var(--v-theme-surface-variant), 0.7);
25726
- color: rgb(var(--v-theme-on-surface-variant));
25727
- }
25728
- .v-slider-thumb__label::before {
25729
- color: rgba(var(--v-theme-surface-variant), 0.7);
25730
- }
25731
-
25732
- .v-slider-thumb {
25733
- outline: none;
25734
- position: absolute;
25735
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25736
- }
25737
-
25738
- .v-slider-thumb__surface {
25739
- cursor: pointer;
25740
- width: var(--v-slider-thumb-size);
25741
- height: var(--v-slider-thumb-size);
25742
- border-radius: 50%;
25743
- -webkit-user-select: none;
25744
- user-select: none;
25745
- background-color: currentColor;
25746
- }
25747
- @media (forced-colors: active) {
25748
- .v-slider-thumb__surface {
25749
- background-color: highlight;
25750
- }
25751
- }
25752
- .v-slider-thumb__surface::before {
25753
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25754
- content: "";
25755
- color: inherit;
25756
- top: 0;
25757
- left: 0;
25758
- width: 100%;
25759
- height: 100%;
25760
- border-radius: 50%;
25761
- background: currentColor;
25762
- position: absolute;
25763
- pointer-events: none;
25764
- opacity: 0;
25765
- }
25766
- .v-slider-thumb__surface::after {
25767
- content: "";
25768
- width: 42px;
25769
- height: 42px;
25770
- position: absolute;
25771
- top: 50%;
25772
- left: 50%;
25773
- transform: translate(-50%, -50%);
25774
- }
25775
-
25776
- .v-slider-thumb__label-container {
25777
- position: absolute;
25778
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25779
- }
25780
-
25781
- .v-slider-thumb__label {
25782
- display: flex;
25783
- align-items: center;
25784
- justify-content: center;
25785
- font-size: 0.75rem;
25786
- min-width: 35px;
25787
- height: 25px;
25788
- border-radius: 4px;
25789
- padding: 6px;
25790
- position: absolute;
25791
- -webkit-user-select: none;
25792
- user-select: none;
25793
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25794
- }
25795
- .v-slider-thumb__label::before {
25796
- content: "";
25797
- width: 0;
25798
- height: 0;
25799
- position: absolute;
25800
- }
25801
-
25802
- .v-slider-thumb__ripple {
25803
- position: absolute;
25804
- left: calc(var(--v-slider-thumb-size) / -2);
25805
- top: calc(var(--v-slider-thumb-size) / -2);
25806
- width: calc(var(--v-slider-thumb-size) * 2);
25807
- height: calc(var(--v-slider-thumb-size) * 2);
25808
- background: inherit;
25809
- }
25810
-
25811
- .v-slider.v-input--horizontal .v-slider-thumb {
25812
- top: 50%;
25813
- transform: translateY(-50%);
25814
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25815
- }
25816
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25817
- left: calc(var(--v-slider-thumb-size) / 2);
25818
- top: 0;
25643
+
25644
+ .v-color-picker-swatches__color {
25645
+ position: relative;
25646
+ height: 18px;
25647
+ max-height: 18px;
25648
+ width: 45px;
25649
+ margin: 2px 4px;
25650
+ border-radius: 2px;
25651
+ -webkit-user-select: none;
25652
+ user-select: none;
25653
+ overflow: hidden;
25654
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25655
+ cursor: pointer;
25819
25656
  }
25820
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25821
- bottom: calc(var(--v-slider-thumb-size) / 2);
25657
+ .v-color-picker-swatches__color > div {
25658
+ display: flex;
25659
+ align-items: center;
25660
+ justify-content: center;
25661
+ width: 100%;
25662
+ height: 100%;
25663
+ }.v-picker.v-sheet {
25664
+ 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));
25665
+ border-radius: 4px;
25666
+ display: grid;
25667
+ grid-auto-rows: min-content;
25668
+ grid-template-areas: "title" "header" "body";
25669
+ overflow: hidden;
25822
25670
  }
25823
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25824
- transform: translateX(-50%);
25671
+ .v-picker.v-sheet.v-picker--with-actions {
25672
+ grid-template-areas: "title" "header" "body" "actions";
25825
25673
  }
25826
25674
 
25827
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25828
- transform: translateX(50%);
25675
+ .v-picker__body {
25676
+ grid-area: body;
25677
+ overflow: hidden;
25678
+ position: relative;
25829
25679
  }
25830
25680
 
25831
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25832
- border-left: 6px solid transparent;
25833
- border-right: 6px solid transparent;
25834
- border-top: 6px solid currentColor;
25835
- bottom: -6px;
25681
+ .v-picker__header {
25682
+ grid-area: header;
25836
25683
  }
25837
25684
 
25838
- .v-slider.v-input--vertical .v-slider-thumb {
25839
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25840
- }
25841
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25842
- top: calc(var(--v-slider-thumb-size) / 2);
25843
- right: 0;
25685
+ .v-picker__actions {
25686
+ grid-area: actions;
25687
+ padding: 0 12px 12px;
25688
+ display: flex;
25689
+ align-items: center;
25690
+ justify-content: flex-end;
25844
25691
  }
25845
- .v-slider.v-input--vertical .v-slider-thumb__label {
25846
- top: -12.5px;
25847
- left: calc(var(--v-slider-thumb-size) / 2);
25692
+ .v-picker__actions .v-btn {
25693
+ min-width: 48px;
25848
25694
  }
25849
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25850
- border-right: 6px solid currentColor;
25851
- border-top: 6px solid transparent;
25852
- border-bottom: 6px solid transparent;
25853
- left: -6px;
25695
+ .v-picker__actions .v-btn:not(:last-child) {
25696
+ margin-inline-end: 8px;
25854
25697
  }
25855
25698
 
25856
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25857
- transform: scale(2);
25858
- opacity: var(--v-focus-opacity);
25699
+ .v-picker--landscape {
25700
+ grid-template-areas: "title" "header body" "header body";
25859
25701
  }
25860
25702
 
25861
- .v-slider-thumb--pressed {
25862
- transition: none;
25863
- }
25864
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25865
- opacity: var(--v-pressed-opacity);
25703
+ .v-picker--landscape.v-picker--with-actions {
25704
+ grid-template-areas: "title" "header body" "header actions";
25866
25705
  }
25867
25706
 
25868
- @media (hover: hover) {
25869
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25870
- transform: scale(2);
25871
- }
25872
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25873
- opacity: var(--v-hover-opacity);
25874
- }
25707
+ .v-picker-title {
25708
+ text-transform: uppercase;
25709
+ font-size: 0.75rem;
25710
+ grid-area: title;
25711
+ padding-inline: 24px 12px;
25712
+ padding-top: 16px;
25713
+ padding-bottom: 16px;
25714
+ font-weight: 400;
25715
+ letter-spacing: 0.1666666667em;
25875
25716
  }.v-slider-track__background {
25876
25717
  background-color: rgb(var(--v-theme-surface-variant));
25877
25718
  }
@@ -26050,4 +25891,163 @@ html.v-overlay-scroll-blocked {
26050
25891
 
26051
25892
  .v-slider-track__background--opacity {
26052
25893
  opacity: 0.38;
25894
+ }.v-slider-thumb {
25895
+ touch-action: none;
25896
+ color: rgb(var(--v-theme-surface-variant));
25897
+ }
25898
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25899
+ color: inherit;
25900
+ }
25901
+
25902
+ .v-slider-thumb__label {
25903
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25904
+ color: rgb(var(--v-theme-on-surface-variant));
25905
+ }
25906
+ .v-slider-thumb__label::before {
25907
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25908
+ }
25909
+
25910
+ .v-slider-thumb {
25911
+ outline: none;
25912
+ position: absolute;
25913
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25914
+ }
25915
+
25916
+ .v-slider-thumb__surface {
25917
+ cursor: pointer;
25918
+ width: var(--v-slider-thumb-size);
25919
+ height: var(--v-slider-thumb-size);
25920
+ border-radius: 50%;
25921
+ -webkit-user-select: none;
25922
+ user-select: none;
25923
+ background-color: currentColor;
25924
+ }
25925
+ @media (forced-colors: active) {
25926
+ .v-slider-thumb__surface {
25927
+ background-color: highlight;
25928
+ }
25929
+ }
25930
+ .v-slider-thumb__surface::before {
25931
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25932
+ content: "";
25933
+ color: inherit;
25934
+ top: 0;
25935
+ left: 0;
25936
+ width: 100%;
25937
+ height: 100%;
25938
+ border-radius: 50%;
25939
+ background: currentColor;
25940
+ position: absolute;
25941
+ pointer-events: none;
25942
+ opacity: 0;
25943
+ }
25944
+ .v-slider-thumb__surface::after {
25945
+ content: "";
25946
+ width: 42px;
25947
+ height: 42px;
25948
+ position: absolute;
25949
+ top: 50%;
25950
+ left: 50%;
25951
+ transform: translate(-50%, -50%);
25952
+ }
25953
+
25954
+ .v-slider-thumb__label-container {
25955
+ position: absolute;
25956
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25957
+ }
25958
+
25959
+ .v-slider-thumb__label {
25960
+ display: flex;
25961
+ align-items: center;
25962
+ justify-content: center;
25963
+ font-size: 0.75rem;
25964
+ min-width: 35px;
25965
+ height: 25px;
25966
+ border-radius: 4px;
25967
+ padding: 6px;
25968
+ position: absolute;
25969
+ -webkit-user-select: none;
25970
+ user-select: none;
25971
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25972
+ }
25973
+ .v-slider-thumb__label::before {
25974
+ content: "";
25975
+ width: 0;
25976
+ height: 0;
25977
+ position: absolute;
25978
+ }
25979
+
25980
+ .v-slider-thumb__ripple {
25981
+ position: absolute;
25982
+ left: calc(var(--v-slider-thumb-size) / -2);
25983
+ top: calc(var(--v-slider-thumb-size) / -2);
25984
+ width: calc(var(--v-slider-thumb-size) * 2);
25985
+ height: calc(var(--v-slider-thumb-size) * 2);
25986
+ background: inherit;
25987
+ }
25988
+
25989
+ .v-slider.v-input--horizontal .v-slider-thumb {
25990
+ top: 50%;
25991
+ transform: translateY(-50%);
25992
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25993
+ }
25994
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25995
+ left: calc(var(--v-slider-thumb-size) / 2);
25996
+ top: 0;
25997
+ }
25998
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25999
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26000
+ }
26001
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26002
+ transform: translateX(-50%);
26003
+ }
26004
+
26005
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26006
+ transform: translateX(50%);
26007
+ }
26008
+
26009
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26010
+ border-left: 6px solid transparent;
26011
+ border-right: 6px solid transparent;
26012
+ border-top: 6px solid currentColor;
26013
+ bottom: -6px;
26014
+ }
26015
+
26016
+ .v-slider.v-input--vertical .v-slider-thumb {
26017
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26018
+ }
26019
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26020
+ top: calc(var(--v-slider-thumb-size) / 2);
26021
+ right: 0;
26022
+ }
26023
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26024
+ top: -12.5px;
26025
+ left: calc(var(--v-slider-thumb-size) / 2);
26026
+ }
26027
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26028
+ border-right: 6px solid currentColor;
26029
+ border-top: 6px solid transparent;
26030
+ border-bottom: 6px solid transparent;
26031
+ left: -6px;
26032
+ }
26033
+
26034
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26035
+ transform: scale(2);
26036
+ opacity: var(--v-focus-opacity);
26037
+ }
26038
+
26039
+ .v-slider-thumb--pressed {
26040
+ transition: none;
26041
+ }
26042
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26043
+ opacity: var(--v-pressed-opacity);
26044
+ }
26045
+
26046
+ @media (hover: hover) {
26047
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26048
+ transform: scale(2);
26049
+ }
26050
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26051
+ opacity: var(--v-hover-opacity);
26052
+ }
26053
26053
  }