@vuetify/nightly 4.0.0-dev-20230206.0 → 4.0.0-master-20230207.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230206.0
2
+ * Vuetify v4.0.0-master-20230207.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18604,89 +18604,6 @@ html.overflow-y-hidden {
18604
18604
  }
18605
18605
  .v-app-bar:not(.v-toolbar--absolute) {
18606
18606
  padding-inline-end: var(--v-scrollbar-offset);
18607
- }.v-input--density-default {
18608
- --autocomplete-chips-margin-bottom: 0px;
18609
- }
18610
-
18611
- .v-input--density-comfortable {
18612
- --autocomplete-chips-margin-bottom: 2px;
18613
- }
18614
-
18615
- .v-input--density-compact {
18616
- --autocomplete-chips-margin-bottom: 4px;
18617
- }
18618
-
18619
- .v-autocomplete .v-field .v-text-field__prefix,
18620
- .v-autocomplete .v-field .v-text-field__suffix,
18621
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18622
- cursor: text;
18623
- }
18624
- .v-autocomplete .v-field .v-field__input > input {
18625
- align-self: flex-start;
18626
- flex: 1 1;
18627
- }
18628
- .v-autocomplete .v-field .v-field__append-inner > .v-icon {
18629
- margin-inline-start: 4px;
18630
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18631
- }
18632
- .v-autocomplete .v-field:not(.v-field--focused) input {
18633
- min-width: 0;
18634
- }
18635
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18636
- margin-inline-end: 2px;
18637
- }
18638
- .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
18639
- overflow: hidden;
18640
- text-overflow: ellipsis;
18641
- white-space: nowrap;
18642
- }
18643
-
18644
- .v-autocomplete__content {
18645
- overflow: hidden;
18646
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18647
- border-radius: 4px;
18648
- }
18649
- .v-autocomplete__mask {
18650
- background: rgb(var(--v-theme-on-surface-variant));
18651
- }
18652
- .v-autocomplete__selection {
18653
- display: inline-flex;
18654
- letter-spacing: inherit;
18655
- line-height: inherit;
18656
- max-width: 100%;
18657
- }
18658
- .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
18659
- opacity: var(--v-high-emphasis-opacity);
18660
- transform: rotate(180deg);
18661
- }
18662
- .v-autocomplete--chips .v-autocomplete__selection {
18663
- margin-top: 2px;
18664
- margin-bottom: var(--autocomplete-chips-margin-bottom);
18665
- }
18666
- .v-autocomplete--chips .v-autocomplete__selection:first-child {
18667
- margin-inline-start: 0;
18668
- }
18669
- .v-autocomplete--single.v-text-field input {
18670
- flex: 1 1;
18671
- position: absolute;
18672
- left: 0;
18673
- right: 0;
18674
- width: 100%;
18675
- padding-inline-start: inherit;
18676
- padding-inline-end: inherit;
18677
- }
18678
- .v-autocomplete--single .v-field--active input {
18679
- transition: none;
18680
- }
18681
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18682
- opacity: 0;
18683
- }
18684
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
18685
- opacity: 0;
18686
- }
18687
- .v-autocomplete--selection-slot.v-text-field input {
18688
- position: relative;
18689
- padding-inline-start: 0;
18690
18607
  }.v-alert {
18691
18608
  display: grid;
18692
18609
  flex: 1 1;
@@ -18897,6 +18814,89 @@ html.overflow-y-hidden {
18897
18814
  text-transform: none;
18898
18815
  word-break: normal;
18899
18816
  word-wrap: break-word;
18817
+ }.v-input--density-default {
18818
+ --autocomplete-chips-margin-bottom: 0px;
18819
+ }
18820
+
18821
+ .v-input--density-comfortable {
18822
+ --autocomplete-chips-margin-bottom: 2px;
18823
+ }
18824
+
18825
+ .v-input--density-compact {
18826
+ --autocomplete-chips-margin-bottom: 4px;
18827
+ }
18828
+
18829
+ .v-autocomplete .v-field .v-text-field__prefix,
18830
+ .v-autocomplete .v-field .v-text-field__suffix,
18831
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18832
+ cursor: text;
18833
+ }
18834
+ .v-autocomplete .v-field .v-field__input > input {
18835
+ align-self: flex-start;
18836
+ flex: 1 1;
18837
+ }
18838
+ .v-autocomplete .v-field .v-field__append-inner > .v-icon {
18839
+ margin-inline-start: 4px;
18840
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18841
+ }
18842
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18843
+ min-width: 0;
18844
+ }
18845
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18846
+ margin-inline-end: 2px;
18847
+ }
18848
+ .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
18849
+ overflow: hidden;
18850
+ text-overflow: ellipsis;
18851
+ white-space: nowrap;
18852
+ }
18853
+
18854
+ .v-autocomplete__content {
18855
+ overflow: hidden;
18856
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18857
+ border-radius: 4px;
18858
+ }
18859
+ .v-autocomplete__mask {
18860
+ background: rgb(var(--v-theme-on-surface-variant));
18861
+ }
18862
+ .v-autocomplete__selection {
18863
+ display: inline-flex;
18864
+ letter-spacing: inherit;
18865
+ line-height: inherit;
18866
+ max-width: 100%;
18867
+ }
18868
+ .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
18869
+ opacity: var(--v-high-emphasis-opacity);
18870
+ transform: rotate(180deg);
18871
+ }
18872
+ .v-autocomplete--chips .v-autocomplete__selection {
18873
+ margin-top: 2px;
18874
+ margin-bottom: var(--autocomplete-chips-margin-bottom);
18875
+ }
18876
+ .v-autocomplete--chips .v-autocomplete__selection:first-child {
18877
+ margin-inline-start: 0;
18878
+ }
18879
+ .v-autocomplete--single.v-text-field input {
18880
+ flex: 1 1;
18881
+ position: absolute;
18882
+ left: 0;
18883
+ right: 0;
18884
+ width: 100%;
18885
+ padding-inline-start: inherit;
18886
+ padding-inline-end: inherit;
18887
+ }
18888
+ .v-autocomplete--single .v-field--active input {
18889
+ transition: none;
18890
+ }
18891
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18892
+ opacity: 0;
18893
+ }
18894
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
18895
+ opacity: 0;
18896
+ }
18897
+ .v-autocomplete--selection-slot.v-text-field input {
18898
+ position: relative;
18899
+ padding-inline-start: 0;
18900
18900
  }.v-avatar {
18901
18901
  flex: none;
18902
18902
  align-items: center;
@@ -20539,26 +20539,6 @@ html.overflow-y-hidden {
20539
20539
  .v-chip-group--column {
20540
20540
  flex-wrap: wrap;
20541
20541
  white-space: normal;
20542
- }.v-color-picker {
20543
- align-self: flex-start;
20544
- contain: content;
20545
- }
20546
- .v-color-picker.v-sheet {
20547
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20548
- border-radius: 4px;
20549
- }
20550
-
20551
- .v-color-picker__controls {
20552
- display: flex;
20553
- flex-direction: column;
20554
- padding: 16px;
20555
- }
20556
-
20557
- .v-color-picker--flat {
20558
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20559
- }
20560
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20561
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20562
20542
  }.v-input--density-default {
20563
20543
  --combobox-chips-margin-bottom: 0px;
20564
20544
  }
@@ -20647,6 +20627,26 @@ html.overflow-y-hidden {
20647
20627
  }
20648
20628
  .v-combobox--single .v-field--focused .v-combobox__selection {
20649
20629
  opacity: 0;
20630
+ }.v-color-picker {
20631
+ align-self: flex-start;
20632
+ contain: content;
20633
+ }
20634
+ .v-color-picker.v-sheet {
20635
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20636
+ border-radius: 4px;
20637
+ }
20638
+
20639
+ .v-color-picker__controls {
20640
+ display: flex;
20641
+ flex-direction: column;
20642
+ padding: 16px;
20643
+ }
20644
+
20645
+ .v-color-picker--flat {
20646
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20647
+ }
20648
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20649
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20650
20650
  }.v-container {
20651
20651
  width: 100%;
20652
20652
  padding: 16px;
@@ -21984,642 +21984,211 @@ html.overflow-y-hidden {
21984
21984
  .v-file-input .v-chip {
21985
21985
  margin-top: 2px;
21986
21986
  margin-bottom: var(--file-input-chips-margin-bottom);
21987
- }/* region INPUT */
21988
- .v-field {
21989
- display: grid;
21990
- grid-template-areas: "prepend-inner field clear append-inner";
21991
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21992
- font-size: 16px;
21993
- letter-spacing: 0.009375em;
21994
- max-width: 100%;
21995
- border-radius: 4px;
21996
- contain: layout;
21997
- flex: 1 0;
21998
- grid-area: control;
21987
+ }.v-footer {
21988
+ align-items: center;
21989
+ display: flex;
21990
+ flex: 1 1 auto;
21991
+ padding: 8px 16px;
21999
21992
  position: relative;
22000
- --v-field-padding-start: 16px;
22001
- --v-field-padding-end: 16px;
22002
- --v-field-padding-top: 10px;
22003
- --v-field-padding-bottom: 6px;
22004
- }
22005
- .v-field--disabled {
22006
- opacity: var(--v-disabled-opacity);
22007
- pointer-events: none;
22008
- }
22009
-
22010
- /* endregion */
22011
- /* region MODIFIERS */
22012
- .v-field--prepended {
22013
- padding-inline-start: 12px;
22014
- }
22015
- .v-field--appended {
22016
- padding-inline-end: 12px;
22017
- }
22018
- .v-field--variant-solo {
21993
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21994
+ border-style: solid;
21995
+ border-width: 0;
21996
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21997
+ border-radius: 0;
22019
21998
  background: rgb(var(--v-theme-surface));
22020
- border-color: transparent;
22021
21999
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22022
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22023
22000
  }
22024
- .v-field--variant-filled {
22025
- border-bottom-left-radius: 0;
22026
- border-bottom-right-radius: 0;
22001
+ .v-footer--border {
22002
+ border-width: thin;
22003
+ box-shadow: none;
22027
22004
  }
22028
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-filled {
22029
- --v-input-control-height: 56px;
22030
- --v-field-padding-bottom: 6px;
22031
- }
22032
-
22033
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-filled {
22034
- --v-input-control-height: 48px;
22035
- --v-field-padding-bottom: 2px;
22005
+ .v-footer--absolute {
22006
+ position: absolute;
22036
22007
  }
22037
-
22038
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-filled {
22039
- --v-input-control-height: 40px;
22040
- --v-field-padding-bottom: -2px;
22008
+ .v-footer--fixed {
22009
+ position: fixed;
22041
22010
  }
22042
-
22043
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
22044
- --v-field-padding-top: 0px;
22011
+ .v-footer--rounded {
22012
+ border-radius: 4px;
22013
+ }.v-icon {
22014
+ --v-icon-size-multiplier: 1;
22015
+ align-items: center;
22016
+ display: inline-flex;
22017
+ font-feature-settings: "liga";
22018
+ height: 1em;
22019
+ justify-content: center;
22020
+ letter-spacing: normal;
22021
+ line-height: 1;
22022
+ position: relative;
22023
+ text-indent: 0;
22024
+ -webkit-user-select: none;
22025
+ user-select: none;
22026
+ vertical-align: middle;
22027
+ width: 1em;
22045
22028
  }
22046
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
22047
- --v-field-padding-bottom: 16px;
22029
+ .v-icon--clickable {
22030
+ cursor: pointer;
22048
22031
  }
22049
-
22050
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
22051
- --v-field-padding-bottom: 12px;
22032
+ .v-icon--size-x-small {
22033
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
22052
22034
  }
22053
-
22054
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
22055
- --v-field-padding-bottom: 8px;
22035
+ .v-icon--size-small {
22036
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22056
22037
  }
22057
-
22058
- .v-field--variant-plain, .v-field--variant-underlined {
22059
- border-radius: 0;
22060
- padding: 0;
22038
+ .v-icon--size-default {
22039
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22061
22040
  }
22062
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
22063
- --v-field-padding-start: 0px;
22064
- --v-field-padding-end: 0px;
22065
- --v-field-padding-top: 6px;
22066
- --v-field-padding-bottom: 2px;
22041
+ .v-icon--size-large {
22042
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22067
22043
  }
22068
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
22069
- --v-input-control-height: 48px;
22044
+ .v-icon--size-x-large {
22045
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
22070
22046
  }
22071
22047
 
22072
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
22073
- --v-input-control-height: 40px;
22048
+ .v-icon__svg {
22049
+ fill: currentColor;
22050
+ width: 100%;
22051
+ height: 100%;
22074
22052
  }
22075
22053
 
22076
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
22077
- --v-input-control-height: 32px;
22054
+ .v-icon--start {
22055
+ margin-inline-end: 8px;
22078
22056
  }
22079
22057
 
22080
- .v-field.v-field--prepended {
22081
- --v-field-padding-start: 6px;
22058
+ .v-icon--end {
22059
+ margin-inline-start: 8px;
22060
+ }.v-img {
22061
+ --v-theme-overlay-multiplier: 3;
22062
+ z-index: 0;
22082
22063
  }
22083
- .v-field.v-field--appended {
22084
- --v-field-padding-end: 6px;
22064
+ .v-img--booting .v-responsive__sizer {
22065
+ transition: none;
22085
22066
  }
22086
22067
 
22087
- /* endregion */
22088
- /* region ELEMENTS */
22089
- .v-field__input {
22090
- color: inherit;
22091
- display: flex;
22092
- flex-wrap: wrap;
22093
- letter-spacing: 0.009375em;
22094
- opacity: var(--v-high-emphasis-opacity);
22095
- min-height: var(--v-input-control-height, 56px);
22096
- padding-inline-start: var(--v-field-padding-start);
22097
- padding-inline-end: var(--v-field-padding-end);
22098
- padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
22099
- padding-bottom: var(--v-field-padding-bottom, 6px);
22068
+ .v-img__img,
22069
+ .v-img__picture,
22070
+ .v-img__gradient,
22071
+ .v-img__placeholder,
22072
+ .v-img__error {
22073
+ z-index: -1;
22074
+ position: absolute;
22075
+ top: 0;
22076
+ left: 0;
22100
22077
  width: 100%;
22078
+ height: 100%;
22101
22079
  }
22102
- .v-field__input input {
22103
- letter-spacing: inherit;
22080
+
22081
+ .v-img__img--preload {
22082
+ filter: blur(4px);
22104
22083
  }
22105
- .v-field__input input::placeholder,
22106
- input.v-field__input::placeholder,
22107
- textarea.v-field__input::placeholder {
22108
- color: currentColor;
22109
- opacity: var(--v-disabled-opacity);
22084
+ .v-img__img--contain {
22085
+ object-fit: contain;
22086
+ }
22087
+ .v-img__img--cover {
22088
+ object-fit: cover;
22110
22089
  }
22111
22090
 
22112
- .v-field__input:focus, .v-field__input:active {
22113
- outline: none;
22091
+ .v-img__gradient {
22092
+ background-repeat: no-repeat;
22093
+ }.v-input {
22094
+ display: grid;
22095
+ flex: 1 1 auto;
22096
+ font-size: 1rem;
22097
+ font-weight: 400;
22098
+ line-height: 1.5;
22114
22099
  }
22115
- .v-field__input:invalid {
22116
- box-shadow: none;
22100
+ .v-input--disabled {
22101
+ pointer-events: none;
22117
22102
  }
22118
-
22119
- .v-field__field {
22120
- flex: 1 0;
22121
- grid-area: field;
22122
- position: relative;
22123
- align-items: flex-start;
22124
- display: flex;
22103
+ .v-input--density-default {
22104
+ --v-input-control-height: 56px;
22105
+ --v-input-padding-top: 16px;
22125
22106
  }
22126
22107
 
22127
- /* endregion */
22128
- /* region AFFIXES */
22129
- .v-field__prepend-inner {
22130
- grid-area: prepend-inner;
22131
- padding-inline-end: var(--v-field-padding-after);
22108
+ .v-input--density-comfortable {
22109
+ --v-input-control-height: 48px;
22110
+ --v-input-padding-top: 12px;
22132
22111
  }
22133
22112
 
22134
- .v-field__clearable {
22135
- grid-area: clear;
22113
+ .v-input--density-compact {
22114
+ --v-input-control-height: 40px;
22115
+ --v-input-padding-top: 8px;
22136
22116
  }
22137
22117
 
22138
- .v-field__append-inner {
22139
- grid-area: append-inner;
22140
- padding-inline-start: var(--v-field-padding-after);
22118
+ .v-input--vertical {
22119
+ grid-template-areas: "append" "control" "prepend";
22120
+ grid-template-rows: max-content auto max-content;
22121
+ grid-template-columns: min-content;
22122
+ }
22123
+ .v-input--vertical .v-input__prepend {
22124
+ margin-block-start: 16px;
22125
+ }
22126
+ .v-input--vertical .v-input__append {
22127
+ margin-block-end: 16px;
22141
22128
  }
22142
22129
 
22143
- .v-field__prepend-inner,
22144
- .v-field__append-inner,
22145
- .v-field__clearable {
22146
- align-items: flex-start;
22147
- display: flex;
22148
- padding-top: var(--v-input-padding-top, 10px);
22130
+ .v-input--horizontal {
22131
+ grid-template-areas: "prepend control append" "a messages b";
22132
+ grid-template-columns: max-content minmax(0, 1fr) max-content;
22133
+ grid-template-rows: auto auto;
22134
+ }
22135
+ .v-input--horizontal .v-input__prepend {
22136
+ margin-inline-end: 16px;
22137
+ }
22138
+ .v-input--horizontal .v-input__append {
22139
+ margin-inline-start: 16px;
22149
22140
  }
22150
22141
 
22151
- .v-field--focused .v-field__prepend-inner,
22152
- .v-field--focused .v-field__append-inner {
22153
- opacity: 1;
22142
+ .v-input__details {
22143
+ align-items: flex-end;
22144
+ display: flex;
22145
+ font-size: 0.75rem;
22146
+ font-weight: 400;
22147
+ grid-area: messages;
22148
+ letter-spacing: 0.0333333333em;
22149
+ line-height: normal;
22150
+ min-height: 22px;
22151
+ padding-top: 6px;
22152
+ overflow: hidden;
22153
+ justify-content: space-between;
22154
22154
  }
22155
22155
 
22156
- .v-field__prepend-inner > .v-icon,
22157
- .v-field__append-inner > .v-icon,
22158
- .v-field__clearable > .v-icon {
22156
+ .v-input__details > .v-icon,
22157
+ .v-input__prepend > .v-icon,
22158
+ .v-input__append > .v-icon {
22159
22159
  opacity: var(--v-medium-emphasis-opacity);
22160
22160
  }
22161
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22162
- .v-field--disabled .v-field__append-inner > .v-icon,
22163
- .v-field--error .v-field__append-inner > .v-icon,
22164
- .v-field--disabled .v-field__clearable > .v-icon,
22165
- .v-field--error .v-field__clearable > .v-icon {
22161
+ .v-input--disabled .v-input__details > .v-icon,
22162
+ .v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
22163
+ .v-input--error .v-input__details .v-messages,
22164
+ .v-input--disabled .v-input__prepend > .v-icon,
22165
+ .v-input--disabled .v-input__prepend .v-messages,
22166
+ .v-input--error .v-input__prepend > .v-icon,
22167
+ .v-input--error .v-input__prepend .v-messages,
22168
+ .v-input--disabled .v-input__append > .v-icon,
22169
+ .v-input--disabled .v-input__append .v-messages,
22170
+ .v-input--error .v-input__append > .v-icon,
22171
+ .v-input--error .v-input__append .v-messages {
22166
22172
  opacity: 1;
22167
22173
  }
22168
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22169
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22170
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22174
+ .v-input--disabled .v-input__details,
22175
+ .v-input--disabled .v-input__prepend,
22176
+ .v-input--disabled .v-input__append {
22177
+ opacity: var(--v-disabled-opacity);
22178
+ }
22179
+ .v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
22180
+ .v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
22181
+ .v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
22182
+ .v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
22183
+ .v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
22184
+ .v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
22171
22185
  color: rgb(var(--v-theme-error));
22172
22186
  }
22173
22187
 
22174
- .v-field__clearable {
22175
- cursor: pointer;
22176
- opacity: 0;
22177
- margin-inline-start: 4px;
22178
- margin-inline-end: 4px;
22179
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22180
- transition-property: opacity, transform, width;
22181
- }
22182
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22183
- opacity: 1;
22184
- }
22185
- @media (hover: hover) {
22186
- .v-field:hover .v-field__clearable {
22187
- opacity: 1;
22188
- }
22189
- }
22190
-
22191
- /* endregion */
22192
- /* region LABEL */
22193
- .v-label.v-field-label {
22194
- contain: layout paint;
22195
- margin-inline-start: var(--v-field-padding-start);
22196
- margin-inline-end: var(--v-field-padding-end);
22197
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22198
- pointer-events: none;
22199
- position: absolute;
22200
- top: var(--v-input-padding-top, 10px);
22201
- transform-origin: left center;
22202
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22203
- transition-property: opacity, transform;
22204
- }
22205
- .v-field--active .v-label.v-field-label {
22206
- visibility: hidden;
22207
- }
22208
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22209
- opacity: 1;
22210
- }
22211
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22212
- color: rgb(var(--v-theme-error));
22213
- }
22214
- .v-label.v-field-label--floating {
22215
- --v-field-label-scale: 0.75em;
22216
- font-size: var(--v-field-label-scale);
22217
- visibility: hidden;
22218
- max-width: 100%;
22219
- }
22220
- .v-field.v-field--active .v-label.v-field-label--floating {
22221
- visibility: visible;
22222
- }
22223
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating {
22224
- top: 7px;
22225
- }
22226
-
22227
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating {
22228
- top: 5px;
22229
- }
22230
-
22231
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating {
22232
- top: 3px;
22233
- }
22234
-
22235
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22236
- transform: translateY(-16px);
22237
- margin: 0;
22238
- }
22239
- .v-field--variant-outlined .v-label.v-field-label--floating {
22240
- transform: translateY(-50%);
22241
- transform-origin: center;
22242
- position: static;
22243
- margin: 0 4px;
22244
- }
22245
-
22246
- /* endregion */
22247
- /* region OUTLINE */
22248
- .v-field__outline {
22249
- --v-field-border-width: 1px;
22250
- --v-field-border-opacity: 0.38;
22251
- align-items: stretch;
22252
- contain: layout;
22253
- display: flex;
22254
- height: 100%;
22255
- left: 0;
22256
- pointer-events: none;
22257
- position: absolute;
22258
- right: 0;
22259
- width: 100%;
22260
- }
22261
- @media (hover: hover) {
22262
- .v-field:hover .v-field__outline {
22263
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22264
- }
22265
- }
22266
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22267
- color: rgb(var(--v-theme-error));
22268
- }
22269
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22270
- --v-field-border-opacity: 1;
22271
- }
22272
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22273
- --v-field-border-width: 2px;
22274
- }
22275
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22276
- border-style: solid;
22277
- border-width: 0 0 var(--v-field-border-width);
22278
- opacity: var(--v-field-border-opacity);
22279
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22280
- content: "";
22281
- position: absolute;
22282
- top: 0;
22283
- left: 0;
22284
- width: 100%;
22285
- height: 100%;
22286
- }
22287
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22288
- border-color: currentColor;
22289
- border-style: solid;
22290
- border-width: 0 0 2px;
22291
- transform: scaleX(0);
22292
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22293
- content: "";
22294
- position: absolute;
22295
- top: 0;
22296
- left: 0;
22297
- width: 100%;
22298
- height: 100%;
22299
- }
22300
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22301
- transform: scaleX(1);
22302
- }
22303
-
22304
- .v-field--variant-outlined .v-field__outline {
22305
- border-radius: inherit;
22306
- }
22307
- .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 {
22308
- border: 0 solid currentColor;
22309
- opacity: var(--v-field-border-opacity);
22310
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22311
- }
22312
- .v-field--variant-outlined .v-field__outline__start {
22313
- flex: 0 0 12px;
22314
- border-top-width: var(--v-field-border-width);
22315
- border-bottom-width: var(--v-field-border-width);
22316
- border-inline-start-width: var(--v-field-border-width);
22317
- }
22318
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
22319
- border-radius: 4px 0 0 4px;
22320
- }
22321
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
22322
- border-radius: 0 4px 4px 0;
22323
- }
22324
- .v-field--variant-outlined .v-field__outline__notch {
22325
- flex: none;
22326
- position: relative;
22327
- border-width: 0 0 var(--v-field-border-width);
22328
- }
22329
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22330
- opacity: var(--v-field-border-opacity);
22331
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22332
- content: "";
22333
- position: absolute;
22334
- top: 0;
22335
- left: 0;
22336
- width: 100%;
22337
- height: 100%;
22338
- }
22339
- .v-field--variant-outlined .v-field__outline__notch::before {
22340
- border-width: var(--v-field-border-width) 0 0;
22341
- }
22342
- .v-field--variant-outlined .v-field__outline__notch::after {
22343
- bottom: 0;
22344
- border-width: 0 0 var(--v-field-border-width);
22345
- }
22346
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22347
- opacity: 0;
22348
- }
22349
-
22350
- .v-field--variant-outlined .v-field__outline__end {
22351
- flex: 1;
22352
- border-top-width: var(--v-field-border-width);
22353
- border-bottom-width: var(--v-field-border-width);
22354
- border-inline-end-width: var(--v-field-border-width);
22355
- }
22356
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
22357
- border-radius: 0 4px 4px 0;
22358
- }
22359
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
22360
- border-radius: 4px 0 0 4px;
22361
- }
22362
-
22363
- /* endregion */
22364
- /* region LOADER */
22365
- .v-field__loader {
22366
- bottom: 0;
22367
- left: 0;
22368
- position: absolute;
22369
- right: 0;
22370
- width: 100%;
22371
- }
22372
-
22373
- /* endregion */
22374
- /* region OVERLAY */
22375
- .v-field--variant-filled .v-field__overlay {
22376
- background-color: currentColor;
22377
- border-radius: inherit;
22378
- opacity: 0.04;
22379
- pointer-events: none;
22380
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22381
- position: absolute;
22382
- top: 0;
22383
- left: 0;
22384
- width: 100%;
22385
- height: 100%;
22386
- }
22387
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22388
- opacity: 0;
22389
- }
22390
- @media (hover: hover) {
22391
- .v-field--variant-filled:hover .v-field__overlay {
22392
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22393
- }
22394
- }
22395
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22396
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22397
- }
22398
-
22399
- /* endregion */
22400
- /* region MODIFIERS */
22401
- .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
22402
- text-align: right;
22403
- }
22404
- .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
22405
- text-align: left;
22406
- }
22407
-
22408
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22409
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22410
- 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;
22411
- }
22412
-
22413
- .v-field--loading .v-field__outline::after,
22414
- .v-field--loading .v-field__outline::before {
22415
- opacity: 0;
22416
- }
22417
-
22418
- /* endregion */.v-footer {
22419
- align-items: center;
22420
- display: flex;
22421
- flex: 1 1 auto;
22422
- padding: 8px 16px;
22423
- position: relative;
22424
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22425
- border-style: solid;
22426
- border-width: 0;
22427
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22428
- border-radius: 0;
22429
- background: rgb(var(--v-theme-surface));
22430
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22431
- }
22432
- .v-footer--border {
22433
- border-width: thin;
22434
- box-shadow: none;
22435
- }
22436
- .v-footer--absolute {
22437
- position: absolute;
22438
- }
22439
- .v-footer--fixed {
22440
- position: fixed;
22441
- }
22442
- .v-footer--rounded {
22443
- border-radius: 4px;
22444
- }.v-icon {
22445
- --v-icon-size-multiplier: 1;
22446
- align-items: center;
22447
- display: inline-flex;
22448
- font-feature-settings: "liga";
22449
- height: 1em;
22450
- justify-content: center;
22451
- letter-spacing: normal;
22452
- line-height: 1;
22453
- position: relative;
22454
- text-indent: 0;
22455
- -webkit-user-select: none;
22456
- user-select: none;
22457
- vertical-align: middle;
22458
- width: 1em;
22459
- }
22460
- .v-icon--clickable {
22461
- cursor: pointer;
22462
- }
22463
- .v-icon--size-x-small {
22464
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
22465
- }
22466
- .v-icon--size-small {
22467
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22468
- }
22469
- .v-icon--size-default {
22470
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22471
- }
22472
- .v-icon--size-large {
22473
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22474
- }
22475
- .v-icon--size-x-large {
22476
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
22477
- }
22478
-
22479
- .v-icon__svg {
22480
- fill: currentColor;
22481
- width: 100%;
22482
- height: 100%;
22483
- }
22484
-
22485
- .v-icon--start {
22486
- margin-inline-end: 8px;
22487
- }
22488
-
22489
- .v-icon--end {
22490
- margin-inline-start: 8px;
22491
- }.v-img {
22492
- --v-theme-overlay-multiplier: 3;
22493
- z-index: 0;
22494
- }
22495
- .v-img--booting .v-responsive__sizer {
22496
- transition: none;
22497
- }
22498
-
22499
- .v-img__img,
22500
- .v-img__picture,
22501
- .v-img__gradient,
22502
- .v-img__placeholder,
22503
- .v-img__error {
22504
- z-index: -1;
22505
- position: absolute;
22506
- top: 0;
22507
- left: 0;
22508
- width: 100%;
22509
- height: 100%;
22510
- }
22511
-
22512
- .v-img__img--preload {
22513
- filter: blur(4px);
22514
- }
22515
- .v-img__img--contain {
22516
- object-fit: contain;
22517
- }
22518
- .v-img__img--cover {
22519
- object-fit: cover;
22520
- }
22521
-
22522
- .v-img__gradient {
22523
- background-repeat: no-repeat;
22524
- }.v-input {
22525
- display: grid;
22526
- flex: 1 1 auto;
22527
- font-size: 1rem;
22528
- font-weight: 400;
22529
- line-height: 1.5;
22530
- }
22531
- .v-input--disabled {
22532
- pointer-events: none;
22533
- }
22534
- .v-input--density-default {
22535
- --v-input-control-height: 56px;
22536
- --v-input-padding-top: 16px;
22537
- }
22538
-
22539
- .v-input--density-comfortable {
22540
- --v-input-control-height: 48px;
22541
- --v-input-padding-top: 12px;
22542
- }
22543
-
22544
- .v-input--density-compact {
22545
- --v-input-control-height: 40px;
22546
- --v-input-padding-top: 8px;
22547
- }
22548
-
22549
- .v-input--vertical {
22550
- grid-template-areas: "append" "control" "prepend";
22551
- grid-template-rows: max-content auto max-content;
22552
- grid-template-columns: min-content;
22553
- }
22554
- .v-input--vertical .v-input__prepend {
22555
- margin-block-start: 16px;
22556
- }
22557
- .v-input--vertical .v-input__append {
22558
- margin-block-end: 16px;
22559
- }
22560
-
22561
- .v-input--horizontal {
22562
- grid-template-areas: "prepend control append" "a messages b";
22563
- grid-template-columns: max-content minmax(0, 1fr) max-content;
22564
- grid-template-rows: auto auto;
22565
- }
22566
- .v-input--horizontal .v-input__prepend {
22567
- margin-inline-end: 16px;
22568
- }
22569
- .v-input--horizontal .v-input__append {
22570
- margin-inline-start: 16px;
22571
- }
22572
-
22573
- .v-input__details {
22574
- align-items: flex-end;
22575
- display: flex;
22576
- font-size: 0.75rem;
22577
- font-weight: 400;
22578
- grid-area: messages;
22579
- letter-spacing: 0.0333333333em;
22580
- line-height: normal;
22581
- min-height: 22px;
22582
- padding-top: 6px;
22583
- overflow: hidden;
22584
- justify-content: space-between;
22585
- }
22586
-
22587
- .v-input__details > .v-icon,
22588
- .v-input__prepend > .v-icon,
22589
- .v-input__append > .v-icon {
22590
- opacity: var(--v-medium-emphasis-opacity);
22591
- }
22592
- .v-input--disabled .v-input__details > .v-icon,
22593
- .v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
22594
- .v-input--error .v-input__details .v-messages,
22595
- .v-input--disabled .v-input__prepend > .v-icon,
22596
- .v-input--disabled .v-input__prepend .v-messages,
22597
- .v-input--error .v-input__prepend > .v-icon,
22598
- .v-input--error .v-input__prepend .v-messages,
22599
- .v-input--disabled .v-input__append > .v-icon,
22600
- .v-input--disabled .v-input__append .v-messages,
22601
- .v-input--error .v-input__append > .v-icon,
22602
- .v-input--error .v-input__append .v-messages {
22603
- opacity: 1;
22604
- }
22605
- .v-input--disabled .v-input__details,
22606
- .v-input--disabled .v-input__prepend,
22607
- .v-input--disabled .v-input__append {
22608
- opacity: var(--v-disabled-opacity);
22609
- }
22610
- .v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
22611
- .v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
22612
- .v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
22613
- .v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
22614
- .v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
22615
- .v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
22616
- color: rgb(var(--v-theme-error));
22617
- }
22618
-
22619
- .v-input__prepend,
22620
- .v-input__append {
22621
- display: flex;
22622
- padding-top: var(--v-input-padding-top);
22188
+ .v-input__prepend,
22189
+ .v-input__append {
22190
+ display: flex;
22191
+ padding-top: var(--v-input-padding-top);
22623
22192
  }
22624
22193
 
22625
22194
  .v-input__prepend {
@@ -22638,6 +22207,20 @@ textarea.v-field__input::placeholder {
22638
22207
  max-width: 100%;
22639
22208
  position: relative;
22640
22209
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22210
+ }.v-label {
22211
+ align-items: center;
22212
+ display: inline-flex;
22213
+ font-size: 1rem;
22214
+ letter-spacing: 0.009375em;
22215
+ min-width: 0;
22216
+ opacity: var(--v-medium-emphasis-opacity);
22217
+ overflow: hidden;
22218
+ text-overflow: ellipsis;
22219
+ white-space: nowrap;
22220
+ }
22221
+
22222
+ .v-label--clickable {
22223
+ cursor: pointer;
22641
22224
  }.v-layout {
22642
22225
  --v-scrollbar-offset: 0px;
22643
22226
  display: flex;
@@ -22653,20 +22236,6 @@ textarea.v-field__input::placeholder {
22653
22236
 
22654
22237
  .v-layout-item--absolute {
22655
22238
  position: absolute;
22656
- }.v-label {
22657
- align-items: center;
22658
- display: inline-flex;
22659
- font-size: 1rem;
22660
- letter-spacing: 0.009375em;
22661
- min-width: 0;
22662
- opacity: var(--v-medium-emphasis-opacity);
22663
- overflow: hidden;
22664
- text-overflow: ellipsis;
22665
- white-space: nowrap;
22666
- }
22667
-
22668
- .v-label--clickable {
22669
- cursor: pointer;
22670
22239
  }.v-list {
22671
22240
  overflow: auto;
22672
22241
  padding: 8px 0;
@@ -23150,8 +22719,6 @@ textarea.v-field__input::placeholder {
23150
22719
 
23151
22720
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
23152
22721
  opacity: 0;
23153
- }.v-locale-provider {
23154
- display: contents;
23155
22722
  }.v-main {
23156
22723
  flex: 1 0 auto;
23157
22724
  max-width: 100%;
@@ -23180,6 +22747,8 @@ textarea.v-field__input::placeholder {
23180
22747
  --v-layout-right: 0px;
23181
22748
  --v-layout-top: 0px;
23182
22749
  --v-layout-bottom: 0px;
22750
+ }.v-locale-provider {
22751
+ display: contents;
23183
22752
  }.v-menu .v-overlay__content {
23184
22753
  display: flex;
23185
22754
  flex-direction: column;
@@ -23815,22 +23384,84 @@ html.v-overlay-scroll-blocked {
23815
23384
  max-height: 100%;
23816
23385
  max-width: 100%;
23817
23386
  overflow: hidden;
23818
- position: relative;
23387
+ position: relative;
23388
+ }
23389
+
23390
+ .v-responsive__content {
23391
+ flex: 1 0 0px;
23392
+ max-width: 100%;
23393
+ }
23394
+
23395
+ .v-responsive__sizer ~ .v-responsive__content {
23396
+ margin-inline-start: -100%;
23397
+ }
23398
+
23399
+ .v-responsive__sizer {
23400
+ flex: 1 0 0px;
23401
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23402
+ pointer-events: none;
23403
+ }.v-input--density-default {
23404
+ --select-chips-margin-bottom: 0px;
23405
+ }
23406
+
23407
+ .v-input--density-comfortable {
23408
+ --select-chips-margin-bottom: 2px;
23409
+ }
23410
+
23411
+ .v-input--density-compact {
23412
+ --select-chips-margin-bottom: 4px;
23413
+ }
23414
+
23415
+ .v-select .v-field .v-text-field__prefix,
23416
+ .v-select .v-field .v-text-field__suffix,
23417
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23418
+ cursor: pointer;
23419
+ }
23420
+ .v-select .v-field .v-field__input > input {
23421
+ align-self: flex-start;
23422
+ opacity: 1;
23423
+ flex: 0 0;
23424
+ position: absolute;
23425
+ width: 100%;
23426
+ transition: none;
23427
+ pointer-events: none;
23428
+ }
23429
+ .v-select .v-field .v-field__append-inner > .v-icon {
23430
+ margin-inline-start: 4px;
23431
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23432
+ }
23433
+ .v-select .v-field--dirty .v-select__selection {
23434
+ margin-inline-end: 2px;
23435
+ }
23436
+ .v-select .v-field--single-line .v-select__selection-text {
23437
+ overflow: hidden;
23438
+ text-overflow: ellipsis;
23439
+ white-space: nowrap;
23440
+ }
23441
+ .v-select__content {
23442
+ overflow: hidden;
23443
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23444
+ border-radius: 4px;
23819
23445
  }
23820
-
23821
- .v-responsive__content {
23822
- flex: 1 0 0px;
23446
+ .v-select__selection {
23447
+ display: inline-flex;
23448
+ letter-spacing: inherit;
23449
+ line-height: inherit;
23823
23450
  max-width: 100%;
23824
23451
  }
23825
-
23826
- .v-responsive__sizer ~ .v-responsive__content {
23827
- margin-inline-start: -100%;
23452
+ .v-select--active-menu .v-field__append-inner > .v-icon {
23453
+ opacity: var(--v-high-emphasis-opacity);
23454
+ transform: rotate(180deg);
23828
23455
  }
23829
-
23830
- .v-responsive__sizer {
23831
- flex: 1 0 0px;
23832
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23833
- pointer-events: none;
23456
+ .v-select--chips .v-select__selection {
23457
+ margin-top: 2px;
23458
+ margin-bottom: var(--select-chips-margin-bottom);
23459
+ }
23460
+ .v-select--chips .v-select__selection:first-child {
23461
+ margin-inline-start: 0;
23462
+ }
23463
+ .v-select--selected .v-field .v-field__input > input {
23464
+ opacity: 0;
23834
23465
  }.v-selection-control {
23835
23466
  align-items: center;
23836
23467
  contain: layout;
@@ -23933,98 +23564,262 @@ html.v-overlay-scroll-blocked {
23933
23564
  }
23934
23565
  .v-selection-control--focus-visible .v-selection-control__input::before {
23935
23566
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23936
- }.v-input--density-default {
23937
- --select-chips-margin-bottom: 0px;
23567
+ }.v-sheet {
23568
+ display: block;
23569
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23570
+ border-style: solid;
23571
+ border-width: 0;
23572
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23573
+ border-radius: 0;
23574
+ background: rgb(var(--v-theme-surface));
23575
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23576
+ }
23577
+ .v-sheet--border {
23578
+ border-width: thin;
23579
+ box-shadow: none;
23580
+ }
23581
+ .v-sheet--absolute {
23582
+ position: absolute;
23583
+ }
23584
+ .v-sheet--fixed {
23585
+ position: fixed;
23586
+ }
23587
+ .v-sheet--rounded {
23588
+ border-radius: 4px;
23589
+ }.v-selection-control-group {
23590
+ grid-area: control;
23591
+ display: flex;
23592
+ flex-direction: column;
23593
+ }
23594
+ .v-selection-control-group--inline {
23595
+ flex-direction: row;
23596
+ flex-wrap: wrap;
23597
+ }.v-snackbar {
23598
+ justify-content: center;
23599
+ padding-inline-end: var(--v-scrollbar-offset);
23600
+ }
23601
+ .v-snackbar:not(.v-snackbar--absolute) {
23602
+ height: 100vh;
23603
+ position: fixed;
23604
+ z-index: 10000;
23605
+ }
23606
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23607
+ align-items: flex-end;
23608
+ }
23609
+ .v-snackbar__wrapper {
23610
+ align-items: center;
23611
+ display: flex;
23612
+ margin: 8px;
23613
+ max-width: 672px;
23614
+ min-height: 48px;
23615
+ min-width: 344px;
23616
+ padding: 0;
23617
+ pointer-events: auto;
23618
+ position: relative;
23619
+ border-radius: 4px;
23620
+ }
23621
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23622
+ background: transparent;
23623
+ color: inherit;
23624
+ }
23625
+ .v-snackbar--variant-plain {
23626
+ opacity: 0.62;
23627
+ }
23628
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23629
+ opacity: 1;
23630
+ }
23631
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23632
+ display: none;
23633
+ }
23634
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23635
+ background: rgb(var(--v-theme-surface-variant));
23636
+ color: rgb(var(--v-theme-on-surface-variant));
23637
+ }
23638
+ .v-snackbar--variant-elevated {
23639
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23640
+ }
23641
+ .v-snackbar--variant-flat {
23642
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23643
+ }
23644
+ .v-snackbar--variant-outlined {
23645
+ border: thin solid currentColor;
23646
+ }
23647
+ .v-snackbar--variant-text .v-snackbar__overlay {
23648
+ background: currentColor;
23649
+ }
23650
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23651
+ background: currentColor;
23652
+ opacity: var(--v-activated-opacity);
23653
+ border-radius: inherit;
23654
+ position: absolute;
23655
+ top: 0;
23656
+ right: 0;
23657
+ bottom: 0;
23658
+ left: 0;
23659
+ pointer-events: none;
23938
23660
  }
23939
23661
 
23940
- .v-input--density-comfortable {
23941
- --select-chips-margin-bottom: 2px;
23662
+ .v-snackbar__content {
23663
+ flex-grow: 1;
23664
+ font-size: 0.875rem;
23665
+ font-weight: 400;
23666
+ letter-spacing: 0.0178571429em;
23667
+ line-height: 1.25rem;
23668
+ margin-right: auto;
23669
+ padding: 14px 16px;
23670
+ text-align: initial;
23671
+ }
23672
+ .v-snackbar__actions {
23673
+ align-items: center;
23674
+ align-self: center;
23675
+ display: flex;
23676
+ margin-inline-end: 8px;
23677
+ }
23678
+ .v-snackbar__actions > .v-btn {
23679
+ padding: 0 8px;
23680
+ min-width: auto;
23681
+ }
23682
+ .v-snackbar--absolute {
23683
+ height: 100%;
23684
+ position: absolute;
23685
+ z-index: 1;
23686
+ }
23687
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23688
+ min-height: 68px;
23689
+ }
23690
+ .v-snackbar--vertical .v-snackbar__wrapper {
23691
+ flex-direction: column;
23692
+ }
23693
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23694
+ align-self: flex-end;
23695
+ margin-bottom: 8px;
23942
23696
  }
23943
23697
 
23944
- .v-input--density-compact {
23945
- --select-chips-margin-bottom: 4px;
23698
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23699
+ transition-duration: 0.15s;
23700
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23701
+ }
23702
+ .v-snackbar-transition-enter-active {
23703
+ transition-property: opacity, transform;
23704
+ }
23705
+ .v-snackbar-transition-enter-from {
23706
+ opacity: 0;
23707
+ transform: scale(0.8);
23708
+ }
23709
+ .v-snackbar-transition-leave-active {
23710
+ transition-property: opacity;
23711
+ }
23712
+ .v-snackbar-transition-leave-to {
23713
+ opacity: 0;
23714
+ }.v-switch .v-label {
23715
+ padding-inline-start: 10px;
23946
23716
  }
23947
23717
 
23948
- .v-select .v-field .v-text-field__prefix,
23949
- .v-select .v-field .v-text-field__suffix,
23950
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23951
- cursor: pointer;
23718
+ .v-switch__loader {
23719
+ display: flex;
23952
23720
  }
23953
- .v-select .v-field .v-field__input > input {
23954
- align-self: flex-start;
23955
- opacity: 1;
23956
- flex: 0 0;
23957
- position: absolute;
23958
- width: 100%;
23721
+
23722
+ .v-switch__track,
23723
+ .v-switch__thumb {
23724
+ background-color: currentColor;
23959
23725
  transition: none;
23960
- pointer-events: none;
23961
23726
  }
23962
- .v-select .v-field .v-field__append-inner > .v-icon {
23963
- margin-inline-start: 4px;
23964
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23727
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23728
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23729
+ background-color: rgb(var(--v-theme-error));
23965
23730
  }
23966
- .v-select .v-field--dirty .v-select__selection {
23967
- margin-inline-end: 2px;
23731
+
23732
+ .v-switch__track {
23733
+ border-radius: 8px;
23734
+ height: 14px;
23735
+ opacity: 0.6;
23736
+ width: 36px;
23737
+ cursor: pointer;
23968
23738
  }
23969
- .v-select .v-field--single-line .v-select__selection-text {
23970
- overflow: hidden;
23971
- text-overflow: ellipsis;
23972
- white-space: nowrap;
23739
+ .v-switch--inset .v-switch__track {
23740
+ border-radius: 14px;
23741
+ height: 28px;
23742
+ width: 48px;
23973
23743
  }
23974
- .v-select__content {
23975
- overflow: hidden;
23744
+
23745
+ .v-switch__thumb {
23746
+ align-items: center;
23747
+ border-radius: 50%;
23748
+ color: rgb(var(--v-theme-surface));
23749
+ display: flex;
23750
+ height: 20px;
23751
+ justify-content: center;
23752
+ width: 20px;
23753
+ pointer-events: none;
23754
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
23976
23755
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23977
- border-radius: 4px;
23978
23756
  }
23979
- .v-select__selection {
23980
- display: inline-flex;
23981
- letter-spacing: inherit;
23982
- line-height: inherit;
23983
- max-width: 100%;
23757
+ .v-switch--inset .v-switch__thumb {
23758
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23759
+ }
23760
+ .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
23761
+ display: none;
23762
+ }
23763
+
23764
+ .v-switch--loading .v-selection-control__input > .v-icon {
23765
+ display: none;
23766
+ }
23767
+
23768
+ .v-switch .v-selection-control {
23769
+ min-height: var(--v-input-control-height);
23984
23770
  }
23985
- .v-select--active-menu .v-field__append-inner > .v-icon {
23986
- opacity: var(--v-high-emphasis-opacity);
23987
- transform: rotate(180deg);
23771
+ .v-switch .v-selection-control__wrapper {
23772
+ width: auto;
23988
23773
  }
23989
- .v-select--chips .v-select__selection {
23990
- margin-top: 2px;
23991
- margin-bottom: var(--select-chips-margin-bottom);
23774
+ .v-switch .v-selection-control__input {
23775
+ border-radius: 50%;
23776
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
23777
+ transform: translateX(-10px);
23778
+ position: absolute;
23992
23779
  }
23993
- .v-select--chips .v-select__selection:first-child {
23994
- margin-inline-start: 0;
23780
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23781
+ transform: translateX(10px);
23995
23782
  }
23996
- .v-select--selected .v-field .v-field__input > input {
23997
- opacity: 0;
23998
- }.v-selection-control-group {
23999
- grid-area: control;
24000
- display: flex;
24001
- flex-direction: column;
23783
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23784
+ transform: scale(0.8);
24002
23785
  }
24003
- .v-selection-control-group--inline {
24004
- flex-direction: row;
24005
- flex-wrap: wrap;
24006
- }.v-sheet {
24007
- display: block;
24008
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24009
- border-style: solid;
24010
- border-width: 0;
23786
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23787
+ transform: scale(0.75);
23788
+ box-shadow: none;
23789
+ }.v-system-bar {
23790
+ align-items: center;
23791
+ display: flex;
23792
+ flex: 1 1 auto;
23793
+ height: 24px;
23794
+ justify-content: flex-end;
23795
+ max-width: 100%;
23796
+ padding: 0 8px;
23797
+ position: relative;
23798
+ text-align: end;
23799
+ width: 100%;
24011
23800
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24012
- border-radius: 0;
24013
- background: rgb(var(--v-theme-surface));
24014
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23801
+ background: rgba(var(--v-theme-on-surface-variant));
23802
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23803
+ font-size: 0.75rem;
23804
+ font-weight: 400;
23805
+ letter-spacing: 0.0333333333em;
23806
+ line-height: 1.25rem;
23807
+ text-transform: none;
24015
23808
  }
24016
- .v-sheet--border {
24017
- border-width: thin;
24018
- box-shadow: none;
23809
+ .v-system-bar .v-icon {
23810
+ opacity: var(--v-medium-emphasis-opacity);
24019
23811
  }
24020
- .v-sheet--absolute {
23812
+ .v-system-bar--absolute {
24021
23813
  position: absolute;
24022
23814
  }
24023
- .v-sheet--fixed {
23815
+ .v-system-bar--fixed {
24024
23816
  position: fixed;
24025
23817
  }
24026
- .v-sheet--rounded {
24027
- border-radius: 4px;
23818
+ .v-system-bar--rounded {
23819
+ border-radius: 0;
23820
+ }
23821
+ .v-system-bar--window {
23822
+ height: 32px;
24028
23823
  }.v-slide-group {
24029
23824
  display: flex;
24030
23825
  overflow: hidden;
@@ -24067,1231 +23862,1436 @@ html.v-overlay-scroll-blocked {
24067
23862
  .v-slide-group--vertical .v-slide-group__container,
24068
23863
  .v-slide-group--vertical .v-slide-group__content {
24069
23864
  flex-direction: column;
24070
- }.v-snackbar {
24071
- justify-content: center;
24072
- padding-inline-end: var(--v-scrollbar-offset);
23865
+ }.v-tabs {
23866
+ display: flex;
23867
+ height: var(--v-tabs-height);
24073
23868
  }
24074
- .v-snackbar:not(.v-snackbar--absolute) {
24075
- height: 100vh;
24076
- position: fixed;
24077
- z-index: 10000;
23869
+ .v-tabs--density-default {
23870
+ --v-tabs-height: 48px;
24078
23871
  }
24079
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
24080
- align-items: flex-end;
23872
+ .v-tabs--density-default.v-tabs--stacked {
23873
+ --v-tabs-height: 72px;
24081
23874
  }
24082
- .v-snackbar__wrapper {
24083
- align-items: center;
24084
- display: flex;
24085
- margin: 8px;
24086
- max-width: 672px;
24087
- min-height: 48px;
24088
- min-width: 344px;
24089
- padding: 0;
24090
- pointer-events: auto;
24091
- position: relative;
24092
- border-radius: 4px;
23875
+
23876
+ .v-tabs--density-comfortable {
23877
+ --v-tabs-height: 44px;
24093
23878
  }
24094
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24095
- background: transparent;
24096
- color: inherit;
23879
+ .v-tabs--density-comfortable.v-tabs--stacked {
23880
+ --v-tabs-height: 68px;
24097
23881
  }
24098
- .v-snackbar--variant-plain {
24099
- opacity: 0.62;
23882
+
23883
+ .v-tabs--density-compact {
23884
+ --v-tabs-height: 36px;
24100
23885
  }
24101
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24102
- opacity: 1;
23886
+ .v-tabs--density-compact.v-tabs--stacked {
23887
+ --v-tabs-height: 60px;
24103
23888
  }
24104
- .v-snackbar--variant-plain .v-snackbar__overlay {
24105
- display: none;
23889
+
23890
+ .v-tabs.v-slide-group--vertical {
23891
+ height: auto;
23892
+ --v-tabs-height: 48px;
24106
23893
  }
24107
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24108
- background: rgb(var(--v-theme-surface-variant));
24109
- color: rgb(var(--v-theme-on-surface-variant));
23894
+
23895
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23896
+ margin-inline-start: 42px;
24110
23897
  }
24111
- .v-snackbar--variant-elevated {
24112
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23898
+
23899
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23900
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23901
+ margin-inline-end: auto;
24113
23902
  }
24114
- .v-snackbar--variant-flat {
24115
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23903
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23904
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23905
+ margin-inline-start: auto;
24116
23906
  }
24117
- .v-snackbar--variant-outlined {
24118
- border: thin solid currentColor;
23907
+
23908
+ .v-tabs--grow {
23909
+ flex-grow: 1;
24119
23910
  }
24120
- .v-snackbar--variant-text .v-snackbar__overlay {
24121
- background: currentColor;
23911
+ .v-tabs--grow .v-tab {
23912
+ flex: 1 0 auto;
23913
+ max-width: none;
24122
23914
  }
24123
- .v-snackbar--variant-tonal .v-snackbar__underlay {
24124
- background: currentColor;
24125
- opacity: var(--v-activated-opacity);
24126
- border-radius: inherit;
23915
+
23916
+ .v-tabs--align-tabs-end .v-tab:first-child {
23917
+ margin-inline-start: auto;
23918
+ }
23919
+ .v-tabs--align-tabs-end .v-tab:last-child {
23920
+ margin-inline-end: 0;
23921
+ }
23922
+
23923
+ @media (max-width: 1279.98px) {
23924
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23925
+ margin-inline-start: 52px;
23926
+ }
23927
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23928
+ margin-inline-end: 52px;
23929
+ }
23930
+ }.v-tab.v-tab {
23931
+ --v-btn-height: var(--v-tabs-height);
23932
+ min-width: 90px;
23933
+ }
23934
+ .v-slide-group--horizontal .v-tab {
23935
+ max-width: 360px;
23936
+ }
23937
+ .v-slide-group--vertical .v-tab {
23938
+ justify-content: start;
23939
+ }
23940
+
23941
+ .v-tab__slider {
24127
23942
  position: absolute;
24128
- top: 0;
24129
- right: 0;
24130
23943
  bottom: 0;
24131
23944
  left: 0;
23945
+ height: 2px;
23946
+ width: 100%;
23947
+ background: currentColor;
24132
23948
  pointer-events: none;
23949
+ opacity: 0;
23950
+ }
23951
+ .v-tab--selected .v-tab__slider {
23952
+ opacity: 1;
23953
+ }
23954
+ .v-slide-group--vertical .v-tab__slider {
23955
+ top: 0;
23956
+ height: 100%;
23957
+ width: 2px;
23958
+ }.v-table {
23959
+ background: rgb(var(--v-theme-surface));
23960
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23961
+ }
23962
+ .v-table .v-table-divider {
23963
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23964
+ }
23965
+ .v-table .v-table__wrapper > table > thead > tr > th {
23966
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23967
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23968
+ }
23969
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23970
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23971
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23972
+ }
23973
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
23974
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23975
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23976
+ }
23977
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
23978
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23979
+ }
23980
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23981
+ background: rgb(var(--v-theme-surface));
23982
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23983
+ z-index: 1;
23984
+ }
23985
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
23986
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
23987
+ background: rgb(var(--v-theme-surface));
23988
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24133
23989
  }
24134
23990
 
24135
- .v-snackbar__content {
24136
- flex-grow: 1;
24137
- font-size: 0.875rem;
24138
- font-weight: 400;
24139
- letter-spacing: 0.0178571429em;
24140
- line-height: 1.25rem;
24141
- margin-right: auto;
24142
- padding: 14px 16px;
24143
- text-align: initial;
23991
+ .v-table {
23992
+ --v-table-header-height: 56px;
23993
+ border-radius: inherit;
23994
+ line-height: 1.5;
23995
+ max-width: 100%;
24144
23996
  }
24145
- .v-snackbar__actions {
24146
- align-items: center;
24147
- align-self: center;
24148
- display: flex;
24149
- margin-inline-end: 8px;
23997
+ .v-table > .v-table__wrapper > table {
23998
+ width: 100%;
23999
+ border-spacing: 0;
24000
+ }
24001
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24002
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24003
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24004
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24005
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
24006
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24007
+ padding: 0 16px;
24008
+ transition: height cubic-bezier(0.4, 0, 0.2, 1);
24150
24009
  }
24151
- .v-snackbar__actions > .v-btn {
24152
- padding: 0 8px;
24153
- min-width: auto;
24010
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24011
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24012
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24013
+ font-weight: 500;
24014
+ -webkit-user-select: none;
24015
+ user-select: none;
24016
+ text-align: start;
24154
24017
  }
24155
- .v-snackbar--absolute {
24156
- height: 100%;
24157
- position: absolute;
24158
- z-index: 1;
24018
+ .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
24019
+ .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
24020
+ .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
24021
+ height: calc(var(--v-table-header-height) + 0px);
24159
24022
  }
24160
- .v-snackbar--multi-line .v-snackbar__wrapper {
24161
- min-height: 68px;
24023
+ .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
24024
+ .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
24025
+ .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
24026
+ height: calc(var(--v-table-row-height, 52px) + 0px);
24162
24027
  }
24163
- .v-snackbar--vertical .v-snackbar__wrapper {
24164
- flex-direction: column;
24028
+
24029
+ .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
24030
+ .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
24031
+ .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
24032
+ height: calc(var(--v-table-header-height) - 8px);
24165
24033
  }
24166
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24167
- align-self: flex-end;
24168
- margin-bottom: 8px;
24034
+ .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
24035
+ .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
24036
+ .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
24037
+ height: calc(var(--v-table-row-height, 52px) - 8px);
24169
24038
  }
24170
24039
 
24171
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24172
- transition-duration: 0.15s;
24173
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24040
+ .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
24041
+ .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
24042
+ .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
24043
+ height: calc(var(--v-table-header-height) - 16px);
24174
24044
  }
24175
- .v-snackbar-transition-enter-active {
24176
- transition-property: opacity, transform;
24045
+ .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
24046
+ .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
24047
+ .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
24048
+ height: calc(var(--v-table-row-height, 52px) - 16px);
24177
24049
  }
24178
- .v-snackbar-transition-enter-from {
24179
- opacity: 0;
24180
- transform: scale(0.8);
24050
+
24051
+ .v-table__wrapper {
24052
+ border-radius: inherit;
24053
+ overflow: auto;
24181
24054
  }
24182
- .v-snackbar-transition-leave-active {
24183
- transition-property: opacity;
24055
+
24056
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24057
+ border-top-left-radius: 0;
24184
24058
  }
24185
- .v-snackbar-transition-leave-to {
24186
- opacity: 0;
24187
- }.v-switch .v-label {
24188
- padding-inline-start: 10px;
24059
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24060
+ border-top-right-radius: 0;
24189
24061
  }
24190
24062
 
24191
- .v-switch__loader {
24192
- display: flex;
24063
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24064
+ border-bottom-left-radius: 0;
24065
+ }
24066
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24067
+ border-bottom-right-radius: 0;
24193
24068
  }
24194
24069
 
24195
- .v-switch__track,
24196
- .v-switch__thumb {
24197
- background-color: currentColor;
24198
- transition: none;
24070
+ .v-table--fixed-height > .v-table__wrapper {
24071
+ overflow-y: auto;
24199
24072
  }
24200
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24201
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24202
- background-color: rgb(var(--v-theme-error));
24073
+
24074
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24075
+ border-bottom: 0px !important;
24076
+ position: sticky;
24077
+ top: 0;
24203
24078
  }
24204
24079
 
24205
- .v-switch__track {
24206
- border-radius: 8px;
24207
- height: 14px;
24208
- opacity: 0.6;
24209
- width: 36px;
24210
- cursor: pointer;
24080
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24081
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24082
+ border-top: 0px !important;
24083
+ position: sticky;
24084
+ bottom: 0;
24085
+ }.v-textarea .v-field {
24086
+ --v-textarea-control-height: var(--v-input-control-height);
24211
24087
  }
24212
- .v-switch--inset .v-switch__track {
24213
- border-radius: 14px;
24214
- height: 28px;
24215
- width: 48px;
24088
+ .v-textarea .v-field__field {
24089
+ --v-input-control-height: var(--v-textarea-control-height);
24216
24090
  }
24217
-
24218
- .v-switch__thumb {
24219
- align-items: center;
24220
- border-radius: 50%;
24221
- color: rgb(var(--v-theme-surface));
24222
- display: flex;
24223
- height: 20px;
24224
- justify-content: center;
24225
- width: 20px;
24226
- pointer-events: none;
24227
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
24228
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24091
+ .v-textarea .v-field__input {
24092
+ flex: 1 1 auto;
24093
+ outline: none;
24094
+ -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));
24095
+ 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));
24229
24096
  }
24230
- .v-switch--inset .v-switch__thumb {
24231
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24097
+ .v-textarea--auto-grow .v-field__input {
24098
+ overflow: hidden;
24232
24099
  }
24233
- .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
24234
- display: none;
24100
+ .v-textarea--no-resize .v-field__input {
24101
+ resize: none;
24235
24102
  }
24236
-
24237
- .v-switch--loading .v-selection-control__input > .v-icon {
24238
- display: none;
24103
+ .v-textarea__sizer {
24104
+ visibility: hidden;
24105
+ position: absolute;
24106
+ top: 0;
24107
+ left: 0;
24108
+ height: 0 !important;
24109
+ min-height: 0 !important;
24110
+ pointer-events: none;
24239
24111
  }
24240
-
24241
- .v-switch .v-selection-control {
24242
- min-height: var(--v-input-control-height);
24112
+ .v-textarea .v-field--no-label textarea,
24113
+ .v-textarea .v-field--active textarea {
24114
+ opacity: 1;
24243
24115
  }
24244
- .v-switch .v-selection-control__wrapper {
24245
- width: auto;
24116
+ .v-textarea textarea {
24117
+ opacity: 0;
24118
+ flex: 1;
24119
+ min-width: 0;
24120
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24246
24121
  }
24247
- .v-switch .v-selection-control__input {
24248
- border-radius: 50%;
24249
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
24250
- transform: translateX(-10px);
24251
- position: absolute;
24122
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24123
+ outline: none;
24252
24124
  }
24253
- .v-switch .v-selection-control--dirty .v-selection-control__input {
24254
- transform: translateX(10px);
24125
+ .v-textarea textarea:invalid {
24126
+ box-shadow: none;
24127
+ }/* region BLOCK */
24128
+ .v-text-field input {
24129
+ color: inherit;
24130
+ opacity: 0;
24131
+ flex: 1;
24132
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24133
+ min-width: 0;
24255
24134
  }
24256
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24257
- transform: scale(0.8);
24135
+ .v-text-field input:focus, .v-text-field input:active {
24136
+ outline: none;
24258
24137
  }
24259
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24260
- transform: scale(0.75);
24138
+ .v-text-field input:invalid {
24261
24139
  box-shadow: none;
24262
- }.v-system-bar {
24263
- align-items: center;
24264
- display: flex;
24265
- flex: 1 1 auto;
24266
- height: 24px;
24267
- justify-content: flex-end;
24268
- max-width: 100%;
24269
- padding: 0 8px;
24270
- position: relative;
24271
- text-align: end;
24272
- width: 100%;
24273
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24274
- background: rgba(var(--v-theme-on-surface-variant));
24275
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24276
- font-size: 0.75rem;
24277
- font-weight: 400;
24278
- letter-spacing: 0.0333333333em;
24279
- line-height: 1.25rem;
24280
- text-transform: none;
24281
24140
  }
24282
- .v-system-bar .v-icon {
24283
- opacity: var(--v-medium-emphasis-opacity);
24141
+ .v-text-field .v-field {
24142
+ cursor: text;
24284
24143
  }
24285
- .v-system-bar--absolute {
24286
- position: absolute;
24144
+ .v-text-field--prefixed.v-text-field .v-field__input {
24145
+ --v-field-padding-start: 6px;
24287
24146
  }
24288
- .v-system-bar--fixed {
24289
- position: fixed;
24147
+
24148
+ .v-text-field--suffixed.v-text-field .v-field__input {
24149
+ --v-field-padding-end: 0;
24290
24150
  }
24291
- .v-system-bar--rounded {
24292
- border-radius: 0;
24151
+
24152
+ .v-text-field .v-input__details {
24153
+ padding-inline-start: 16px;
24154
+ padding-inline-end: 16px;
24293
24155
  }
24294
- .v-system-bar--window {
24295
- height: 32px;
24296
- }.v-tabs {
24156
+ .v-text-field .v-field--no-label input,
24157
+ .v-text-field .v-field--active input {
24158
+ opacity: 1;
24159
+ }
24160
+ .v-text-field .v-field--single-line input {
24161
+ transition: none;
24162
+ }
24163
+
24164
+ /* endregion */
24165
+ /* region ELEMENTS */
24166
+ .v-text-field__prefix, .v-text-field__suffix {
24167
+ align-items: center;
24168
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24169
+ cursor: default;
24297
24170
  display: flex;
24298
- height: var(--v-tabs-height);
24171
+ opacity: 0;
24172
+ transition: inherit;
24173
+ white-space: nowrap;
24174
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24175
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24299
24176
  }
24300
- .v-tabs--density-default {
24301
- --v-tabs-height: 48px;
24177
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24178
+ opacity: 1;
24179
+ }
24180
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24181
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24182
+ }
24183
+ .v-text-field__prefix {
24184
+ padding-inline-start: var(--v-field-padding-start);
24185
+ }
24186
+ .v-text-field__suffix {
24187
+ padding-inline-end: var(--v-field-padding-end);
24302
24188
  }
24303
- .v-tabs--density-default.v-tabs--stacked {
24304
- --v-tabs-height: 72px;
24189
+
24190
+ /* endregion */
24191
+ /* region MODIFIERS */
24192
+ .v-text-field--flush-details .v-input__details {
24193
+ padding: 0;
24305
24194
  }
24306
24195
 
24307
- .v-tabs--density-comfortable {
24308
- --v-tabs-height: 44px;
24196
+ /* endregion */.v-timeline .v-timeline-divider__dot {
24197
+ background: rgb(var(--v-theme-on-surface-variant));
24309
24198
  }
24310
- .v-tabs--density-comfortable.v-tabs--stacked {
24311
- --v-tabs-height: 68px;
24199
+ .v-timeline .v-timeline-divider__inner-dot {
24200
+ background: rgb(var(--v-theme-on-surface));
24312
24201
  }
24313
24202
 
24314
- .v-tabs--density-compact {
24315
- --v-tabs-height: 36px;
24203
+ .v-timeline {
24204
+ display: grid;
24205
+ grid-auto-flow: dense;
24206
+ position: relative;
24316
24207
  }
24317
- .v-tabs--density-compact.v-tabs--stacked {
24318
- --v-tabs-height: 60px;
24208
+ .v-timeline--horizontal.v-timeline {
24209
+ grid-column-gap: 24px;
24210
+ width: 100%;
24319
24211
  }
24320
-
24321
- .v-tabs.v-slide-group--vertical {
24322
- height: auto;
24323
- --v-tabs-height: 48px;
24212
+ .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24213
+ padding-inline-start: 24px;
24324
24214
  }
24325
-
24326
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24327
- margin-inline-start: 42px;
24215
+ .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24216
+ padding-inline-end: 24px;
24328
24217
  }
24329
-
24330
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24331
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24332
- margin-inline-end: auto;
24218
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24219
+ grid-row: 3;
24220
+ padding-block-start: 24px;
24333
24221
  }
24334
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24335
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24336
- margin-inline-start: auto;
24222
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24223
+ grid-row: 1;
24224
+ padding-block-end: 24px;
24225
+ align-self: flex-end;
24337
24226
  }
24338
-
24339
- .v-tabs--grow {
24340
- flex-grow: 1;
24227
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24228
+ grid-row: 1;
24229
+ padding-block-end: 24px;
24230
+ align-self: flex-end;
24341
24231
  }
24342
- .v-tabs--grow .v-tab {
24343
- flex: 1 0 auto;
24344
- max-width: none;
24232
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24233
+ grid-row: 3;
24234
+ padding-block-start: 24px;
24345
24235
  }
24346
24236
 
24347
- .v-tabs--align-tabs-end .v-tab:first-child {
24348
- margin-inline-start: auto;
24237
+ .v-timeline--vertical.v-timeline {
24238
+ grid-row-gap: 24px;
24239
+ height: 100%;
24349
24240
  }
24350
- .v-tabs--align-tabs-end .v-tab:last-child {
24351
- margin-inline-end: 0;
24241
+ .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24242
+ padding-block-start: 24px;
24352
24243
  }
24353
-
24354
- @media (max-width: 1279.98px) {
24355
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24356
- margin-inline-start: 52px;
24357
- }
24358
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24359
- margin-inline-end: 52px;
24360
- }
24361
- }.v-tab.v-tab {
24362
- --v-btn-height: var(--v-tabs-height);
24363
- min-width: 90px;
24244
+ .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24245
+ padding-block-end: 24px;
24364
24246
  }
24365
- .v-slide-group--horizontal .v-tab {
24366
- max-width: 360px;
24247
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24248
+ grid-column: 1;
24249
+ justify-self: flex-end;
24250
+ padding-inline-end: 24px;
24367
24251
  }
24368
- .v-slide-group--vertical .v-tab {
24369
- justify-content: start;
24252
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24253
+ grid-column: 3;
24254
+ padding-inline-start: 24px;
24370
24255
  }
24371
-
24372
- .v-tab__slider {
24373
- position: absolute;
24374
- bottom: 0;
24375
- left: 0;
24376
- height: 2px;
24377
- width: 100%;
24378
- background: currentColor;
24379
- pointer-events: none;
24380
- opacity: 0;
24256
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24257
+ grid-column: 3;
24258
+ padding-inline-start: 24px;
24381
24259
  }
24382
- .v-tab--selected .v-tab__slider {
24383
- opacity: 1;
24260
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24261
+ grid-column: 1;
24262
+ justify-self: flex-end;
24263
+ padding-inline-end: 24px;
24384
24264
  }
24385
- .v-slide-group--vertical .v-tab__slider {
24386
- top: 0;
24387
- height: 100%;
24388
- width: 2px;
24389
- }.v-table {
24390
- background: rgb(var(--v-theme-surface));
24391
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24265
+
24266
+ .v-timeline-item {
24267
+ display: contents;
24392
24268
  }
24393
- .v-table .v-table-divider {
24394
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24269
+
24270
+ .v-timeline-divider {
24271
+ position: relative;
24272
+ display: flex;
24273
+ align-items: center;
24395
24274
  }
24396
- .v-table .v-table__wrapper > table > thead > tr > th {
24397
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24398
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24275
+ .v-timeline--horizontal .v-timeline-divider {
24276
+ flex-direction: row;
24277
+ grid-row: 2;
24278
+ width: 100%;
24399
24279
  }
24400
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24401
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24402
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24280
+
24281
+ .v-timeline--vertical .v-timeline-divider {
24282
+ height: 100%;
24283
+ flex-direction: column;
24284
+ grid-column: 2;
24403
24285
  }
24404
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24405
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24406
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24286
+
24287
+ .v-timeline-divider__before {
24288
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
24289
+ position: absolute;
24407
24290
  }
24408
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
24409
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24291
+ .v-timeline--horizontal .v-timeline-divider__before {
24292
+ height: var(--v-timeline-line-thickness);
24293
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24410
24294
  }
24411
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24412
- background: rgb(var(--v-theme-surface));
24413
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24414
- z-index: 1;
24295
+ .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
24296
+ left: -12px;
24297
+ right: initial;
24415
24298
  }
24416
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24417
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24418
- background: rgb(var(--v-theme-surface));
24419
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24299
+ .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before {
24300
+ right: -12px;
24301
+ left: initial;
24420
24302
  }
24421
24303
 
24422
- .v-table {
24423
- --v-table-header-height: 56px;
24424
- border-radius: inherit;
24425
- line-height: 1.5;
24426
- max-width: 100%;
24427
- }
24428
- .v-table > .v-table__wrapper > table {
24429
- width: 100%;
24430
- border-spacing: 0;
24304
+ .v-timeline--vertical .v-timeline-divider__before {
24305
+ height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24306
+ width: var(--v-timeline-line-thickness);
24307
+ top: -12px;
24431
24308
  }
24432
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24433
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24434
- .v-table > .v-table__wrapper > table > thead > tr > td,
24435
- .v-table > .v-table__wrapper > table > thead > tr > th,
24436
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24437
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24438
- padding: 0 16px;
24439
- transition: height cubic-bezier(0.4, 0, 0.2, 1);
24309
+
24310
+ .v-timeline-divider__after {
24311
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
24312
+ position: absolute;
24440
24313
  }
24441
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24442
- .v-table > .v-table__wrapper > table > thead > tr > th,
24443
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24444
- font-weight: 500;
24445
- -webkit-user-select: none;
24446
- user-select: none;
24447
- text-align: start;
24314
+ .v-timeline--horizontal .v-timeline-divider__after {
24315
+ height: var(--v-timeline-line-thickness);
24316
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24448
24317
  }
24449
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
24450
- .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
24451
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
24452
- height: calc(var(--v-table-header-height) + 0px);
24318
+ .v-timeline--horizontal .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__after {
24319
+ right: -12px;
24320
+ left: initial;
24453
24321
  }
24454
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
24455
- .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
24456
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
24457
- height: calc(var(--v-table-row-height, 52px) + 0px);
24322
+ .v-timeline--horizontal .v-timeline-divider__after.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__after {
24323
+ left: -12px;
24324
+ right: initial;
24458
24325
  }
24459
24326
 
24460
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
24461
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
24462
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
24463
- height: calc(var(--v-table-header-height) - 8px);
24327
+ .v-timeline--vertical .v-timeline-divider__after {
24328
+ height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24329
+ width: var(--v-timeline-line-thickness);
24330
+ bottom: -12px;
24464
24331
  }
24465
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
24466
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
24467
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
24468
- height: calc(var(--v-table-row-height, 52px) - 8px);
24332
+
24333
+ .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
24334
+ height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24335
+ top: 0;
24469
24336
  }
24470
24337
 
24471
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
24472
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
24473
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
24474
- height: calc(var(--v-table-header-height) - 16px);
24338
+ .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
24339
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24475
24340
  }
24476
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
24477
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
24478
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
24479
- height: calc(var(--v-table-row-height, 52px) - 16px);
24341
+ .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
24342
+ left: 0;
24343
+ right: initial;
24344
+ }
24345
+ .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
24346
+ right: 0;
24347
+ left: initial;
24480
24348
  }
24481
24349
 
24482
- .v-table__wrapper {
24483
- border-radius: inherit;
24484
- overflow: auto;
24350
+ .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
24351
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24485
24352
  }
24486
24353
 
24487
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24488
- border-top-left-radius: 0;
24489
- }
24490
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24491
- border-top-right-radius: 0;
24354
+ .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24355
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24492
24356
  }
24493
-
24494
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24495
- border-bottom-left-radius: 0;
24357
+ .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24358
+ right: -12px;
24359
+ left: initial;
24496
24360
  }
24497
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24498
- border-bottom-right-radius: 0;
24361
+ .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24362
+ left: -12px;
24363
+ right: initial;
24499
24364
  }
24500
24365
 
24501
- .v-table--fixed-height > .v-table__wrapper {
24502
- overflow-y: auto;
24366
+ .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
24367
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24503
24368
  }
24504
24369
 
24505
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24506
- border-bottom: 0px !important;
24507
- position: sticky;
24508
- top: 0;
24370
+ .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
24371
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24509
24372
  }
24510
24373
 
24511
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24512
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24513
- border-top: 0px !important;
24514
- position: sticky;
24374
+ .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
24375
+ height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24515
24376
  bottom: 0;
24516
- }.v-textarea .v-field {
24517
- --v-textarea-control-height: var(--v-input-control-height);
24518
- }
24519
- .v-textarea .v-field__field {
24520
- --v-input-control-height: var(--v-textarea-control-height);
24521
- }
24522
- .v-textarea .v-field__input {
24523
- flex: 1 1 auto;
24524
- outline: none;
24525
- -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));
24526
- 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));
24527
24377
  }
24528
- .v-textarea--auto-grow .v-field__input {
24529
- overflow: hidden;
24378
+
24379
+ .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24380
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24530
24381
  }
24531
- .v-textarea--no-resize .v-field__input {
24532
- resize: none;
24382
+ .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24383
+ right: 0;
24384
+ left: initial;
24533
24385
  }
24534
- .v-textarea__sizer {
24535
- visibility: hidden;
24536
- position: absolute;
24537
- top: 0;
24386
+ .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24538
24387
  left: 0;
24539
- height: 0 !important;
24540
- min-height: 0 !important;
24541
- pointer-events: none;
24542
- }
24543
- .v-textarea .v-field--no-label textarea,
24544
- .v-textarea .v-field--active textarea {
24545
- opacity: 1;
24388
+ right: initial;
24546
24389
  }
24547
- .v-textarea textarea {
24548
- opacity: 0;
24549
- flex: 1;
24550
- min-width: 0;
24551
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24390
+
24391
+ .v-timeline-divider__dot {
24392
+ z-index: 1;
24393
+ flex-shrink: 0;
24394
+ border-radius: 50%;
24395
+ display: flex;
24396
+ justify-content: center;
24397
+ align-items: center;
24398
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24552
24399
  }
24553
- .v-textarea textarea:focus, .v-textarea textarea:active {
24554
- outline: none;
24400
+ .v-timeline-divider__dot--size-x-small {
24401
+ height: 22px;
24402
+ width: 22px;
24555
24403
  }
24556
- .v-textarea textarea:invalid {
24557
- box-shadow: none;
24558
- }/* region BLOCK */
24559
- .v-text-field input {
24560
- color: inherit;
24561
- opacity: 0;
24562
- flex: 1;
24563
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24564
- min-width: 0;
24404
+ .v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
24405
+ height: calc(100% - 6px);
24406
+ width: calc(100% - 6px);
24565
24407
  }
24566
- .v-text-field input:focus, .v-text-field input:active {
24567
- outline: none;
24408
+ .v-timeline-divider__dot--size-small {
24409
+ height: 30px;
24410
+ width: 30px;
24568
24411
  }
24569
- .v-text-field input:invalid {
24570
- box-shadow: none;
24412
+ .v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
24413
+ height: calc(100% - 8px);
24414
+ width: calc(100% - 8px);
24571
24415
  }
24572
- .v-text-field .v-field {
24573
- cursor: text;
24416
+ .v-timeline-divider__dot--size-default {
24417
+ height: 38px;
24418
+ width: 38px;
24574
24419
  }
24575
- .v-text-field--prefixed.v-text-field .v-field__input {
24576
- --v-field-padding-start: 6px;
24420
+ .v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
24421
+ height: calc(100% - 8px);
24422
+ width: calc(100% - 8px);
24577
24423
  }
24578
-
24579
- .v-text-field--suffixed.v-text-field .v-field__input {
24580
- --v-field-padding-end: 0;
24424
+ .v-timeline-divider__dot--size-large {
24425
+ height: 46px;
24426
+ width: 46px;
24581
24427
  }
24582
-
24583
- .v-text-field .v-input__details {
24584
- padding-inline-start: 16px;
24585
- padding-inline-end: 16px;
24428
+ .v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
24429
+ height: calc(100% - 8px);
24430
+ width: calc(100% - 8px);
24586
24431
  }
24587
- .v-text-field .v-field--no-label input,
24588
- .v-text-field .v-field--active input {
24589
- opacity: 1;
24432
+ .v-timeline-divider__dot--size-x-large {
24433
+ height: 54px;
24434
+ width: 54px;
24590
24435
  }
24591
- .v-text-field .v-field--single-line input {
24592
- transition: none;
24436
+ .v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
24437
+ height: calc(100% - 10px);
24438
+ width: calc(100% - 10px);
24593
24439
  }
24594
24440
 
24595
- /* endregion */
24596
- /* region ELEMENTS */
24597
- .v-text-field__prefix, .v-text-field__suffix {
24441
+ .v-timeline-divider__inner-dot {
24598
24442
  align-items: center;
24599
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24600
- cursor: default;
24443
+ border-radius: 50%;
24601
24444
  display: flex;
24602
- opacity: 0;
24603
- transition: inherit;
24604
- white-space: nowrap;
24605
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24606
- padding-bottom: var(--v-field-padding-bottom, 6px);
24445
+ justify-content: center;
24607
24446
  }
24608
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24609
- opacity: 1;
24447
+
24448
+ /** Modifiers **/
24449
+ .v-timeline--horizontal.v-timeline--justify-center {
24450
+ grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
24610
24451
  }
24611
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24612
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24452
+
24453
+ .v-timeline--vertical.v-timeline--justify-center {
24454
+ grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
24613
24455
  }
24614
- .v-text-field__prefix {
24615
- padding-inline-start: var(--v-field-padding-start);
24456
+
24457
+ .v-timeline--horizontal.v-timeline--justify-auto {
24458
+ grid-template-rows: auto min-content auto;
24616
24459
  }
24617
- .v-text-field__suffix {
24618
- padding-inline-end: var(--v-field-padding-end);
24460
+
24461
+ .v-timeline--vertical.v-timeline--justify-auto {
24462
+ grid-template-columns: auto min-content auto;
24619
24463
  }
24620
24464
 
24621
- /* endregion */
24622
- /* region MODIFIERS */
24623
- .v-text-field--flush-details .v-input__details {
24624
- padding: 0;
24465
+ .v-timeline--horizontal.v-timeline--density-comfortable {
24466
+ height: 100%;
24467
+ }
24468
+ .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
24469
+ grid-template-rows: min-content min-content auto;
24470
+ }
24471
+ .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
24472
+ grid-template-rows: auto min-content min-content;
24625
24473
  }
24626
24474
 
24627
- /* endregion */.v-timeline .v-timeline-divider__dot {
24628
- background: rgb(var(--v-theme-on-surface-variant));
24475
+ .v-timeline--vertical.v-timeline--density-comfortable {
24476
+ width: 100%;
24629
24477
  }
24630
- .v-timeline .v-timeline-divider__inner-dot {
24631
- background: rgb(var(--v-theme-on-surface));
24478
+ .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
24479
+ grid-template-columns: min-content min-content auto;
24480
+ }
24481
+ .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
24482
+ grid-template-columns: auto min-content min-content;
24632
24483
  }
24633
24484
 
24634
- .v-timeline {
24635
- display: grid;
24636
- grid-auto-flow: dense;
24637
- position: relative;
24485
+ .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
24486
+ grid-template-rows: 0 min-content auto;
24638
24487
  }
24639
- .v-timeline--horizontal.v-timeline {
24640
- grid-column-gap: 24px;
24641
- width: 100%;
24488
+ .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
24489
+ grid-template-rows: auto min-content 0;
24642
24490
  }
24643
- .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24644
- padding-inline-start: 24px;
24491
+ .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
24492
+ grid-row: 1;
24645
24493
  }
24646
- .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24647
- padding-inline-end: 24px;
24494
+
24495
+ .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
24496
+ grid-template-columns: 0 min-content auto;
24648
24497
  }
24649
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24498
+ .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
24499
+ grid-template-columns: auto min-content 0;
24500
+ }
24501
+ .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
24502
+ grid-column: 3;
24503
+ }
24504
+
24505
+ .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24650
24506
  grid-row: 3;
24507
+ padding-block-end: initial;
24651
24508
  padding-block-start: 24px;
24652
24509
  }
24653
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24510
+ .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24654
24511
  grid-row: 1;
24655
24512
  padding-block-end: 24px;
24656
- align-self: flex-end;
24513
+ padding-block-start: initial;
24657
24514
  }
24658
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24515
+
24516
+ .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24517
+ grid-column: 3;
24518
+ padding-inline-start: 24px;
24519
+ padding-inline-end: initial;
24520
+ justify-self: flex-start;
24521
+ }
24522
+ .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24523
+ grid-column: 1;
24524
+ justify-self: flex-end;
24525
+ padding-inline-end: 24px;
24526
+ padding-inline-start: initial;
24527
+ }
24528
+
24529
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24659
24530
  grid-row: 1;
24660
24531
  padding-block-end: 24px;
24661
- align-self: flex-end;
24532
+ padding-block-start: initial;
24662
24533
  }
24663
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24534
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24664
24535
  grid-row: 3;
24536
+ padding-block-end: initial;
24665
24537
  padding-block-start: 24px;
24666
24538
  }
24667
24539
 
24668
- .v-timeline--vertical.v-timeline {
24669
- grid-row-gap: 24px;
24670
- height: 100%;
24671
- }
24672
- .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
24673
- padding-block-start: 24px;
24674
- }
24675
- .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
24676
- padding-block-end: 24px;
24677
- }
24678
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24540
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24679
24541
  grid-column: 1;
24680
24542
  justify-self: flex-end;
24681
24543
  padding-inline-end: 24px;
24682
24544
  }
24683
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24684
- grid-column: 3;
24685
- padding-inline-start: 24px;
24686
- }
24687
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24545
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24688
24546
  grid-column: 3;
24689
24547
  padding-inline-start: 24px;
24690
- }
24691
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24692
- grid-column: 1;
24693
- justify-self: flex-end;
24694
- padding-inline-end: 24px;
24548
+ justify-self: flex-start;
24695
24549
  }
24696
24550
 
24697
- .v-timeline-item {
24698
- display: contents;
24551
+ .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
24552
+ height: inherit;
24553
+ width: inherit;
24699
24554
  }
24700
24555
 
24701
- .v-timeline-divider {
24702
- position: relative;
24703
- display: flex;
24704
- align-items: center;
24705
- }
24706
- .v-timeline--horizontal .v-timeline-divider {
24707
- flex-direction: row;
24708
- grid-row: 2;
24709
- width: 100%;
24556
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24557
+ display: none;
24710
24558
  }
24711
24559
 
24712
- .v-timeline--vertical .v-timeline-divider {
24713
- height: 100%;
24714
- flex-direction: column;
24715
- grid-column: 2;
24560
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24561
+ display: none;
24716
24562
  }
24717
24563
 
24718
- .v-timeline-divider__before {
24719
- background: rgba(var(--v-border-color), var(--v-border-opacity));
24720
- position: absolute;
24721
- }
24722
- .v-timeline--horizontal .v-timeline-divider__before {
24723
- height: var(--v-timeline-line-thickness);
24724
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24564
+ .v-timeline--align-center {
24565
+ --v-timeline-line-size-base: 50%;
24566
+ --v-timeline-line-size-offset: 0px;
24725
24567
  }
24726
- .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
24727
- left: -12px;
24728
- right: initial;
24568
+ .v-timeline--horizontal.v-timeline--align-center {
24569
+ justify-items: center;
24729
24570
  }
24730
- .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before {
24731
- right: -12px;
24732
- left: initial;
24571
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
24572
+ justify-content: center;
24733
24573
  }
24734
24574
 
24735
- .v-timeline--vertical .v-timeline-divider__before {
24736
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24737
- width: var(--v-timeline-line-thickness);
24738
- top: -12px;
24575
+ .v-timeline--vertical.v-timeline--align-center {
24576
+ align-items: center;
24739
24577
  }
24740
-
24741
- .v-timeline-divider__after {
24742
- background: rgba(var(--v-border-color), var(--v-border-opacity));
24743
- position: absolute;
24578
+ .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
24579
+ justify-content: center;
24744
24580
  }
24745
- .v-timeline--horizontal .v-timeline-divider__after {
24746
- height: var(--v-timeline-line-thickness);
24747
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24581
+
24582
+ .v-timeline--align-start {
24583
+ --v-timeline-line-size-base: 100%;
24584
+ --v-timeline-line-size-offset: 12px;
24748
24585
  }
24749
- .v-timeline--horizontal .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__after {
24750
- right: -12px;
24751
- left: initial;
24586
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
24587
+ --v-timeline-line-size-offset: 24px;
24752
24588
  }
24753
- .v-timeline--horizontal .v-timeline-divider__after.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__after {
24754
- left: -12px;
24755
- right: initial;
24589
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
24590
+ --v-timeline-line-size-offset: -12px;
24756
24591
  }
24757
-
24758
- .v-timeline--vertical .v-timeline-divider__after {
24759
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24760
- width: var(--v-timeline-line-thickness);
24761
- bottom: -12px;
24592
+ .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
24593
+ --v-timeline-line-size-offset: 0px;
24762
24594
  }
24763
-
24764
- .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
24765
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24766
- top: 0;
24595
+ .v-timeline--horizontal.v-timeline--align-start {
24596
+ justify-items: flex-start;
24767
24597
  }
24768
-
24769
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
24770
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24598
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
24599
+ justify-content: flex-start;
24771
24600
  }
24772
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
24773
- left: 0;
24774
- right: initial;
24601
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24602
+ width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24775
24603
  }
24776
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
24777
- right: 0;
24778
- left: initial;
24604
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24605
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24779
24606
  }
24780
24607
 
24781
- .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
24782
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24608
+ .v-timeline--vertical.v-timeline--align-start {
24609
+ align-items: flex-start;
24783
24610
  }
24784
-
24785
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24786
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24611
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
24612
+ justify-content: flex-start;
24787
24613
  }
24788
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24789
- right: -12px;
24790
- left: initial;
24614
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24615
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24791
24616
  }
24792
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24793
- left: -12px;
24794
- right: initial;
24617
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24618
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24795
24619
  }
24796
24620
 
24797
- .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
24798
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24621
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
24622
+ --v-timeline-line-size-offset: 12px;
24799
24623
  }
24800
-
24801
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
24802
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
24624
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24625
+ padding-block-start: 0;
24803
24626
  }
24804
24627
 
24805
- .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
24806
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24807
- bottom: 0;
24628
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24629
+ padding-inline-start: 0;
24808
24630
  }
24809
24631
 
24810
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24811
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24812
- }
24813
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24814
- right: 0;
24815
- left: initial;
24632
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24633
+ --v-timeline-line-size-offset: 12px;
24816
24634
  }
24817
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24818
- left: 0;
24819
- right: initial;
24635
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24636
+ padding-block-end: 0;
24820
24637
  }
24821
24638
 
24822
- .v-timeline-divider__dot {
24823
- z-index: 1;
24824
- flex-shrink: 0;
24825
- border-radius: 50%;
24639
+ .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 {
24640
+ padding-inline-end: 0;
24641
+ }.v-theme-provider {
24642
+ background: rgb(var(--v-theme-background));
24643
+ color: rgb(var(--v-theme-on-background));
24644
+ }.v-toolbar {
24645
+ align-items: flex-start;
24826
24646
  display: flex;
24827
- justify-content: center;
24828
- align-items: center;
24647
+ flex: none;
24648
+ flex-direction: column;
24649
+ justify-content: space-between;
24650
+ max-width: 100%;
24651
+ overflow: hidden;
24652
+ position: relative;
24653
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24654
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
24655
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24656
+ border-style: solid;
24657
+ border-width: 0;
24829
24658
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24659
+ border-radius: 0;
24660
+ background: rgb(var(--v-theme-on-surface-variant));
24661
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24830
24662
  }
24831
- .v-timeline-divider__dot--size-x-small {
24832
- height: 22px;
24833
- width: 22px;
24663
+ .v-toolbar--border {
24664
+ border-width: thin;
24665
+ box-shadow: none;
24834
24666
  }
24835
- .v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
24836
- height: calc(100% - 6px);
24837
- width: calc(100% - 6px);
24667
+ .v-toolbar--absolute {
24668
+ position: absolute;
24838
24669
  }
24839
- .v-timeline-divider__dot--size-small {
24840
- height: 30px;
24841
- width: 30px;
24670
+ .v-toolbar--collapse {
24671
+ max-width: 112px;
24672
+ overflow: hidden;
24842
24673
  }
24843
- .v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
24844
- height: calc(100% - 8px);
24845
- width: calc(100% - 8px);
24674
+ .v-toolbar--collapse .v-toolbar-title {
24675
+ display: none;
24846
24676
  }
24847
- .v-timeline-divider__dot--size-default {
24848
- height: 38px;
24849
- width: 38px;
24677
+ .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
24678
+ border-bottom-right-radius: 24px;
24850
24679
  }
24851
- .v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
24852
- height: calc(100% - 8px);
24853
- width: calc(100% - 8px);
24680
+ .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
24681
+ border-bottom-left-radius: 24px;
24682
+ }
24683
+ .v-toolbar--flat {
24684
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24685
+ }
24686
+ .v-toolbar--floating {
24687
+ display: inline-flex;
24688
+ }
24689
+ .v-toolbar--rounded {
24690
+ border-radius: 4px;
24691
+ }
24692
+
24693
+ .v-toolbar__content,
24694
+ .v-toolbar__extension {
24695
+ align-items: center;
24696
+ display: flex;
24697
+ flex: 0 0 auto;
24698
+ position: relative;
24699
+ transition: inherit;
24700
+ width: 100%;
24701
+ }
24702
+
24703
+ .v-toolbar__content > .v-btn:first-child {
24704
+ margin-inline-start: 10px;
24854
24705
  }
24855
- .v-timeline-divider__dot--size-large {
24856
- height: 46px;
24857
- width: 46px;
24706
+ .v-toolbar__content > .v-btn:last-child {
24707
+ margin-inline-end: 10px;
24858
24708
  }
24859
- .v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
24860
- height: calc(100% - 8px);
24861
- width: calc(100% - 8px);
24709
+ .v-toolbar__content > .v-toolbar-title {
24710
+ margin-inline-start: 16px;
24862
24711
  }
24863
- .v-timeline-divider__dot--size-x-large {
24864
- height: 54px;
24865
- width: 54px;
24712
+ .v-toolbar--density-prominent .v-toolbar__content {
24713
+ align-items: flex-start;
24866
24714
  }
24867
- .v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
24868
- height: calc(100% - 10px);
24869
- width: calc(100% - 10px);
24715
+
24716
+ .v-toolbar__image {
24717
+ position: absolute;
24718
+ top: 0;
24719
+ left: 0;
24720
+ width: 100%;
24721
+ height: 100%;
24722
+ display: flex;
24870
24723
  }
24871
24724
 
24872
- .v-timeline-divider__inner-dot {
24725
+ .v-toolbar__prepend,
24726
+ .v-toolbar__append {
24873
24727
  align-items: center;
24874
- border-radius: 50%;
24875
24728
  display: flex;
24876
- justify-content: center;
24877
24729
  }
24878
24730
 
24879
- /** Modifiers **/
24880
- .v-timeline--horizontal.v-timeline--justify-center {
24881
- grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
24731
+ .v-toolbar__prepend {
24732
+ margin-inline-start: 10px;
24733
+ margin-inline-end: auto;
24882
24734
  }
24883
24735
 
24884
- .v-timeline--vertical.v-timeline--justify-center {
24885
- grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
24736
+ .v-toolbar__append {
24737
+ margin-inline-start: auto;
24738
+ margin-inline-end: 10px;
24886
24739
  }
24887
24740
 
24888
- .v-timeline--horizontal.v-timeline--justify-auto {
24889
- grid-template-rows: auto min-content auto;
24741
+ .v-toolbar-title {
24742
+ flex: 1 1;
24743
+ font-size: 1.25rem;
24744
+ min-width: 0;
24745
+ font-size: 1.25rem;
24746
+ font-weight: 400;
24747
+ letter-spacing: 0;
24748
+ line-height: 1.75rem;
24749
+ text-transform: none;
24750
+ }
24751
+ .v-toolbar--density-prominent .v-toolbar-title {
24752
+ align-self: flex-end;
24753
+ padding-bottom: 6px;
24754
+ font-size: 1.5rem;
24755
+ font-weight: 400;
24756
+ letter-spacing: 0;
24757
+ line-height: 2.25rem;
24758
+ text-transform: none;
24890
24759
  }
24891
24760
 
24892
- .v-timeline--vertical.v-timeline--justify-auto {
24893
- grid-template-columns: auto min-content auto;
24761
+ .v-toolbar-title__placeholder {
24762
+ overflow: hidden;
24763
+ text-overflow: ellipsis;
24764
+ white-space: nowrap;
24894
24765
  }
24895
24766
 
24896
- .v-timeline--horizontal.v-timeline--density-comfortable {
24897
- height: 100%;
24767
+ .v-toolbar-items {
24768
+ display: flex;
24769
+ height: inherit;
24898
24770
  }
24899
- .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
24900
- grid-template-rows: min-content min-content auto;
24771
+ .v-toolbar-items > .v-btn {
24772
+ border-radius: 0;
24773
+ }.v-tooltip .v-overlay__content {
24774
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24775
+ color: rgb(var(--v-theme-on-surface-variant));
24776
+ border-radius: 4px;
24777
+ font-size: 0.875rem;
24778
+ line-height: 1.6;
24779
+ display: inline-block;
24780
+ padding: 5px 16px;
24781
+ text-transform: initial;
24782
+ width: auto;
24783
+ opacity: 1;
24784
+ pointer-events: none;
24785
+ transition-property: opacity, transform;
24901
24786
  }
24902
- .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
24903
- grid-template-rows: auto min-content min-content;
24787
+ .v-tooltip .v-overlay__content[class*=enter-active] {
24788
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24789
+ transition-duration: 150ms;
24904
24790
  }
24905
-
24906
- .v-timeline--vertical.v-timeline--density-comfortable {
24791
+ .v-tooltip .v-overlay__content[class*=leave-active] {
24792
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24793
+ transition-duration: 75ms;
24794
+ }.v-window {
24795
+ overflow: hidden;
24796
+ }
24797
+ .v-window__container {
24798
+ display: flex;
24799
+ flex-direction: column;
24800
+ height: inherit;
24801
+ position: relative;
24802
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24803
+ }
24804
+ .v-window__controls {
24805
+ position: absolute;
24806
+ left: 0;
24807
+ top: 0;
24907
24808
  width: 100%;
24809
+ height: 100%;
24810
+ display: flex;
24811
+ align-items: center;
24812
+ justify-content: space-between;
24813
+ padding: 0 16px;
24814
+ pointer-events: none;
24908
24815
  }
24909
- .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
24910
- grid-template-columns: min-content min-content auto;
24816
+ .v-window__controls * {
24817
+ pointer-events: auto;
24911
24818
  }
24912
- .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
24913
- grid-template-columns: auto min-content min-content;
24819
+ .v-window--show-arrows-on-hover {
24820
+ overflow: hidden;
24914
24821
  }
24915
-
24916
- .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
24917
- grid-template-rows: 0 min-content auto;
24822
+ .v-window--show-arrows-on-hover .v-window__left {
24823
+ transform: translateX(-200%);
24918
24824
  }
24919
- .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
24920
- grid-template-rows: auto min-content 0;
24825
+ .v-window--show-arrows-on-hover .v-window__right {
24826
+ transform: translateX(200%);
24921
24827
  }
24922
- .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
24923
- grid-row: 1;
24828
+ .v-window--show-arrows-on-hover:hover .v-window__left,
24829
+ .v-window--show-arrows-on-hover:hover .v-window__right {
24830
+ transform: translateX(0);
24924
24831
  }
24925
-
24926
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
24927
- grid-template-columns: 0 min-content auto;
24832
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
24833
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24928
24834
  }
24929
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
24930
- grid-template-columns: auto min-content 0;
24835
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
24836
+ position: absolute !important;
24837
+ top: 0;
24838
+ width: 100%;
24931
24839
  }
24932
- .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
24933
- grid-column: 3;
24840
+ .v-window-x-transition-enter-from {
24841
+ transform: translateX(100%);
24934
24842
  }
24935
-
24936
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24937
- grid-row: 3;
24938
- padding-block-end: initial;
24939
- padding-block-start: 24px;
24843
+ .v-window-x-transition-leave-to {
24844
+ transform: translateX(-100%);
24940
24845
  }
24941
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24942
- grid-row: 1;
24943
- padding-block-end: 24px;
24944
- padding-block-start: initial;
24846
+ .v-window-x-reverse-transition-enter-from {
24847
+ transform: translateX(-100%);
24945
24848
  }
24946
-
24947
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24948
- grid-column: 3;
24949
- padding-inline-start: 24px;
24950
- padding-inline-end: initial;
24951
- justify-self: flex-start;
24849
+ .v-window-x-reverse-transition-leave-to {
24850
+ transform: translateX(100%);
24952
24851
  }
24953
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24954
- grid-column: 1;
24955
- justify-self: flex-end;
24956
- padding-inline-end: 24px;
24957
- padding-inline-start: initial;
24852
+ .v-window-y-transition-enter-from {
24853
+ transform: translateY(100%);
24958
24854
  }
24959
-
24960
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24961
- grid-row: 1;
24962
- padding-block-end: 24px;
24963
- padding-block-start: initial;
24855
+ .v-window-y-transition-leave-to {
24856
+ transform: translateY(-100%);
24964
24857
  }
24965
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24966
- grid-row: 3;
24967
- padding-block-end: initial;
24968
- padding-block-start: 24px;
24858
+ .v-window-y-reverse-transition-enter-from {
24859
+ transform: translateY(-100%);
24860
+ }
24861
+ .v-window-y-reverse-transition-leave-to {
24862
+ transform: translateY(100%);
24863
+ }/* region INPUT */
24864
+ .v-field {
24865
+ display: grid;
24866
+ grid-template-areas: "prepend-inner field clear append-inner";
24867
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
24868
+ font-size: 16px;
24869
+ letter-spacing: 0.009375em;
24870
+ max-width: 100%;
24871
+ border-radius: 4px;
24872
+ contain: layout;
24873
+ flex: 1 0;
24874
+ grid-area: control;
24875
+ position: relative;
24876
+ --v-field-padding-start: 16px;
24877
+ --v-field-padding-end: 16px;
24878
+ --v-field-padding-top: 10px;
24879
+ --v-field-padding-bottom: 6px;
24880
+ }
24881
+ .v-field--disabled {
24882
+ opacity: var(--v-disabled-opacity);
24883
+ pointer-events: none;
24969
24884
  }
24970
24885
 
24971
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24972
- grid-column: 1;
24973
- justify-self: flex-end;
24974
- padding-inline-end: 24px;
24886
+ /* endregion */
24887
+ /* region MODIFIERS */
24888
+ .v-field--prepended {
24889
+ padding-inline-start: 12px;
24975
24890
  }
24976
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24977
- grid-column: 3;
24978
- padding-inline-start: 24px;
24979
- justify-self: flex-start;
24891
+ .v-field--appended {
24892
+ padding-inline-end: 12px;
24893
+ }
24894
+ .v-field--variant-solo {
24895
+ background: rgb(var(--v-theme-surface));
24896
+ border-color: transparent;
24897
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24898
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24899
+ }
24900
+ .v-field--variant-filled {
24901
+ border-bottom-left-radius: 0;
24902
+ border-bottom-right-radius: 0;
24903
+ }
24904
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-filled {
24905
+ --v-input-control-height: 56px;
24906
+ --v-field-padding-bottom: 6px;
24907
+ }
24908
+
24909
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-filled {
24910
+ --v-input-control-height: 48px;
24911
+ --v-field-padding-bottom: 2px;
24980
24912
  }
24981
24913
 
24982
- .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
24983
- height: inherit;
24984
- width: inherit;
24914
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-filled {
24915
+ --v-input-control-height: 40px;
24916
+ --v-field-padding-bottom: -2px;
24985
24917
  }
24986
24918
 
24987
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24988
- display: none;
24919
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
24920
+ --v-field-padding-top: 0px;
24921
+ }
24922
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
24923
+ --v-field-padding-bottom: 16px;
24989
24924
  }
24990
24925
 
24991
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24992
- display: none;
24926
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
24927
+ --v-field-padding-bottom: 12px;
24993
24928
  }
24994
24929
 
24995
- .v-timeline--align-center {
24996
- --v-timeline-line-size-base: 50%;
24997
- --v-timeline-line-size-offset: 0px;
24930
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
24931
+ --v-field-padding-bottom: 8px;
24998
24932
  }
24999
- .v-timeline--horizontal.v-timeline--align-center {
25000
- justify-items: center;
24933
+
24934
+ .v-field--variant-plain, .v-field--variant-underlined {
24935
+ border-radius: 0;
24936
+ padding: 0;
25001
24937
  }
25002
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
25003
- justify-content: center;
24938
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
24939
+ --v-field-padding-start: 0px;
24940
+ --v-field-padding-end: 0px;
24941
+ --v-field-padding-top: 6px;
24942
+ --v-field-padding-bottom: 2px;
25004
24943
  }
25005
-
25006
- .v-timeline--vertical.v-timeline--align-center {
25007
- align-items: center;
24944
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
24945
+ --v-input-control-height: 48px;
25008
24946
  }
25009
- .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
25010
- justify-content: center;
24947
+
24948
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
24949
+ --v-input-control-height: 40px;
25011
24950
  }
25012
24951
 
25013
- .v-timeline--align-start {
25014
- --v-timeline-line-size-base: 100%;
25015
- --v-timeline-line-size-offset: 12px;
24952
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
24953
+ --v-input-control-height: 32px;
25016
24954
  }
25017
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
25018
- --v-timeline-line-size-offset: 24px;
24955
+
24956
+ .v-field.v-field--prepended {
24957
+ --v-field-padding-start: 6px;
25019
24958
  }
25020
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
25021
- --v-timeline-line-size-offset: -12px;
24959
+ .v-field.v-field--appended {
24960
+ --v-field-padding-end: 6px;
25022
24961
  }
25023
- .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
25024
- --v-timeline-line-size-offset: 0px;
24962
+
24963
+ /* endregion */
24964
+ /* region ELEMENTS */
24965
+ .v-field__input {
24966
+ color: inherit;
24967
+ display: flex;
24968
+ flex-wrap: wrap;
24969
+ letter-spacing: 0.009375em;
24970
+ opacity: var(--v-high-emphasis-opacity);
24971
+ min-height: var(--v-input-control-height, 56px);
24972
+ padding-inline-start: var(--v-field-padding-start);
24973
+ padding-inline-end: var(--v-field-padding-end);
24974
+ padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
24975
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24976
+ width: 100%;
25025
24977
  }
25026
- .v-timeline--horizontal.v-timeline--align-start {
25027
- justify-items: flex-start;
24978
+ .v-field__input input {
24979
+ letter-spacing: inherit;
25028
24980
  }
25029
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25030
- justify-content: flex-start;
24981
+ .v-field__input input::placeholder,
24982
+ input.v-field__input::placeholder,
24983
+ textarea.v-field__input::placeholder {
24984
+ color: currentColor;
24985
+ opacity: var(--v-disabled-opacity);
25031
24986
  }
25032
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25033
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24987
+
24988
+ .v-field__input:focus, .v-field__input:active {
24989
+ outline: none;
25034
24990
  }
25035
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25036
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24991
+ .v-field__input:invalid {
24992
+ box-shadow: none;
25037
24993
  }
25038
24994
 
25039
- .v-timeline--vertical.v-timeline--align-start {
24995
+ .v-field__field {
24996
+ flex: 1 0;
24997
+ grid-area: field;
24998
+ position: relative;
25040
24999
  align-items: flex-start;
25000
+ display: flex;
25041
25001
  }
25042
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25043
- justify-content: flex-start;
25044
- }
25045
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25046
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25002
+
25003
+ /* endregion */
25004
+ /* region AFFIXES */
25005
+ .v-field__prepend-inner {
25006
+ grid-area: prepend-inner;
25007
+ padding-inline-end: var(--v-field-padding-after);
25047
25008
  }
25048
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25049
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25009
+
25010
+ .v-field__clearable {
25011
+ grid-area: clear;
25050
25012
  }
25051
25013
 
25052
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25053
- --v-timeline-line-size-offset: 12px;
25014
+ .v-field__append-inner {
25015
+ grid-area: append-inner;
25016
+ padding-inline-start: var(--v-field-padding-after);
25054
25017
  }
25055
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25056
- padding-block-start: 0;
25018
+
25019
+ .v-field__prepend-inner,
25020
+ .v-field__append-inner,
25021
+ .v-field__clearable {
25022
+ align-items: flex-start;
25023
+ display: flex;
25024
+ padding-top: var(--v-input-padding-top, 10px);
25057
25025
  }
25058
25026
 
25059
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25060
- padding-inline-start: 0;
25027
+ .v-field--focused .v-field__prepend-inner,
25028
+ .v-field--focused .v-field__append-inner {
25029
+ opacity: 1;
25061
25030
  }
25062
25031
 
25063
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25064
- --v-timeline-line-size-offset: 12px;
25032
+ .v-field__prepend-inner > .v-icon,
25033
+ .v-field__append-inner > .v-icon,
25034
+ .v-field__clearable > .v-icon {
25035
+ opacity: var(--v-medium-emphasis-opacity);
25065
25036
  }
25066
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25067
- padding-block-end: 0;
25037
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
25038
+ .v-field--disabled .v-field__append-inner > .v-icon,
25039
+ .v-field--error .v-field__append-inner > .v-icon,
25040
+ .v-field--disabled .v-field__clearable > .v-icon,
25041
+ .v-field--error .v-field__clearable > .v-icon {
25042
+ opacity: 1;
25043
+ }
25044
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
25045
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
25046
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
25047
+ color: rgb(var(--v-theme-error));
25068
25048
  }
25069
25049
 
25070
- .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 {
25071
- padding-inline-end: 0;
25072
- }.v-toolbar {
25073
- align-items: flex-start;
25074
- display: flex;
25075
- flex: none;
25076
- flex-direction: column;
25077
- justify-content: space-between;
25078
- max-width: 100%;
25079
- overflow: hidden;
25080
- position: relative;
25081
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25082
- transition-property: height, width, transform, max-width, left, right, top, bottom;
25083
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25084
- border-style: solid;
25085
- border-width: 0;
25086
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
25087
- border-radius: 0;
25088
- background: rgb(var(--v-theme-on-surface-variant));
25089
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25050
+ .v-field__clearable {
25051
+ cursor: pointer;
25052
+ opacity: 0;
25053
+ margin-inline-start: 4px;
25054
+ margin-inline-end: 4px;
25055
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
25056
+ transition-property: opacity, transform, width;
25090
25057
  }
25091
- .v-toolbar--border {
25092
- border-width: thin;
25093
- box-shadow: none;
25058
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
25059
+ opacity: 1;
25094
25060
  }
25095
- .v-toolbar--absolute {
25061
+ @media (hover: hover) {
25062
+ .v-field:hover .v-field__clearable {
25063
+ opacity: 1;
25064
+ }
25065
+ }
25066
+
25067
+ /* endregion */
25068
+ /* region LABEL */
25069
+ .v-label.v-field-label {
25070
+ contain: layout paint;
25071
+ margin-inline-start: var(--v-field-padding-start);
25072
+ margin-inline-end: var(--v-field-padding-end);
25073
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
25074
+ pointer-events: none;
25096
25075
  position: absolute;
25076
+ top: var(--v-input-padding-top, 10px);
25077
+ transform-origin: left center;
25078
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
25079
+ transition-property: opacity, transform;
25097
25080
  }
25098
- .v-toolbar--collapse {
25099
- max-width: 112px;
25100
- overflow: hidden;
25081
+ .v-field--active .v-label.v-field-label {
25082
+ visibility: hidden;
25101
25083
  }
25102
- .v-toolbar--collapse .v-toolbar-title {
25103
- display: none;
25084
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
25085
+ opacity: 1;
25104
25086
  }
25105
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
25106
- border-bottom-right-radius: 24px;
25087
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
25088
+ color: rgb(var(--v-theme-error));
25107
25089
  }
25108
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
25109
- border-bottom-left-radius: 24px;
25090
+ .v-label.v-field-label--floating {
25091
+ --v-field-label-scale: 0.75em;
25092
+ font-size: var(--v-field-label-scale);
25093
+ visibility: hidden;
25094
+ max-width: 100%;
25110
25095
  }
25111
- .v-toolbar--flat {
25112
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
25096
+ .v-field.v-field--active .v-label.v-field-label--floating {
25097
+ visibility: visible;
25113
25098
  }
25114
- .v-toolbar--floating {
25115
- display: inline-flex;
25099
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating {
25100
+ top: 7px;
25116
25101
  }
25117
- .v-toolbar--rounded {
25118
- border-radius: 4px;
25102
+
25103
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating {
25104
+ top: 5px;
25119
25105
  }
25120
25106
 
25121
- .v-toolbar__content,
25122
- .v-toolbar__extension {
25123
- align-items: center;
25107
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating {
25108
+ top: 3px;
25109
+ }
25110
+
25111
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
25112
+ transform: translateY(-16px);
25113
+ margin: 0;
25114
+ }
25115
+ .v-field--variant-outlined .v-label.v-field-label--floating {
25116
+ transform: translateY(-50%);
25117
+ transform-origin: center;
25118
+ position: static;
25119
+ margin: 0 4px;
25120
+ }
25121
+
25122
+ /* endregion */
25123
+ /* region OUTLINE */
25124
+ .v-field__outline {
25125
+ --v-field-border-width: 1px;
25126
+ --v-field-border-opacity: 0.38;
25127
+ align-items: stretch;
25128
+ contain: layout;
25124
25129
  display: flex;
25125
- flex: 0 0 auto;
25126
- position: relative;
25127
- transition: inherit;
25130
+ height: 100%;
25131
+ left: 0;
25132
+ pointer-events: none;
25133
+ position: absolute;
25134
+ right: 0;
25128
25135
  width: 100%;
25129
25136
  }
25130
-
25131
- .v-toolbar__content > .v-btn:first-child {
25132
- margin-inline-start: 10px;
25137
+ @media (hover: hover) {
25138
+ .v-field:hover .v-field__outline {
25139
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
25140
+ }
25133
25141
  }
25134
- .v-toolbar__content > .v-btn:last-child {
25135
- margin-inline-end: 10px;
25142
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
25143
+ color: rgb(var(--v-theme-error));
25136
25144
  }
25137
- .v-toolbar__content > .v-toolbar-title {
25138
- margin-inline-start: 16px;
25145
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
25146
+ --v-field-border-opacity: 1;
25139
25147
  }
25140
- .v-toolbar--density-prominent .v-toolbar__content {
25141
- align-items: flex-start;
25148
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
25149
+ --v-field-border-width: 2px;
25142
25150
  }
25143
-
25144
- .v-toolbar__image {
25151
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
25152
+ border-style: solid;
25153
+ border-width: 0 0 var(--v-field-border-width);
25154
+ opacity: var(--v-field-border-opacity);
25155
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
25156
+ content: "";
25145
25157
  position: absolute;
25146
25158
  top: 0;
25147
25159
  left: 0;
25148
25160
  width: 100%;
25149
25161
  height: 100%;
25150
- display: flex;
25151
- }
25152
-
25153
- .v-toolbar__prepend,
25154
- .v-toolbar__append {
25155
- align-items: center;
25156
- display: flex;
25157
- }
25158
-
25159
- .v-toolbar__prepend {
25160
- margin-inline-start: 10px;
25161
- margin-inline-end: auto;
25162
25162
  }
25163
-
25164
- .v-toolbar__append {
25165
- margin-inline-start: auto;
25166
- margin-inline-end: 10px;
25167
- }
25168
-
25169
- .v-toolbar-title {
25170
- flex: 1 1;
25171
- font-size: 1.25rem;
25172
- min-width: 0;
25173
- font-size: 1.25rem;
25174
- font-weight: 400;
25175
- letter-spacing: 0;
25176
- line-height: 1.75rem;
25177
- text-transform: none;
25163
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
25164
+ border-color: currentColor;
25165
+ border-style: solid;
25166
+ border-width: 0 0 2px;
25167
+ transform: scaleX(0);
25168
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
25169
+ content: "";
25170
+ position: absolute;
25171
+ top: 0;
25172
+ left: 0;
25173
+ width: 100%;
25174
+ height: 100%;
25178
25175
  }
25179
- .v-toolbar--density-prominent .v-toolbar-title {
25180
- align-self: flex-end;
25181
- padding-bottom: 6px;
25182
- font-size: 1.5rem;
25183
- font-weight: 400;
25184
- letter-spacing: 0;
25185
- line-height: 2.25rem;
25186
- text-transform: none;
25176
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
25177
+ transform: scaleX(1);
25187
25178
  }
25188
25179
 
25189
- .v-toolbar-title__placeholder {
25190
- overflow: hidden;
25191
- text-overflow: ellipsis;
25192
- white-space: nowrap;
25180
+ .v-field--variant-outlined .v-field__outline {
25181
+ border-radius: inherit;
25193
25182
  }
25194
-
25195
- .v-toolbar-items {
25196
- display: flex;
25197
- height: inherit;
25183
+ .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 {
25184
+ border: 0 solid currentColor;
25185
+ opacity: var(--v-field-border-opacity);
25186
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
25198
25187
  }
25199
- .v-toolbar-items > .v-btn {
25200
- border-radius: 0;
25201
- }.v-tooltip .v-overlay__content {
25202
- background: rgba(var(--v-theme-surface-variant), 0.7);
25203
- color: rgb(var(--v-theme-on-surface-variant));
25204
- border-radius: 4px;
25205
- font-size: 0.875rem;
25206
- line-height: 1.6;
25207
- display: inline-block;
25208
- padding: 5px 16px;
25209
- text-transform: initial;
25210
- width: auto;
25211
- opacity: 1;
25212
- pointer-events: none;
25213
- transition-property: opacity, transform;
25188
+ .v-field--variant-outlined .v-field__outline__start {
25189
+ flex: 0 0 12px;
25190
+ border-top-width: var(--v-field-border-width);
25191
+ border-bottom-width: var(--v-field-border-width);
25192
+ border-inline-start-width: var(--v-field-border-width);
25214
25193
  }
25215
- .v-tooltip .v-overlay__content[class*=enter-active] {
25216
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25217
- transition-duration: 150ms;
25194
+ .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
25195
+ border-radius: 4px 0 0 4px;
25218
25196
  }
25219
- .v-tooltip .v-overlay__content[class*=leave-active] {
25220
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25221
- transition-duration: 75ms;
25222
- }.v-window {
25223
- overflow: hidden;
25197
+ .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
25198
+ border-radius: 0 4px 4px 0;
25224
25199
  }
25225
- .v-window__container {
25226
- display: flex;
25227
- flex-direction: column;
25228
- height: inherit;
25200
+ .v-field--variant-outlined .v-field__outline__notch {
25201
+ flex: none;
25229
25202
  position: relative;
25230
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25203
+ border-width: 0 0 var(--v-field-border-width);
25231
25204
  }
25232
- .v-window__controls {
25205
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
25206
+ opacity: var(--v-field-border-opacity);
25207
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
25208
+ content: "";
25233
25209
  position: absolute;
25234
- left: 0;
25235
25210
  top: 0;
25211
+ left: 0;
25236
25212
  width: 100%;
25237
25213
  height: 100%;
25238
- display: flex;
25239
- align-items: center;
25240
- justify-content: space-between;
25241
- padding: 0 16px;
25242
- pointer-events: none;
25243
25214
  }
25244
- .v-window__controls * {
25245
- pointer-events: auto;
25215
+ .v-field--variant-outlined .v-field__outline__notch::before {
25216
+ border-width: var(--v-field-border-width) 0 0;
25246
25217
  }
25247
- .v-window--show-arrows-on-hover {
25248
- overflow: hidden;
25218
+ .v-field--variant-outlined .v-field__outline__notch::after {
25219
+ bottom: 0;
25220
+ border-width: 0 0 var(--v-field-border-width);
25249
25221
  }
25250
- .v-window--show-arrows-on-hover .v-window__left {
25251
- transform: translateX(-200%);
25222
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
25223
+ opacity: 0;
25252
25224
  }
25253
- .v-window--show-arrows-on-hover .v-window__right {
25254
- transform: translateX(200%);
25225
+
25226
+ .v-field--variant-outlined .v-field__outline__end {
25227
+ flex: 1;
25228
+ border-top-width: var(--v-field-border-width);
25229
+ border-bottom-width: var(--v-field-border-width);
25230
+ border-inline-end-width: var(--v-field-border-width);
25255
25231
  }
25256
- .v-window--show-arrows-on-hover:hover .v-window__left,
25257
- .v-window--show-arrows-on-hover:hover .v-window__right {
25258
- transform: translateX(0);
25232
+ .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
25233
+ border-radius: 0 4px 4px 0;
25259
25234
  }
25260
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25261
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25235
+ .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
25236
+ border-radius: 4px 0 0 4px;
25262
25237
  }
25263
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25264
- position: absolute !important;
25238
+
25239
+ /* endregion */
25240
+ /* region LOADER */
25241
+ .v-field__loader {
25242
+ bottom: 0;
25243
+ left: 0;
25244
+ position: absolute;
25245
+ right: 0;
25246
+ width: 100%;
25247
+ }
25248
+
25249
+ /* endregion */
25250
+ /* region OVERLAY */
25251
+ .v-field--variant-filled .v-field__overlay {
25252
+ background-color: currentColor;
25253
+ border-radius: inherit;
25254
+ opacity: 0.04;
25255
+ pointer-events: none;
25256
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
25257
+ position: absolute;
25265
25258
  top: 0;
25259
+ left: 0;
25266
25260
  width: 100%;
25261
+ height: 100%;
25267
25262
  }
25268
- .v-window-x-transition-enter-from {
25269
- transform: translateX(100%);
25263
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
25264
+ opacity: 0;
25270
25265
  }
25271
- .v-window-x-transition-leave-to {
25272
- transform: translateX(-100%);
25266
+ @media (hover: hover) {
25267
+ .v-field--variant-filled:hover .v-field__overlay {
25268
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25269
+ }
25273
25270
  }
25274
- .v-window-x-reverse-transition-enter-from {
25275
- transform: translateX(-100%);
25271
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
25272
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25276
25273
  }
25277
- .v-window-x-reverse-transition-leave-to {
25278
- transform: translateX(100%);
25274
+
25275
+ /* endregion */
25276
+ /* region MODIFIERS */
25277
+ .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
25278
+ text-align: right;
25279
25279
  }
25280
- .v-window-y-transition-enter-from {
25281
- transform: translateY(100%);
25280
+ .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
25281
+ text-align: left;
25282
25282
  }
25283
- .v-window-y-transition-leave-to {
25284
- transform: translateY(-100%);
25283
+
25284
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
25285
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
25286
+ 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;
25285
25287
  }
25286
- .v-window-y-reverse-transition-enter-from {
25287
- transform: translateY(-100%);
25288
+
25289
+ .v-field--loading .v-field__outline::after,
25290
+ .v-field--loading .v-field__outline::before {
25291
+ opacity: 0;
25288
25292
  }
25289
- .v-window-y-reverse-transition-leave-to {
25290
- transform: translateY(100%);
25291
- }.v-theme-provider {
25292
- background: rgb(var(--v-theme-background));
25293
- color: rgb(var(--v-theme-on-background));
25294
- }.v-color-picker-canvas {
25293
+
25294
+ /* endregion */.v-color-picker-canvas {
25295
25295
  position: relative;
25296
25296
  overflow: hidden;
25297
25297
  contain: strict;