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

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 (47) hide show
  1. package/dist/json/attributes.json +107 -99
  2. package/dist/json/importMap-labs.json +24 -24
  3. package/dist/json/importMap.json +134 -134
  4. package/dist/json/tags.json +2 -0
  5. package/dist/json/web-types.json +212 -193
  6. package/dist/vuetify-labs.css +2485 -2485
  7. package/dist/vuetify-labs.d.ts +190 -106
  8. package/dist/vuetify-labs.esm.js +36 -13
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +36 -13
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1495 -1495
  13. package/dist/vuetify.d.ts +237 -153
  14. package/dist/vuetify.esm.js +36 -13
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +36 -13
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +45 -44
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.mts +42 -24
  22. package/lib/components/VCombobox/index.d.mts +42 -24
  23. package/lib/components/VDialog/index.d.mts +3 -3
  24. package/lib/components/VList/VListItem.mjs +1 -1
  25. package/lib/components/VList/VListItem.mjs.map +1 -1
  26. package/lib/components/VMenu/VMenu.mjs +19 -3
  27. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  28. package/lib/components/VMenu/index.d.mts +27 -12
  29. package/lib/components/VOverlay/VOverlay.mjs +5 -4
  30. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  31. package/lib/components/VOverlay/locationStrategies.mjs +6 -0
  32. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  33. package/lib/components/VOverlay/useActivator.mjs +3 -2
  34. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  35. package/lib/components/VSelect/index.d.mts +42 -24
  36. package/lib/components/VSnackbar/index.d.mts +3 -3
  37. package/lib/components/VSpeedDial/index.d.mts +28 -13
  38. package/lib/components/VTooltip/index.d.mts +3 -3
  39. package/lib/components/index.d.mts +190 -106
  40. package/lib/entry-bundler.mjs +1 -1
  41. package/lib/entry-bundler.mjs.map +1 -1
  42. package/lib/framework.mjs +1 -1
  43. package/lib/framework.mjs.map +1 -1
  44. package/lib/index.d.mts +47 -47
  45. package/lib/labs/VSnackbarQueue/index.d.mts +3 -3
  46. package/lib/labs/components.d.mts +3 -3
  47. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.13-3.7.0-beta.0.0-dev.2024-07-25
2
+ * Vuetify v3.6.13-3.7.0-beta.0.0-pr-20092.a834b18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,6 +17456,18 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
+ }.v-app-bar {
17460
+ display: flex;
17461
+ }
17462
+ .v-app-bar.v-toolbar {
17463
+ background: rgb(var(--v-theme-surface));
17464
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17465
+ }
17466
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17467
+ 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));
17468
+ }
17469
+ .v-app-bar:not(.v-toolbar--absolute) {
17470
+ padding-inline-end: var(--v-scrollbar-offset);
17459
17471
  }.v-application {
17460
17472
  display: flex;
17461
17473
  background: rgb(var(--v-theme-background));
@@ -17765,18 +17777,6 @@ html.overflow-y-hidden {
17765
17777
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17766
17778
  opacity: var(--v-high-emphasis-opacity);
17767
17779
  transform: rotate(180deg);
17768
- }.v-app-bar {
17769
- display: flex;
17770
- }
17771
- .v-app-bar.v-toolbar {
17772
- background: rgb(var(--v-theme-surface));
17773
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17774
- }
17775
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17776
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17777
- }
17778
- .v-app-bar:not(.v-toolbar--absolute) {
17779
- padding-inline-end: var(--v-scrollbar-offset);
17780
17780
  }.v-avatar {
17781
17781
  flex: none;
17782
17782
  align-items: center;
@@ -18252,62 +18252,6 @@ html.overflow-y-hidden {
18252
18252
  display: inline-block;
18253
18253
  padding: 0 8px;
18254
18254
  vertical-align: middle;
18255
- }.v-btn-group {
18256
- display: inline-flex;
18257
- flex-wrap: nowrap;
18258
- max-width: 100%;
18259
- min-width: 0;
18260
- overflow: hidden;
18261
- vertical-align: middle;
18262
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18263
- border-style: solid;
18264
- border-width: 0;
18265
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18266
- border-radius: 4px;
18267
- background: transparent;
18268
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18269
- }
18270
- .v-btn-group--border {
18271
- border-width: thin;
18272
- box-shadow: none;
18273
- }
18274
- .v-btn-group--density-default.v-btn-group {
18275
- height: 48px;
18276
- }
18277
-
18278
- .v-btn-group--density-comfortable.v-btn-group {
18279
- height: 40px;
18280
- }
18281
-
18282
- .v-btn-group--density-compact.v-btn-group {
18283
- height: 36px;
18284
- }
18285
-
18286
- .v-btn-group .v-btn {
18287
- border-radius: 0;
18288
- border-color: inherit;
18289
- }
18290
- .v-btn-group .v-btn:not(:last-child) {
18291
- border-inline-end: none;
18292
- }
18293
- .v-btn-group .v-btn:not(:first-child) {
18294
- border-inline-start: none;
18295
- }
18296
- .v-btn-group .v-btn:first-child {
18297
- border-start-start-radius: inherit;
18298
- border-end-start-radius: inherit;
18299
- }
18300
- .v-btn-group .v-btn:last-child {
18301
- border-start-end-radius: inherit;
18302
- border-end-end-radius: inherit;
18303
- }
18304
- .v-btn-group--divided .v-btn:not(:last-child) {
18305
- border-inline-end-width: thin;
18306
- border-inline-end-style: solid;
18307
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18308
- }
18309
- .v-btn-group--tile {
18310
- border-radius: 0;
18311
18255
  }.v-btn {
18312
18256
  align-items: center;
18313
18257
  border-radius: 4px;
@@ -18729,6 +18673,62 @@ html.overflow-y-hidden {
18729
18673
  }
18730
18674
  .v-pagination__item--is-active .v-btn__overlay {
18731
18675
  opacity: var(--v-border-opacity);
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;
18716
+ }
18717
+ .v-btn-group .v-btn:first-child {
18718
+ border-start-start-radius: inherit;
18719
+ border-end-start-radius: inherit;
18720
+ }
18721
+ .v-btn-group .v-btn:last-child {
18722
+ border-start-end-radius: inherit;
18723
+ border-end-end-radius: inherit;
18724
+ }
18725
+ .v-btn-group--divided .v-btn:not(:last-child) {
18726
+ border-inline-end-width: thin;
18727
+ border-inline-end-style: solid;
18728
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18729
+ }
18730
+ .v-btn-group--tile {
18731
+ border-radius: 0;
18732
18732
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18733
18733
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18734
18734
  }
@@ -18742,11 +18742,6 @@ html.overflow-y-hidden {
18742
18742
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18743
18743
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18744
18744
  }
18745
- }.v-checkbox.v-input {
18746
- flex: 0 1 auto;
18747
- }
18748
- .v-checkbox .v-selection-control {
18749
- min-height: var(--v-input-control-height);
18750
18745
  }.v-card {
18751
18746
  display: block;
18752
18747
  overflow: hidden;
@@ -19109,6 +19104,11 @@ html.overflow-y-hidden {
19109
19104
  flex-direction: column;
19110
19105
  height: 100% !important;
19111
19106
  width: 50px;
19107
+ }.v-checkbox.v-input {
19108
+ flex: 0 1 auto;
19109
+ }
19110
+ .v-checkbox .v-selection-control {
19111
+ min-height: var(--v-input-control-height);
19112
19112
  }.v-chip {
19113
19113
  align-items: center;
19114
19114
  display: inline-flex;
@@ -19863,72 +19863,6 @@ html.overflow-y-hidden {
19863
19863
  }
19864
19864
  .v-data-table-footer__page {
19865
19865
  padding: 0 8px;
19866
- }.v-date-picker {
19867
- overflow: hidden;
19868
- width: 328px;
19869
- }
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;
19881
- }
19882
-
19883
- .v-date-picker-header__append {
19884
- grid-area: append;
19885
- }
19886
-
19887
- .v-date-picker-header__prepend {
19888
- grid-area: prepend;
19889
- padding-inline-start: 8px;
19890
- }
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;
19899
- }
19900
- .v-date-picker-header--clickable .v-date-picker-header__content {
19901
- cursor: pointer;
19902
- }
19903
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19904
- opacity: 0.7;
19905
- }
19906
-
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
19866
  }.v-date-picker-controls {
19933
19867
  display: flex;
19934
19868
  align-items: center;
@@ -19985,6 +19919,12 @@ html.overflow-y-hidden {
19985
19919
 
19986
19920
  .v-date-picker__title {
19987
19921
  display: inline-block;
19922
+ }.v-date-picker {
19923
+ overflow: hidden;
19924
+ width: 328px;
19925
+ }
19926
+ .v-date-picker--show-week {
19927
+ width: 368px;
19988
19928
  }.v-date-picker-month {
19989
19929
  display: flex;
19990
19930
  justify-content: center;
@@ -20040,40 +19980,100 @@ html.overflow-y-hidden {
20040
19980
 
20041
19981
  .v-date-picker-month__day--hide-adjacent {
20042
19982
  opacity: 0;
20043
- }.v-date-picker-years {
20044
- height: 288px;
20045
- overflow-y: scroll;
19983
+ }.v-date-picker-header {
19984
+ align-items: flex-end;
19985
+ height: 70px;
19986
+ display: grid;
19987
+ grid-template-areas: "prepend content append";
19988
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19989
+ overflow: hidden;
19990
+ padding-inline: 24px 12px;
19991
+ padding-bottom: 12px;
20046
19992
  }
20047
19993
 
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;
19994
+ .v-date-picker-header__append {
19995
+ grid-area: append;
20055
19996
  }
20056
- .v-date-picker-years__content .v-btn {
20057
- padding-inline: 8px;
20058
- }.v-date-picker-months {
20059
- height: 288px;
19997
+
19998
+ .v-date-picker-header__prepend {
19999
+ grid-area: prepend;
20000
+ padding-inline-start: 8px;
20060
20001
  }
20061
20002
 
20062
- .v-date-picker-months__content {
20003
+ .v-date-picker-header__content {
20063
20004
  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;
20005
+ display: inline-flex;
20006
+ font-size: 32px;
20007
+ line-height: 40px;
20008
+ grid-area: content;
20009
+ justify-content: space-between;
20010
+ }
20011
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20012
+ cursor: pointer;
20013
+ }
20014
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20015
+ opacity: 0.7;
20016
+ }
20017
+
20018
+ .date-picker-header-transition-enter-active,
20019
+ .date-picker-header-reverse-transition-enter-active {
20020
+ transition-duration: 0.3s;
20021
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20022
+ }
20023
+ .date-picker-header-transition-leave-active,
20024
+ .date-picker-header-reverse-transition-leave-active {
20025
+ transition-duration: 0.3s;
20026
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20027
+ }
20028
+
20029
+ .date-picker-header-transition-enter-from {
20030
+ transform: translate(0, 100%);
20031
+ }
20032
+ .date-picker-header-transition-leave-to {
20033
+ opacity: 0;
20034
+ transform: translate(0, -100%);
20035
+ }
20036
+
20037
+ .date-picker-header-reverse-transition-enter-from {
20038
+ transform: translate(0, -100%);
20039
+ }
20040
+ .date-picker-header-reverse-transition-leave-to {
20041
+ opacity: 0;
20042
+ transform: translate(0, 100%);
20043
+ }.v-date-picker-months {
20044
+ height: 288px;
20045
+ }
20046
+
20047
+ .v-date-picker-months__content {
20048
+ align-items: center;
20049
+ display: grid;
20050
+ flex: 1 1;
20051
+ height: inherit;
20052
+ justify-content: space-around;
20053
+ grid-template-columns: repeat(2, 1fr);
20054
+ grid-gap: 0px 24px;
20055
+ padding-inline-start: 36px;
20071
20056
  padding-inline-end: 36px;
20072
20057
  }
20073
20058
  .v-date-picker-months__content .v-btn {
20074
20059
  text-transform: none;
20075
20060
  padding-inline-start: 8px;
20076
20061
  padding-inline-end: 8px;
20062
+ }.v-date-picker-years {
20063
+ height: 288px;
20064
+ overflow-y: scroll;
20065
+ }
20066
+
20067
+ .v-date-picker-years__content {
20068
+ display: grid;
20069
+ flex: 1 1;
20070
+ justify-content: space-around;
20071
+ grid-template-columns: repeat(3, 1fr);
20072
+ gap: 8px 24px;
20073
+ padding-inline: 32px;
20074
+ }
20075
+ .v-date-picker-years__content .v-btn {
20076
+ padding-inline: 8px;
20077
20077
  }.v-dialog {
20078
20078
  align-items: center;
20079
20079
  justify-content: center;
@@ -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
- }/* 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);
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));
20306
20289
  }
20307
- .v-field--disabled {
20308
- opacity: var(--v-disabled-opacity);
20309
- pointer-events: none;
20290
+ .v-expansion-panel:not(:first-child)::after {
20291
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20310
20292
  }
20311
- .v-field .v-chip {
20312
- --v-chip-height: 24px;
20293
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20294
+ color: rgba(var(--v-theme-on-surface), 0.26);
20313
20295
  }
20314
-
20315
- /* endregion */
20316
- /* region MODIFIERS */
20317
- .v-field--prepended {
20318
- padding-inline-start: 12px;
20296
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20297
+ opacity: 0.4615384615;
20319
20298
  }
20320
- .v-field--appended {
20321
- padding-inline-end: 12px;
20299
+
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;
20322
20309
  }
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));
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;
20328
20313
  }
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));
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;
20334
20317
  }
20335
- .v-field--variant-solo-inverted.v-field--focused {
20336
- color: rgb(var(--v-theme-on-surface-variant));
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;
20337
20321
  }
20338
- .v-field--variant-filled {
20339
- border-bottom-left-radius: 0;
20340
- border-bottom-right-radius: 0;
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;
20341
20325
  }
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;
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;
20345
20329
  }
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;
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;
20350
20333
  }
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;
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;
20355
20337
  }
20356
-
20357
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20358
- --v-field-padding-top: 0px;
20338
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20339
+ border-radius: 0 !important;
20359
20340
  }
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;
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);
20362
20343
  }
20363
20344
 
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;
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;
20366
20352
  }
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;
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);
20370
20362
  }
20371
-
20372
- .v-field--variant-plain, .v-field--variant-underlined {
20373
- border-radius: 0;
20374
- padding: 0;
20363
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20364
+ pointer-events: none;
20375
20365
  }
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;
20366
+ .v-expansion-panel--active:not(:first-child),
20367
+ .v-expansion-panel--active + .v-expansion-panel {
20368
+ margin-top: 16px;
20379
20369
  }
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;
20370
+ .v-expansion-panel--active:not(:first-child)::after,
20371
+ .v-expansion-panel--active + .v-expansion-panel::after {
20372
+ opacity: 0;
20384
20373
  }
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;
20374
+ .v-expansion-panel--active > .v-expansion-panel-title {
20375
+ border-bottom-left-radius: 0;
20376
+ border-bottom-right-radius: 0;
20390
20377
  }
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;
20378
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20379
+ min-height: 64px;
20396
20380
  }
20397
20381
 
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;
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;
20409
20391
  }
20410
20392
 
20411
- /* endregion */
20412
- /* region ELEMENTS */
20413
- .v-field__input {
20393
+ .v-expansion-panel-title {
20414
20394
  align-items: center;
20415
- color: inherit;
20416
- column-gap: 2px;
20395
+ text-align: start;
20396
+ border-radius: inherit;
20417
20397
  display: flex;
20418
- flex-wrap: wrap;
20419
- letter-spacing: 0.009375em;
20420
- opacity: var(--v-high-emphasis-opacity);
20421
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
20422
- min-width: 0;
20423
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
20424
- padding-top: var(--v-field-input-padding-top);
20425
- padding-bottom: var(--v-field-input-padding-bottom);
20398
+ font-size: 0.9375rem;
20399
+ line-height: 1;
20400
+ min-height: 48px;
20401
+ outline: none;
20402
+ padding: 16px 24px;
20426
20403
  position: relative;
20404
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20427
20405
  width: 100%;
20406
+ justify-content: space-between;
20428
20407
  }
20429
- .v-input--density-default .v-field__input {
20430
- row-gap: 8px;
20431
- }
20432
-
20433
- .v-input--density-comfortable .v-field__input {
20434
- row-gap: 6px;
20435
- }
20436
-
20437
- .v-input--density-compact .v-field__input {
20438
- row-gap: 4px;
20408
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20409
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20439
20410
  }
20440
-
20441
- .v-field__input input {
20442
- letter-spacing: inherit;
20411
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20412
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20443
20413
  }
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);
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
+ }
20449
20418
  }
20450
-
20451
- .v-field__input:focus, .v-field__input:active {
20452
- outline: none;
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));
20453
20421
  }
20454
- .v-field__input:invalid {
20455
- box-shadow: none;
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));
20456
20424
  }
20457
-
20458
- .v-field__field {
20459
- flex: 1 0;
20460
- grid-area: field;
20461
- position: relative;
20462
- align-items: flex-start;
20463
- display: flex;
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));
20464
20427
  }
20465
-
20466
- /* endregion */
20467
- /* region AFFIXES */
20468
- .v-field__prepend-inner {
20469
- grid-area: prepend-inner;
20470
- padding-inline-end: var(--v-field-padding-after);
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
+ }
20471
20432
  }
20472
20433
 
20473
- .v-field__clearable {
20474
- grid-area: clear;
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;
20475
20443
  }
20476
20444
 
20477
- .v-field__append-inner {
20478
- grid-area: append-inner;
20479
- padding-inline-start: var(--v-field-padding-after);
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;
20480
20452
  }
20481
20453
 
20482
- .v-field__append-inner,
20483
- .v-field__clearable,
20484
- .v-field__prepend-inner {
20454
+ .v-expansion-panel-text {
20485
20455
  display: flex;
20486
- align-items: flex-start;
20487
- padding-top: var(--v-input-padding-top, 8px);
20488
20456
  }
20489
- .v-field--center-affix .v-field__append-inner,
20490
- .v-field--center-affix .v-field__clearable,
20491
- .v-field--center-affix .v-field__prepend-inner {
20492
- align-items: center;
20493
- padding-top: 0;
20457
+ .v-expansion-panel-text__wrapper {
20458
+ padding: 8px 24px 16px;
20459
+ flex: 1 1 auto;
20460
+ max-width: 100%;
20494
20461
  }
20495
20462
 
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);
20463
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20464
+ margin-top: 0;
20505
20465
  }
20506
-
20507
- .v-field--focused .v-field__prepend-inner,
20508
- .v-field--focused .v-field__append-inner {
20466
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20509
20467
  opacity: 1;
20510
20468
  }
20511
20469
 
20512
- .v-field__prepend-inner > .v-icon,
20513
- .v-field__append-inner > .v-icon,
20514
- .v-field__clearable > .v-icon {
20515
- opacity: var(--v-medium-emphasis-opacity);
20516
- }
20517
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
20518
- .v-field--disabled .v-field__append-inner > .v-icon,
20519
- .v-field--error .v-field__append-inner > .v-icon,
20520
- .v-field--disabled .v-field__clearable > .v-icon,
20521
- .v-field--error .v-field__clearable > .v-icon {
20522
- opacity: 1;
20470
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20471
+ max-width: calc(100% - 32px);
20523
20472
  }
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));
20473
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20474
+ max-width: calc(100% + 16px);
20528
20475
  }
20529
20476
 
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;
20477
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20478
+ max-width: 100%;
20537
20479
  }
20538
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
20539
- opacity: 1;
20480
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20481
+ max-width: calc(100% - 32px);
20540
20482
  }
20541
- @media (hover: hover) {
20542
- .v-field:hover .v-field__clearable {
20543
- opacity: 1;
20544
- }
20483
+
20484
+ .v-expansion-panels--flat > .v-expansion-panel::after {
20485
+ border-top: none;
20545
20486
  }
20546
- @media (hover: none) {
20547
- .v-field__clearable {
20548
- opacity: 1;
20549
- }
20487
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20488
+ display: none;
20550
20489
  }
20551
20490
 
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));
20491
+ .v-expansion-panels--tile {
20492
+ border-radius: 0;
20493
+ }
20494
+ .v-expansion-panels--tile > .v-expansion-panel {
20495
+ border-radius: 0;
20496
+ }.v-fab {
20497
+ align-items: center;
20498
+ display: inline-flex;
20499
+ flex: 1 1 auto;
20560
20500
  pointer-events: none;
20561
- position: absolute;
20562
- top: var(--v-input-padding-top);
20563
- transform-origin: left center;
20564
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
20565
- transition-property: opacity, transform;
20566
- z-index: 1;
20501
+ position: relative;
20502
+ transition-duration: 0.2s;
20503
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20504
+ vertical-align: middle;
20567
20505
  }
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));
20506
+ .v-fab .v-btn {
20507
+ pointer-events: auto;
20570
20508
  }
20571
- .v-field--center-affix .v-label.v-field-label {
20572
- top: 50%;
20573
- transform: translateY(-50%);
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));
20574
20511
  }
20575
- .v-field--active .v-label.v-field-label {
20576
- visibility: hidden;
20512
+ .v-fab--app, .v-fab--absolute {
20513
+ display: flex;
20577
20514
  }
20578
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
20579
- opacity: 1;
20515
+ .v-fab--start, .v-fab--left {
20516
+ justify-content: flex-start;
20580
20517
  }
20581
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
20582
- color: rgb(var(--v-theme-error));
20518
+ .v-fab--center {
20519
+ align-items: center;
20520
+ justify-content: center;
20583
20521
  }
20584
- .v-label.v-field-label--floating {
20585
- --v-field-label-scale: 0.75em;
20586
- font-size: var(--v-field-label-scale);
20587
- visibility: hidden;
20588
- max-width: 100%;
20522
+ .v-fab--end, .v-fab--right {
20523
+ justify-content: flex-end;
20589
20524
  }
20590
- .v-field--center-affix .v-label.v-field-label--floating {
20591
- transform: none;
20525
+ .v-fab--bottom {
20526
+ align-items: flex-end;
20592
20527
  }
20593
- .v-field.v-field--active .v-label.v-field-label--floating {
20594
- visibility: unset;
20528
+ .v-fab--top {
20529
+ align-items: flex-start;
20595
20530
  }
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;
20531
+ .v-fab--extended .v-btn {
20532
+ border-radius: 9999px !important;
20598
20533
  }
20599
20534
 
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;
20535
+ .v-fab__container {
20536
+ align-self: center;
20537
+ display: inline-flex;
20538
+ position: absolute;
20539
+ vertical-align: middle;
20602
20540
  }
20603
-
20604
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20605
- top: 3px;
20541
+ .v-fab--app .v-fab__container {
20542
+ margin: 12px;
20606
20543
  }
20607
-
20608
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
20609
- transform: translateY(-16px);
20610
- margin: 0;
20611
- top: var(--v-input-padding-top);
20544
+ .v-fab--absolute .v-fab__container {
20545
+ position: absolute;
20546
+ z-index: 4;
20612
20547
  }
20613
- .v-field--variant-outlined .v-label.v-field-label--floating {
20548
+ .v-fab--offset.v-fab--top .v-fab__container {
20614
20549
  transform: translateY(-50%);
20615
- transform-origin: center;
20616
- position: static;
20617
- margin: 0 4px;
20618
20550
  }
20619
-
20620
- /* endregion */
20621
- /* region OUTLINE */
20622
- .v-field__outline {
20623
- --v-field-border-width: 1px;
20624
- --v-field-border-opacity: 0.38;
20625
- align-items: stretch;
20626
- contain: layout;
20627
- display: flex;
20628
- height: 100%;
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;
20556
+ }
20557
+ .v-fab--bottom .v-fab__container {
20558
+ bottom: 0;
20559
+ }
20560
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20629
20561
  left: 0;
20630
- pointer-events: none;
20631
- position: absolute;
20562
+ }
20563
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20632
20564
  right: 0;
20633
- width: 100%;
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;
20573
+ 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);
20634
20585
  }
20635
- @media (hover: hover) {
20636
- .v-field:hover .v-field__outline {
20637
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
20638
- }
20586
+ .v-field--disabled {
20587
+ opacity: var(--v-disabled-opacity);
20588
+ pointer-events: none;
20639
20589
  }
20640
- .v-field--error:not(.v-field--disabled) .v-field__outline {
20641
- color: rgb(var(--v-theme-error));
20590
+ .v-field .v-chip {
20591
+ --v-chip-height: 24px;
20642
20592
  }
20643
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
20644
- --v-field-border-opacity: 1;
20593
+
20594
+ /* endregion */
20595
+ /* region MODIFIERS */
20596
+ .v-field--prepended {
20597
+ padding-inline-start: 12px;
20645
20598
  }
20646
- .v-field--variant-outlined.v-field--focused .v-field__outline {
20647
- --v-field-border-width: 2px;
20599
+ .v-field--appended {
20600
+ padding-inline-end: 12px;
20648
20601
  }
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%;
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));
20661
20607
  }
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%;
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));
20674
20613
  }
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);
20614
+ .v-field--variant-solo-inverted.v-field--focused {
20615
+ color: rgb(var(--v-theme-on-surface-variant));
20616
+ }
20617
+ .v-field--variant-filled {
20618
+ border-bottom-left-radius: 0;
20619
+ border-bottom-right-radius: 0;
20620
+ }
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;
20677
20624
  }
20678
20625
 
20679
- .v-field--variant-outlined .v-field__outline {
20680
- border-radius: inherit;
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;
20681
20629
  }
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);
20630
+
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;
20686
20634
  }
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;
20635
+
20636
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20637
+ --v-field-padding-top: 0px;
20696
20638
  }
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);
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;
20701
20641
  }
20702
20642
 
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;
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;
20710
20645
  }
20711
20646
 
20712
- .v-field--variant-outlined .v-field__outline__notch {
20713
- flex: none;
20714
- position: relative;
20715
- max-width: calc(100% - 12px);
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;
20716
20649
  }
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%;
20650
+
20651
+ .v-field--variant-plain, .v-field--variant-underlined {
20652
+ border-radius: 0;
20653
+ padding: 0;
20726
20654
  }
20727
- .v-field--variant-outlined .v-field__outline__notch::before {
20728
- border-width: var(--v-field-border-width) 0 0;
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;
20729
20658
  }
20730
- .v-field--variant-outlined .v-field__outline__notch::after {
20731
- bottom: 0;
20732
- border-width: 0 0 var(--v-field-border-width);
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;
20733
20663
  }
20734
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
20735
- opacity: 0;
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;
20736
20669
  }
20737
20670
 
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;
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;
20747
20675
  }
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);
20676
+
20677
+ .v-field--flat {
20678
+ box-shadow: none;
20679
+ }
20680
+ .v-field--rounded {
20681
+ border-radius: 24px;
20682
+ }
20683
+ .v-field.v-field--prepended {
20684
+ --v-field-padding-start: 6px;
20685
+ }
20686
+ .v-field.v-field--appended {
20687
+ --v-field-padding-end: 6px;
20755
20688
  }
20756
20689
 
20757
20690
  /* endregion */
20758
- /* region LOADER */
20759
- .v-field__loader {
20760
- top: calc(100% - 2px);
20761
- left: 0;
20762
- position: absolute;
20763
- right: 0;
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;
20764
20706
  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;
20770
20707
  }
20771
- .v-field--variant-outlined .v-field__loader {
20772
- top: calc(100% - 3px);
20773
- width: calc(100% - 1px * 2);
20774
- left: 1px;
20708
+ .v-input--density-default .v-field__input {
20709
+ row-gap: 8px;
20775
20710
  }
20776
20711
 
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%;
20712
+ .v-input--density-comfortable .v-field__input {
20713
+ row-gap: 6px;
20787
20714
  }
20788
20715
 
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);
20716
+ .v-input--density-compact .v-field__input {
20717
+ row-gap: 4px;
20793
20718
  }
20794
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
20795
- opacity: 0;
20719
+
20720
+ .v-field__input input {
20721
+ letter-spacing: inherit;
20796
20722
  }
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
- }
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);
20801
20728
  }
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));
20729
+
20730
+ .v-field__input:focus, .v-field__input:active {
20731
+ outline: none;
20732
+ }
20733
+ .v-field__input:invalid {
20734
+ box-shadow: none;
20804
20735
  }
20805
20736
 
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);
20737
+ .v-field__field {
20738
+ flex: 1 0;
20739
+ grid-area: field;
20740
+ position: relative;
20741
+ align-items: flex-start;
20742
+ display: flex;
20810
20743
  }
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
- }
20744
+
20745
+ /* endregion */
20746
+ /* region AFFIXES */
20747
+ .v-field__prepend-inner {
20748
+ grid-area: prepend-inner;
20749
+ padding-inline-end: var(--v-field-padding-after);
20815
20750
  }
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));
20751
+
20752
+ .v-field__clearable {
20753
+ grid-area: clear;
20818
20754
  }
20819
20755
 
20820
- .v-field--variant-solo-inverted .v-field__overlay {
20821
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20756
+ .v-field__append-inner {
20757
+ grid-area: append-inner;
20758
+ padding-inline-start: var(--v-field-padding-after);
20822
20759
  }
20823
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
20824
- opacity: 0;
20760
+
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);
20825
20767
  }
20826
- @media (hover: hover) {
20827
- .v-field--variant-solo-inverted:hover .v-field__overlay {
20828
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20829
- }
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;
20830
20773
  }
20831
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20832
- background-color: rgb(var(--v-theme-surface-variant));
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);
20784
+ }
20785
+
20786
+ .v-field--focused .v-field__prepend-inner,
20787
+ .v-field--focused .v-field__append-inner {
20833
20788
  opacity: 1;
20834
20789
  }
20835
20790
 
20836
- /* endregion */
20837
- /* region MODIFIERS */
20838
- .v-field--reverse .v-field__field,
20839
- .v-field--reverse .v-field__input,
20840
- .v-field--reverse .v-field__outline {
20841
- flex-direction: row-reverse;
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);
20842
20795
  }
20843
- .v-field--reverse .v-field__input, .v-field--reverse input {
20844
- text-align: end;
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;
20845
20802
  }
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;
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));
20850
20807
  }
20851
20808
 
20852
- .v-field--loading .v-field__outline::after,
20853
- .v-field--loading .v-field__outline::before {
20809
+ .v-field__clearable {
20810
+ cursor: pointer;
20854
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;
20816
+ }
20817
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
20818
+ opacity: 1;
20819
+ }
20820
+ @media (hover: hover) {
20821
+ .v-field:hover .v-field__clearable {
20822
+ opacity: 1;
20823
+ }
20824
+ }
20825
+ @media (hover: none) {
20826
+ .v-field__clearable {
20827
+ opacity: 1;
20828
+ }
20855
20829
  }
20856
20830
 
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));
20831
+ /* 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;
20860
20846
  }
20861
- .v-expansion-panel:not(:first-child)::after {
20862
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
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));
20863
20849
  }
20864
- .v-expansion-panel--disabled .v-expansion-panel-title {
20865
- color: rgba(var(--v-theme-on-surface), 0.26);
20850
+ .v-field--center-affix .v-label.v-field-label {
20851
+ top: 50%;
20852
+ transform: translateY(-50%);
20866
20853
  }
20867
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20868
- opacity: 0.4615384615;
20854
+ .v-field--active .v-label.v-field-label {
20855
+ visibility: hidden;
20869
20856
  }
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;
20857
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
20858
+ opacity: 1;
20880
20859
  }
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;
20860
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
20861
+ color: rgb(var(--v-theme-error));
20884
20862
  }
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;
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%;
20888
20868
  }
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;
20869
+ .v-field--center-affix .v-label.v-field-label--floating {
20870
+ transform: none;
20892
20871
  }
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;
20872
+ .v-field.v-field--active .v-label.v-field-label--floating {
20873
+ visibility: unset;
20896
20874
  }
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;
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;
20900
20877
  }
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;
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;
20904
20881
  }
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;
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;
20908
20885
  }
20909
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20910
- border-radius: 0 !important;
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);
20911
20891
  }
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);
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;
20914
20897
  }
20915
20898
 
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: "";
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%;
20928
20908
  left: 0;
20909
+ pointer-events: none;
20929
20910
  position: absolute;
20930
20911
  right: 0;
20931
- top: 0;
20932
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20933
- }
20934
- .v-expansion-panel--disabled .v-expansion-panel-title {
20935
- pointer-events: none;
20912
+ width: 100%;
20936
20913
  }
20937
- .v-expansion-panel--active:not(:first-child),
20938
- .v-expansion-panel--active + .v-expansion-panel {
20939
- margin-top: 16px;
20914
+ @media (hover: hover) {
20915
+ .v-field:hover .v-field__outline {
20916
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
20917
+ }
20940
20918
  }
20941
- .v-expansion-panel--active:not(:first-child)::after,
20942
- .v-expansion-panel--active + .v-expansion-panel::after {
20943
- opacity: 0;
20919
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
20920
+ color: rgb(var(--v-theme-error));
20944
20921
  }
20945
- .v-expansion-panel--active > .v-expansion-panel-title {
20946
- border-bottom-left-radius: 0;
20947
- border-bottom-right-radius: 0;
20922
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
20923
+ --v-field-border-opacity: 1;
20948
20924
  }
20949
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20950
- min-height: 64px;
20925
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
20926
+ --v-field-border-width: 2px;
20951
20927
  }
20952
-
20953
- .v-expansion-panel__shadow {
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: "";
20954
20935
  position: absolute;
20955
20936
  top: 0;
20956
20937
  left: 0;
20957
20938
  width: 100%;
20958
20939
  height: 100%;
20959
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20960
- border-radius: inherit;
20961
- z-index: -1;
20962
20940
  }
20963
-
20964
- .v-expansion-panel-title {
20965
- align-items: center;
20966
- text-align: start;
20967
- border-radius: inherit;
20968
- display: flex;
20969
- font-size: 0.9375rem;
20970
- line-height: 1;
20971
- min-height: 48px;
20972
- outline: none;
20973
- padding: 16px 24px;
20974
- position: relative;
20975
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
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: "";
20948
+ position: absolute;
20949
+ top: 0;
20950
+ left: 0;
20976
20951
  width: 100%;
20977
- justify-content: space-between;
20978
- }
20979
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20980
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20952
+ height: 100%;
20981
20953
  }
20982
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20983
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
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);
20984
20956
  }
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
- }
20957
+
20958
+ .v-field--variant-outlined .v-field__outline {
20959
+ border-radius: inherit;
20989
20960
  }
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));
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);
20992
20965
  }
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));
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;
20995
20975
  }
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));
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);
20998
20980
  }
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
- }
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;
21003
20989
  }
21004
20990
 
21005
- .v-expansion-panel-title__overlay {
20991
+ .v-field--variant-outlined .v-field__outline__notch {
20992
+ flex: none;
20993
+ position: relative;
20994
+ max-width: calc(100% - 12px);
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: "";
21006
21000
  position: absolute;
21007
21001
  top: 0;
21008
21002
  left: 0;
21009
21003
  width: 100%;
21010
21004
  height: 100%;
21011
- background-color: currentColor;
21012
- border-radius: inherit;
21013
- opacity: 0;
21014
- }
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;
21023
21005
  }
21024
-
21025
- .v-expansion-panel-text {
21026
- display: flex;
21027
- }
21028
- .v-expansion-panel-text__wrapper {
21029
- padding: 8px 24px 16px;
21030
- flex: 1 1 auto;
21031
- max-width: 100%;
21032
- }
21033
-
21034
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21035
- margin-top: 0;
21036
- }
21037
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21038
- opacity: 1;
21006
+ .v-field--variant-outlined .v-field__outline__notch::before {
21007
+ border-width: var(--v-field-border-width) 0 0;
21039
21008
  }
21040
-
21041
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21042
- max-width: calc(100% - 32px);
21009
+ .v-field--variant-outlined .v-field__outline__notch::after {
21010
+ bottom: 0;
21011
+ border-width: 0 0 var(--v-field-border-width);
21043
21012
  }
21044
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21045
- max-width: calc(100% + 16px);
21013
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21014
+ opacity: 0;
21046
21015
  }
21047
21016
 
21048
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21049
- max-width: 100%;
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;
21050
21026
  }
21051
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21052
- max-width: calc(100% - 32px);
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);
21053
21034
  }
21054
21035
 
21055
- .v-expansion-panels--flat > .v-expansion-panel::after {
21056
- border-top: none;
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;
21057
21049
  }
21058
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21059
- display: none;
21050
+ .v-field--variant-outlined .v-field__loader {
21051
+ top: calc(100% - 3px);
21052
+ width: calc(100% - 1px * 2);
21053
+ left: 1px;
21060
21054
  }
21061
21055
 
21062
- .v-expansion-panels--tile {
21063
- border-radius: 0;
21064
- }
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;
21056
+ /* endregion */
21057
+ /* region OVERLAY */
21058
+ .v-field__overlay {
21059
+ border-radius: inherit;
21071
21060
  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;
21076
- }
21077
- .v-fab .v-btn {
21078
- pointer-events: auto;
21079
- }
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));
21061
+ position: absolute;
21062
+ top: 0;
21063
+ left: 0;
21064
+ width: 100%;
21065
+ height: 100%;
21082
21066
  }
21083
- .v-fab--app, .v-fab--absolute {
21084
- display: flex;
21067
+
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);
21085
21072
  }
21086
- .v-fab--start, .v-fab--left {
21087
- justify-content: flex-start;
21073
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21074
+ opacity: 0;
21088
21075
  }
21089
- .v-fab--center {
21090
- align-items: center;
21091
- justify-content: center;
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
+ }
21092
21080
  }
21093
- .v-fab--end, .v-fab--right {
21094
- justify-content: flex-end;
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));
21095
21083
  }
21096
- .v-fab--bottom {
21097
- align-items: flex-end;
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);
21098
21089
  }
21099
- .v-fab--top {
21100
- align-items: flex-start;
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
+ }
21101
21094
  }
21102
- .v-fab--extended .v-btn {
21103
- border-radius: 9999px !important;
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));
21104
21097
  }
21105
21098
 
21106
- .v-fab__container {
21107
- align-self: center;
21108
- display: inline-flex;
21109
- position: absolute;
21110
- vertical-align: middle;
21099
+ .v-field--variant-solo-inverted .v-field__overlay {
21100
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21111
21101
  }
21112
- .v-fab--app .v-fab__container {
21113
- margin: 12px;
21102
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21103
+ opacity: 0;
21114
21104
  }
21115
- .v-fab--absolute .v-fab__container {
21116
- position: absolute;
21117
- z-index: 4;
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
+ }
21118
21109
  }
21119
- .v-fab--offset.v-fab--top .v-fab__container {
21120
- transform: translateY(-50%);
21110
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21111
+ background-color: rgb(var(--v-theme-surface-variant));
21112
+ opacity: 1;
21121
21113
  }
21122
- .v-fab--offset.v-fab--bottom .v-fab__container {
21123
- transform: translateY(50%);
21114
+
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;
21124
21121
  }
21125
- .v-fab--top .v-fab__container {
21126
- top: 0;
21122
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21123
+ text-align: end;
21127
21124
  }
21128
- .v-fab--bottom .v-fab__container {
21129
- bottom: 0;
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;
21130
21129
  }
21131
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21132
- left: 0;
21130
+
21131
+ .v-field--loading .v-field__outline::after,
21132
+ .v-field--loading .v-field__outline::before {
21133
+ opacity: 0;
21133
21134
  }
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,
21135
+
21136
+ /* endregion */.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;
@@ -23011,8 +23011,110 @@ html.v-overlay-scroll-blocked {
23011
23011
  position: relative;
23012
23012
  overflow: hidden;
23013
23013
  }
23014
- .v-parallax--active > .v-img__img {
23015
- will-change: transform;
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 {
23036
+ align-items: center;
23037
+ display: flex;
23038
+ justify-content: center;
23039
+ }
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;
23051
+ }
23052
+
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;
23064
+ }
23065
+ .v-progress-circular--size-large {
23066
+ height: 48px;
23067
+ width: 48px;
23068
+ }
23069
+ .v-progress-circular--size-x-large {
23070
+ height: 64px;
23071
+ width: 64px;
23072
+ }
23073
+
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;
23078
+ }
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);
23086
+ }
23087
+
23088
+ .v-progress-circular--disable-shrink > svg {
23089
+ animation-duration: 0.7s;
23090
+ }
23091
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23092
+ animation: none;
23093
+ }
23094
+
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;
23098
+ }
23099
+
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
+ }
23113
+ }
23114
+ @keyframes progress-circular-rotate {
23115
+ 100% {
23116
+ transform: rotate(270deg);
23117
+ }
23016
23118
  }.v-progress-linear {
23017
23119
  background: transparent;
23018
23120
  overflow: hidden;
@@ -23241,108 +23343,6 @@ html.v-overlay-scroll-blocked {
23241
23343
  0% {
23242
23344
  background-position-x: var(--v-progress-linear-height);
23243
23345
  }
23244
- }.v-progress-circular {
23245
- align-items: center;
23246
- display: inline-flex;
23247
- justify-content: center;
23248
- position: relative;
23249
- vertical-align: middle;
23250
- }
23251
- .v-progress-circular > svg {
23252
- width: 100%;
23253
- height: 100%;
23254
- margin: auto;
23255
- position: absolute;
23256
- top: 0;
23257
- bottom: 0;
23258
- left: 0;
23259
- right: 0;
23260
- z-index: 0;
23261
- }
23262
-
23263
- .v-progress-circular__content {
23264
- align-items: center;
23265
- display: flex;
23266
- justify-content: center;
23267
- }
23268
-
23269
- .v-progress-circular__underlay {
23270
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23271
- stroke: currentColor;
23272
- z-index: 1;
23273
- }
23274
-
23275
- .v-progress-circular__overlay {
23276
- stroke: currentColor;
23277
- transition: all 0.2s ease-in-out, stroke-width 0s;
23278
- z-index: 2;
23279
- }
23280
-
23281
- .v-progress-circular--size-x-small {
23282
- height: 16px;
23283
- width: 16px;
23284
- }
23285
- .v-progress-circular--size-small {
23286
- height: 24px;
23287
- width: 24px;
23288
- }
23289
- .v-progress-circular--size-default {
23290
- height: 32px;
23291
- width: 32px;
23292
- }
23293
- .v-progress-circular--size-large {
23294
- height: 48px;
23295
- width: 48px;
23296
- }
23297
- .v-progress-circular--size-x-large {
23298
- height: 64px;
23299
- width: 64px;
23300
- }
23301
-
23302
- .v-progress-circular--indeterminate > svg {
23303
- animation: progress-circular-rotate 1.4s linear infinite;
23304
- transform-origin: center center;
23305
- transition: all 0.2s ease-in-out;
23306
- }
23307
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23308
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23309
- stroke-dasharray: 25, 200;
23310
- stroke-dashoffset: 0;
23311
- stroke-linecap: round;
23312
- transform-origin: center center;
23313
- transform: rotate(-90deg);
23314
- }
23315
-
23316
- .v-progress-circular--disable-shrink > svg {
23317
- animation-duration: 0.7s;
23318
- }
23319
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23320
- animation: none;
23321
- }
23322
-
23323
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23324
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23325
- animation-play-state: paused !important;
23326
- }
23327
-
23328
- @keyframes progress-circular-dash {
23329
- 0% {
23330
- stroke-dasharray: 1, 200;
23331
- stroke-dashoffset: 0px;
23332
- }
23333
- 50% {
23334
- stroke-dasharray: 100, 200;
23335
- stroke-dashoffset: -15px;
23336
- }
23337
- 100% {
23338
- stroke-dasharray: 100, 200;
23339
- stroke-dashoffset: -124px;
23340
- }
23341
- }
23342
- @keyframes progress-circular-rotate {
23343
- 100% {
23344
- transform: rotate(270deg);
23345
- }
23346
23346
  }.v-radio-group > .v-input__control {
23347
23347
  flex-direction: column;
23348
23348
  }
@@ -24082,238 +24082,58 @@ html.v-overlay-scroll-blocked {
24082
24082
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24083
24083
  }
24084
24084
  .v-snackbar-transition-enter-active {
24085
- transition-property: opacity, transform;
24086
- }
24087
- .v-snackbar-transition-enter-from {
24088
- opacity: 0;
24089
- transform: scale(0.8);
24090
- }
24091
- .v-snackbar-transition-leave-active {
24092
- transition-property: opacity;
24093
- }
24094
- .v-snackbar-transition-leave-to {
24095
- opacity: 0;
24096
- }.v-speed-dial__content {
24097
- gap: 8px;
24098
- }
24099
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24100
- flex-direction: row;
24101
- }
24102
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24103
- flex-direction: row-reverse;
24104
- }
24105
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24106
- flex-direction: column-reverse;
24107
- }
24108
- .v-speed-dial__content > *:nth-child(1) {
24109
- transition-delay: 0s;
24110
- }
24111
- .v-speed-dial__content > *:nth-child(2) {
24112
- transition-delay: 0.05s;
24113
- }
24114
- .v-speed-dial__content > *:nth-child(3) {
24115
- transition-delay: 0.1s;
24116
- }
24117
- .v-speed-dial__content > *:nth-child(4) {
24118
- transition-delay: 0.15s;
24119
- }
24120
- .v-speed-dial__content > *:nth-child(5) {
24121
- transition-delay: 0.2s;
24122
- }
24123
- .v-speed-dial__content > *:nth-child(6) {
24124
- transition-delay: 0.25s;
24125
- }
24126
- .v-speed-dial__content > *:nth-child(7) {
24127
- transition-delay: 0.3s;
24128
- }
24129
- .v-speed-dial__content > *:nth-child(8) {
24130
- transition-delay: 0.35s;
24131
- }
24132
- .v-speed-dial__content > *:nth-child(9) {
24133
- transition-delay: 0.4s;
24134
- }
24135
- .v-speed-dial__content > *:nth-child(10) {
24136
- transition-delay: 0.45s;
24137
- }.v-switch .v-label {
24138
- padding-inline-start: 10px;
24139
- }
24140
-
24141
- .v-switch__loader {
24142
- display: flex;
24143
- }
24144
- .v-switch__loader .v-progress-circular {
24145
- color: rgb(var(--v-theme-surface));
24146
- }
24147
-
24148
- .v-switch__track,
24149
- .v-switch__thumb {
24150
- transition: none;
24151
- }
24152
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24153
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24154
- background-color: rgb(var(--v-theme-error));
24155
- color: rgb(var(--v-theme-on-error));
24156
- }
24157
-
24158
- .v-switch__track-true {
24159
- margin-inline-end: auto;
24160
- }
24161
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24162
- opacity: 0;
24163
- }
24164
-
24165
- .v-switch__track-false {
24166
- margin-inline-start: auto;
24167
- }
24168
- .v-selection-control--dirty .v-switch__track-false {
24169
- opacity: 0;
24170
- }
24171
-
24172
- .v-switch__track {
24173
- display: inline-flex;
24174
- align-items: center;
24175
- font-size: 0.5rem;
24176
- padding: 0 5px;
24177
- background-color: rgb(var(--v-theme-surface-variant));
24178
- border-radius: 9999px;
24179
- height: 14px;
24180
- opacity: 0.6;
24181
- min-width: 36px;
24182
- cursor: pointer;
24183
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24184
- }
24185
- .v-switch--inset .v-switch__track {
24186
- border-radius: 9999px;
24187
- font-size: 0.75rem;
24188
- height: 32px;
24189
- min-width: 52px;
24190
- }
24191
-
24192
- .v-switch__thumb {
24193
- align-items: center;
24194
- background-color: rgb(var(--v-theme-surface-bright));
24195
- color: rgb(var(--v-theme-on-surface-bright));
24196
- border-radius: 50%;
24197
- display: flex;
24198
- font-size: 0.75rem;
24199
- height: 20px;
24200
- justify-content: center;
24201
- width: 20px;
24202
- pointer-events: none;
24203
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24204
- position: relative;
24205
- overflow: hidden;
24206
- }
24207
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24208
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24209
- }
24210
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24211
- background: rgb(var(--v-theme-surface-variant));
24212
- color: rgb(var(--v-theme-on-surface-variant));
24213
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24214
- }
24215
- .v-switch--inset .v-switch__thumb {
24216
- height: 24px;
24217
- width: 24px;
24218
- transform: scale(0.6666666667);
24085
+ transition-property: opacity, transform;
24219
24086
  }
24220
- .v-switch--inset .v-switch__thumb--filled {
24221
- transform: none;
24087
+ .v-snackbar-transition-enter-from {
24088
+ opacity: 0;
24089
+ transform: scale(0.8);
24222
24090
  }
24223
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24224
- transform: none;
24225
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24091
+ .v-snackbar-transition-leave-active {
24092
+ transition-property: opacity;
24226
24093
  }
24227
-
24228
- .v-switch.v-input {
24229
- flex: 0 1 auto;
24094
+ .v-snackbar-transition-leave-to {
24095
+ opacity: 0;
24096
+ }.v-speed-dial__content {
24097
+ gap: 8px;
24230
24098
  }
24231
- .v-switch .v-selection-control {
24232
- min-height: var(--v-input-control-height);
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;
24233
24101
  }
24234
- .v-switch .v-selection-control__input {
24235
- border-radius: 50%;
24236
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24237
- position: absolute;
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;
24238
24104
  }
24239
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24240
- transform: translateX(-10px);
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;
24241
24107
  }
24242
-
24243
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24244
- transform: translateX(10px);
24108
+ .v-speed-dial__content > *:nth-child(1) {
24109
+ transition-delay: 0s;
24245
24110
  }
24246
-
24247
- .v-switch .v-selection-control__input .v-icon {
24248
- position: absolute;
24111
+ .v-speed-dial__content > *:nth-child(2) {
24112
+ transition-delay: 0.05s;
24249
24113
  }
24250
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24251
- transform: translateX(10px);
24114
+ .v-speed-dial__content > *:nth-child(3) {
24115
+ transition-delay: 0.1s;
24252
24116
  }
24253
-
24254
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24255
- transform: translateX(-10px);
24117
+ .v-speed-dial__content > *:nth-child(4) {
24118
+ transition-delay: 0.15s;
24256
24119
  }
24257
-
24258
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24259
- transform: scale(0.8);
24120
+ .v-speed-dial__content > *:nth-child(5) {
24121
+ transition-delay: 0.2s;
24260
24122
  }
24261
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24262
- transform: scale(0.75);
24263
- box-shadow: none;
24123
+ .v-speed-dial__content > *:nth-child(6) {
24124
+ transition-delay: 0.25s;
24264
24125
  }
24265
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24266
- width: auto;
24126
+ .v-speed-dial__content > *:nth-child(7) {
24127
+ transition-delay: 0.3s;
24267
24128
  }
24268
- .v-switch.v-input--vertical .v-label {
24269
- min-width: max-content;
24129
+ .v-speed-dial__content > *:nth-child(8) {
24130
+ transition-delay: 0.35s;
24270
24131
  }
24271
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24272
- transform: rotate(-90deg);
24132
+ .v-speed-dial__content > *:nth-child(9) {
24133
+ transition-delay: 0.4s;
24273
24134
  }
24274
-
24275
- @media (forced-colors: active) {
24276
- .v-switch .v-switch__loader .v-progress-circular {
24277
- color: currentColor;
24278
- }
24279
- .v-switch .v-switch__thumb {
24280
- background-color: buttontext;
24281
- }
24282
- .v-switch .v-switch__track,
24283
- .v-switch .v-switch__thumb {
24284
- border: 1px solid;
24285
- color: buttontext;
24286
- }
24287
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24288
- background-color: highlight;
24289
- }
24290
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24291
- background-color: highlight;
24292
- }
24293
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24294
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24295
- color: highlight;
24296
- }
24297
- .v-switch.v-switch--inset .v-switch__track {
24298
- border-width: 2px;
24299
- }
24300
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24301
- background-color: highlighttext;
24302
- color: highlighttext;
24303
- }
24304
- .v-switch.v-input--disabled .v-switch__thumb {
24305
- background-color: graytext;
24306
- }
24307
- .v-switch.v-input--disabled .v-switch__track,
24308
- .v-switch.v-input--disabled .v-switch__thumb {
24309
- color: graytext;
24310
- }
24311
- .v-switch.v-switch--loading .v-switch__thumb {
24312
- background-color: canvas;
24313
- }
24314
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24315
- border-width: 0;
24316
- }
24135
+ .v-speed-dial__content > *:nth-child(10) {
24136
+ transition-delay: 0.45s;
24317
24137
  }.v-stepper.v-sheet {
24318
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));
24319
24139
  border-radius: 4px;
@@ -24402,84 +24222,264 @@ html.v-overlay-scroll-blocked {
24402
24222
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24403
24223
  }
24404
24224
  }
24405
- .v-stepper--non-linear .v-stepper-item {
24406
- opacity: var(--v-high-emphasis-opacity);
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));
24233
+ }
24234
+ .v-stepper-item--disabled {
24235
+ opacity: var(--v-medium-emphasis-opacity);
24236
+ pointer-events: none;
24237
+ }
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;
24243
+ }
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;
24250
+ }
24251
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24252
+ margin-inline-end: 0;
24253
+ }
24254
+ .v-stepper-item__avatar.v-avatar .v-icon {
24255
+ font-size: 0.875rem;
24256
+ }
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));
24259
+ }
24260
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24261
+ background: rgb(var(--v-theme-error));
24262
+ }
24263
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24264
+ margin-bottom: 16px;
24265
+ margin-inline-end: 0;
24266
+ }
24267
+
24268
+ .v-stepper-item__title {
24269
+ line-height: 1;
24270
+ }
24271
+ .v-stepper--mobile .v-stepper-item__title {
24272
+ display: none;
24273
+ }
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);
24280
+ }
24281
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24282
+ text-align: center;
24283
+ }
24284
+ .v-stepper--mobile .v-stepper-item__subtitle {
24285
+ display: none;
24286
+ }
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;
24293
+ }
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;
24303
+ }.v-switch .v-label {
24304
+ padding-inline-start: 10px;
24305
+ }
24306
+
24307
+ .v-switch__loader {
24308
+ display: flex;
24309
+ }
24310
+ .v-switch__loader .v-progress-circular {
24311
+ color: rgb(var(--v-theme-surface));
24312
+ }
24313
+
24314
+ .v-switch__track,
24315
+ .v-switch__thumb {
24316
+ transition: none;
24317
+ }
24318
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24319
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24320
+ background-color: rgb(var(--v-theme-error));
24321
+ color: rgb(var(--v-theme-on-error));
24322
+ }
24323
+
24324
+ .v-switch__track-true {
24325
+ margin-inline-end: auto;
24326
+ }
24327
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24328
+ opacity: 0;
24329
+ }
24330
+
24331
+ .v-switch__track-false {
24332
+ margin-inline-start: auto;
24333
+ }
24334
+ .v-selection-control--dirty .v-switch__track-false {
24335
+ opacity: 0;
24336
+ }
24337
+
24338
+ .v-switch__track {
24339
+ display: inline-flex;
24340
+ align-items: center;
24341
+ font-size: 0.5rem;
24342
+ padding: 0 5px;
24343
+ background-color: rgb(var(--v-theme-surface-variant));
24344
+ border-radius: 9999px;
24345
+ height: 14px;
24346
+ opacity: 0.6;
24347
+ min-width: 36px;
24348
+ cursor: pointer;
24349
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24350
+ }
24351
+ .v-switch--inset .v-switch__track {
24352
+ border-radius: 9999px;
24353
+ font-size: 0.75rem;
24354
+ height: 32px;
24355
+ min-width: 52px;
24356
+ }
24357
+
24358
+ .v-switch__thumb {
24359
+ align-items: center;
24360
+ background-color: rgb(var(--v-theme-surface-bright));
24361
+ color: rgb(var(--v-theme-on-surface-bright));
24362
+ border-radius: 50%;
24363
+ display: flex;
24364
+ font-size: 0.75rem;
24365
+ height: 20px;
24366
+ justify-content: center;
24367
+ width: 20px;
24368
+ pointer-events: none;
24369
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24370
+ position: relative;
24371
+ overflow: hidden;
24372
+ }
24373
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24374
+ 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));
24407
24375
  }
24408
- .v-stepper-item--selected {
24409
- opacity: 1;
24376
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24377
+ background: rgb(var(--v-theme-surface-variant));
24378
+ color: rgb(var(--v-theme-on-surface-variant));
24379
+ 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));
24410
24380
  }
24411
- .v-stepper-item--error {
24412
- color: rgb(var(--v-theme-error));
24381
+ .v-switch--inset .v-switch__thumb {
24382
+ height: 24px;
24383
+ width: 24px;
24384
+ transform: scale(0.6666666667);
24413
24385
  }
24414
- .v-stepper-item--disabled {
24415
- opacity: var(--v-medium-emphasis-opacity);
24416
- pointer-events: none;
24386
+ .v-switch--inset .v-switch__thumb--filled {
24387
+ transform: none;
24417
24388
  }
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;
24389
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24390
+ transform: none;
24391
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24423
24392
  }
24424
24393
 
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;
24394
+ .v-switch.v-input {
24395
+ flex: 0 1 auto;
24433
24396
  }
24434
- .v-stepper-item__avatar.v-avatar .v-icon {
24435
- font-size: 0.875rem;
24397
+ .v-switch .v-selection-control {
24398
+ min-height: var(--v-input-control-height);
24436
24399
  }
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));
24400
+ .v-switch .v-selection-control__input {
24401
+ border-radius: 50%;
24402
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24403
+ position: absolute;
24439
24404
  }
24440
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24441
- background: rgb(var(--v-theme-error));
24405
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24406
+ transform: translateX(-10px);
24442
24407
  }
24443
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24444
- margin-bottom: 16px;
24445
- margin-inline-end: 0;
24408
+
24409
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24410
+ transform: translateX(10px);
24446
24411
  }
24447
24412
 
24448
- .v-stepper-item__title {
24449
- line-height: 1;
24413
+ .v-switch .v-selection-control__input .v-icon {
24414
+ position: absolute;
24450
24415
  }
24451
- .v-stepper--mobile .v-stepper-item__title {
24452
- display: none;
24416
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24417
+ transform: translateX(10px);
24453
24418
  }
24454
24419
 
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);
24420
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24421
+ transform: translateX(-10px);
24460
24422
  }
24461
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24462
- text-align: center;
24423
+
24424
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24425
+ transform: scale(0.8);
24463
24426
  }
24464
- .v-stepper--mobile .v-stepper-item__subtitle {
24465
- display: none;
24427
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24428
+ transform: scale(0.75);
24429
+ box-shadow: none;
24466
24430
  }
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;
24431
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24432
+ width: auto;
24433
+ }
24434
+ .v-switch.v-input--vertical .v-label {
24435
+ min-width: max-content;
24436
+ }
24437
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24438
+ transform: rotate(-90deg);
24473
24439
  }
24474
24440
 
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;
24441
+ @media (forced-colors: active) {
24442
+ .v-switch .v-switch__loader .v-progress-circular {
24443
+ color: currentColor;
24444
+ }
24445
+ .v-switch .v-switch__thumb {
24446
+ background-color: buttontext;
24447
+ }
24448
+ .v-switch .v-switch__track,
24449
+ .v-switch .v-switch__thumb {
24450
+ border: 1px solid;
24451
+ color: buttontext;
24452
+ }
24453
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24454
+ background-color: highlight;
24455
+ }
24456
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24457
+ background-color: highlight;
24458
+ }
24459
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24460
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24461
+ color: highlight;
24462
+ }
24463
+ .v-switch.v-switch--inset .v-switch__track {
24464
+ border-width: 2px;
24465
+ }
24466
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24467
+ background-color: highlighttext;
24468
+ color: highlighttext;
24469
+ }
24470
+ .v-switch.v-input--disabled .v-switch__thumb {
24471
+ background-color: graytext;
24472
+ }
24473
+ .v-switch.v-input--disabled .v-switch__track,
24474
+ .v-switch.v-input--disabled .v-switch__thumb {
24475
+ color: graytext;
24476
+ }
24477
+ .v-switch.v-switch--loading .v-switch__thumb {
24478
+ background-color: canvas;
24479
+ }
24480
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24481
+ border-width: 0;
24482
+ }
24483
24483
  }.v-system-bar {
24484
24484
  align-items: center;
24485
24485
  display: flex;
@@ -24517,35 +24517,6 @@ 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
24520
  }.v-tabs {
24550
24521
  display: flex;
24551
24522
  height: var(--v-tabs-height);
@@ -24612,6 +24583,35 @@ html.v-overlay-scroll-blocked {
24612
24583
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24613
24584
  margin-inline-end: 52px;
24614
24585
  }
24586
+ }.v-tab.v-tab.v-btn {
24587
+ height: var(--v-tabs-height);
24588
+ border-radius: 0;
24589
+ min-width: 90px;
24590
+ }
24591
+ .v-slide-group--horizontal .v-tab {
24592
+ max-width: 360px;
24593
+ }
24594
+ .v-slide-group--vertical .v-tab {
24595
+ justify-content: start;
24596
+ }
24597
+
24598
+ .v-tab__slider {
24599
+ position: absolute;
24600
+ bottom: 0;
24601
+ left: 0;
24602
+ height: 2px;
24603
+ width: 100%;
24604
+ background: currentColor;
24605
+ pointer-events: none;
24606
+ opacity: 0;
24607
+ }
24608
+ .v-tab--selected .v-tab__slider {
24609
+ opacity: 1;
24610
+ }
24611
+ .v-slide-group--vertical .v-tab__slider {
24612
+ top: 0;
24613
+ height: 100%;
24614
+ width: 2px;
24615
24615
  }.v-table {
24616
24616
  background: rgb(var(--v-theme-surface));
24617
24617
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24736,59 +24736,20 @@ html.v-overlay-scroll-blocked {
24736
24736
  .v-table--fixed-header > .v-table__wrapper > table > thead {
24737
24737
  position: sticky;
24738
24738
  top: 0;
24739
- z-index: 2;
24740
- }
24741
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24742
- border-bottom: 0px !important;
24743
- }
24744
-
24745
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24746
- position: sticky;
24747
- bottom: 0;
24748
- z-index: 1;
24749
- }
24750
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24751
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24752
- border-top: 0px !important;
24753
- }.v-textarea .v-field {
24754
- --v-textarea-control-height: var(--v-input-control-height);
24755
- }
24756
- .v-textarea .v-field__field {
24757
- --v-input-control-height: var(--v-textarea-control-height);
24758
- }
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));
24764
- }
24765
- .v-textarea .v-field__input.v-textarea__sizer {
24766
- visibility: hidden;
24767
- position: absolute;
24768
- top: 0;
24769
- left: 0;
24770
- height: 0 !important;
24771
- min-height: 0 !important;
24772
- pointer-events: none;
24773
- }
24774
- .v-textarea--no-resize .v-field__input {
24775
- resize: none;
24776
- }
24777
- .v-textarea .v-field--no-label textarea,
24778
- .v-textarea .v-field--active textarea {
24779
- opacity: 1;
24739
+ z-index: 2;
24780
24740
  }
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
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24742
+ border-bottom: 0px !important;
24786
24743
  }
24787
- .v-textarea textarea:focus, .v-textarea textarea:active {
24788
- outline: none;
24744
+
24745
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24746
+ position: sticky;
24747
+ bottom: 0;
24748
+ z-index: 1;
24789
24749
  }
24790
- .v-textarea textarea:invalid {
24791
- box-shadow: none;
24750
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24751
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24752
+ border-top: 0px !important;
24792
24753
  }/* region BLOCK */
24793
24754
  .v-text-field input {
24794
24755
  color: inherit;
@@ -24856,9 +24817,45 @@ html.v-overlay-scroll-blocked {
24856
24817
  padding-inline-end: var(--v-field-padding-end);
24857
24818
  }
24858
24819
 
24859
- /* endregion */.v-theme-provider {
24860
- background: rgb(var(--v-theme-background));
24861
- color: rgb(var(--v-theme-on-background));
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;
24843
+ }
24844
+ .v-textarea .v-field--no-label textarea,
24845
+ .v-textarea .v-field--active textarea {
24846
+ opacity: 1;
24847
+ }
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);
24853
+ }
24854
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24855
+ outline: none;
24856
+ }
24857
+ .v-textarea textarea:invalid {
24858
+ box-shadow: none;
24862
24859
  }.v-timeline .v-timeline-divider__dot {
24863
24860
  background: rgb(var(--v-theme-surface-light));
24864
24861
  }
@@ -25275,28 +25272,9 @@ html.v-overlay-scroll-blocked {
25275
25272
 
25276
25273
  .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
25274
  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;
25275
+ }.v-theme-provider {
25276
+ background: rgb(var(--v-theme-background));
25277
+ color: rgb(var(--v-theme-on-background));
25300
25278
  }.v-toolbar {
25301
25279
  align-items: flex-start;
25302
25280
  display: flex;
@@ -25426,6 +25404,28 @@ html.v-overlay-scroll-blocked {
25426
25404
  }
25427
25405
  .v-toolbar-items > .v-btn {
25428
25406
  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;
@@ -25654,65 +25654,224 @@ html.v-overlay-scroll-blocked {
25654
25654
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25655
25655
  cursor: pointer;
25656
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;
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);
25670
25815
  }
25671
- .v-picker.v-sheet.v-picker--with-actions {
25672
- grid-template-areas: "title" "header" "body" "actions";
25816
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25817
+ left: calc(var(--v-slider-thumb-size) / 2);
25818
+ top: 0;
25819
+ }
25820
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25821
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25822
+ }
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%);
25673
25825
  }
25674
25826
 
25675
- .v-picker__body {
25676
- grid-area: body;
25677
- overflow: hidden;
25678
- position: relative;
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%);
25679
25829
  }
25680
25830
 
25681
- .v-picker__header {
25682
- grid-area: header;
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;
25683
25836
  }
25684
25837
 
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;
25838
+ .v-slider.v-input--vertical .v-slider-thumb {
25839
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25691
25840
  }
25692
- .v-picker__actions .v-btn {
25693
- min-width: 48px;
25841
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25842
+ top: calc(var(--v-slider-thumb-size) / 2);
25843
+ right: 0;
25694
25844
  }
25695
- .v-picker__actions .v-btn:not(:last-child) {
25696
- margin-inline-end: 8px;
25845
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25846
+ top: -12.5px;
25847
+ left: calc(var(--v-slider-thumb-size) / 2);
25848
+ }
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;
25697
25854
  }
25698
25855
 
25699
- .v-picker--landscape {
25700
- grid-template-areas: "title" "header body" "header body";
25856
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25857
+ transform: scale(2);
25858
+ opacity: var(--v-focus-opacity);
25701
25859
  }
25702
25860
 
25703
- .v-picker--landscape.v-picker--with-actions {
25704
- grid-template-areas: "title" "header body" "header actions";
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);
25705
25866
  }
25706
25867
 
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;
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
+ }
25716
25875
  }.v-slider-track__background {
25717
25876
  background-color: rgb(var(--v-theme-surface-variant));
25718
25877
  }
@@ -25891,163 +26050,4 @@ html.v-overlay-scroll-blocked {
25891
26050
 
25892
26051
  .v-slider-track__background--opacity {
25893
26052
  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
  }