@vuetify/nightly 4.0.0-master-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-master-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
  */
@@ -18428,6 +18428,16 @@ html.overflow-y-hidden {
18428
18428
  font-weight: normal;
18429
18429
  padding: 0.2em 0.4rem;
18430
18430
  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));
18431
+ }.v-virtual-scroll {
18432
+ display: block;
18433
+ flex: 1 1 auto;
18434
+ height: 100%;
18435
+ max-width: 100%;
18436
+ overflow: auto;
18437
+ position: relative;
18438
+ }
18439
+ .v-virtual-scroll__container {
18440
+ display: block;
18431
18441
  }.v-data-table {
18432
18442
  width: 100%;
18433
18443
  }
@@ -18567,16 +18577,6 @@ html.overflow-y-hidden {
18567
18577
  .v-data-table-footer__info {
18568
18578
  display: flex;
18569
18579
  padding-inline-end: 24px;
18570
- }.v-virtual-scroll {
18571
- display: block;
18572
- flex: 1 1 auto;
18573
- height: 100%;
18574
- max-width: 100%;
18575
- overflow: auto;
18576
- position: relative;
18577
- }
18578
- .v-virtual-scroll__container {
18579
- display: block;
18580
18580
  }.v-application {
18581
18581
  display: flex;
18582
18582
  background: rgb(var(--v-theme-background));
@@ -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;
@@ -21960,534 +21960,136 @@ html.overflow-y-hidden {
21960
21960
  }
21961
21961
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21962
21962
  max-width: calc(100% - 32px);
21963
- }/* region INPUT */
21964
- .v-field {
21965
- display: grid;
21966
- grid-template-areas: "prepend-inner field clear append-inner";
21967
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21968
- font-size: 16px;
21969
- letter-spacing: 0.009375em;
21970
- max-width: 100%;
21971
- border-radius: 4px;
21972
- contain: layout;
21973
- flex: 1 0;
21974
- grid-area: control;
21975
- position: relative;
21976
- --v-field-padding-start: 16px;
21977
- --v-field-padding-end: 16px;
21978
- --v-field-padding-top: 10px;
21979
- --v-field-padding-bottom: 6px;
21963
+ }.v-input--density-default {
21964
+ --file-input-chips-margin-bottom: 0px;
21980
21965
  }
21981
- .v-field--disabled {
21982
- opacity: var(--v-disabled-opacity);
21983
- pointer-events: none;
21966
+
21967
+ .v-input--density-comfortable {
21968
+ --file-input-chips-margin-bottom: 2px;
21984
21969
  }
21985
21970
 
21986
- /* endregion */
21987
- /* region MODIFIERS */
21988
- .v-field--prepended {
21989
- padding-inline-start: 12px;
21971
+ .v-input--density-compact {
21972
+ --file-input-chips-margin-bottom: 4px;
21990
21973
  }
21991
- .v-field--appended {
21992
- padding-inline-end: 12px;
21974
+
21975
+ .v-file-input input[type=file] {
21976
+ height: 100%;
21977
+ left: 0;
21978
+ opacity: 0;
21979
+ position: absolute;
21980
+ top: 0;
21981
+ width: 100%;
21982
+ z-index: 1;
21993
21983
  }
21994
- .v-field--variant-solo {
21984
+ .v-file-input .v-chip {
21985
+ margin-top: 2px;
21986
+ margin-bottom: var(--file-input-chips-margin-bottom);
21987
+ }.v-footer {
21988
+ align-items: center;
21989
+ display: flex;
21990
+ flex: 1 1 auto;
21991
+ padding: 8px 16px;
21992
+ position: relative;
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;
21995
21998
  background: rgb(var(--v-theme-surface));
21996
- border-color: transparent;
21997
21999
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21998
- 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));
21999
- }
22000
- .v-field--variant-filled {
22001
- border-bottom-left-radius: 0;
22002
- border-bottom-right-radius: 0;
22003
22000
  }
22004
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-filled {
22005
- --v-input-control-height: 56px;
22006
- --v-field-padding-bottom: 6px;
22001
+ .v-footer--border {
22002
+ border-width: thin;
22003
+ box-shadow: none;
22007
22004
  }
22008
-
22009
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-filled {
22010
- --v-input-control-height: 48px;
22011
- --v-field-padding-bottom: 2px;
22005
+ .v-footer--absolute {
22006
+ position: absolute;
22012
22007
  }
22013
-
22014
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-filled {
22015
- --v-input-control-height: 40px;
22016
- --v-field-padding-bottom: -2px;
22008
+ .v-footer--fixed {
22009
+ position: fixed;
22017
22010
  }
22018
-
22019
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
22020
- --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;
22021
22028
  }
22022
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
22023
- --v-field-padding-bottom: 16px;
22029
+ .v-icon--clickable {
22030
+ cursor: pointer;
22024
22031
  }
22025
-
22026
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
22027
- --v-field-padding-bottom: 12px;
22032
+ .v-icon--size-x-small {
22033
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
22028
22034
  }
22029
-
22030
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
22031
- --v-field-padding-bottom: 8px;
22035
+ .v-icon--size-small {
22036
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22032
22037
  }
22033
-
22034
- .v-field--variant-plain, .v-field--variant-underlined {
22035
- border-radius: 0;
22036
- padding: 0;
22038
+ .v-icon--size-default {
22039
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22037
22040
  }
22038
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
22039
- --v-field-padding-start: 0px;
22040
- --v-field-padding-end: 0px;
22041
- --v-field-padding-top: 6px;
22042
- --v-field-padding-bottom: 2px;
22041
+ .v-icon--size-large {
22042
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22043
22043
  }
22044
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
22045
- --v-input-control-height: 48px;
22044
+ .v-icon--size-x-large {
22045
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
22046
22046
  }
22047
22047
 
22048
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
22049
- --v-input-control-height: 40px;
22048
+ .v-icon__svg {
22049
+ fill: currentColor;
22050
+ width: 100%;
22051
+ height: 100%;
22050
22052
  }
22051
22053
 
22052
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
22053
- --v-input-control-height: 32px;
22054
+ .v-icon--start {
22055
+ margin-inline-end: 8px;
22054
22056
  }
22055
22057
 
22056
- .v-field.v-field--prepended {
22057
- --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;
22058
22063
  }
22059
- .v-field.v-field--appended {
22060
- --v-field-padding-end: 6px;
22064
+ .v-img--booting .v-responsive__sizer {
22065
+ transition: none;
22061
22066
  }
22062
22067
 
22063
- /* endregion */
22064
- /* region ELEMENTS */
22065
- .v-field__input {
22066
- color: inherit;
22067
- display: flex;
22068
- flex-wrap: wrap;
22069
- letter-spacing: 0.009375em;
22070
- opacity: var(--v-high-emphasis-opacity);
22071
- min-height: var(--v-input-control-height, 56px);
22072
- padding-inline-start: var(--v-field-padding-start);
22073
- padding-inline-end: var(--v-field-padding-end);
22074
- padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
22075
- 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;
22076
22077
  width: 100%;
22077
- }
22078
- .v-field__input input {
22079
- letter-spacing: inherit;
22080
- }
22081
- .v-field__input input::placeholder,
22082
- input.v-field__input::placeholder,
22083
- textarea.v-field__input::placeholder {
22084
- color: currentColor;
22085
- opacity: var(--v-disabled-opacity);
22078
+ height: 100%;
22086
22079
  }
22087
22080
 
22088
- .v-field__input:focus, .v-field__input:active {
22089
- outline: none;
22081
+ .v-img__img--preload {
22082
+ filter: blur(4px);
22090
22083
  }
22091
- .v-field__input:invalid {
22092
- box-shadow: none;
22084
+ .v-img__img--contain {
22085
+ object-fit: contain;
22086
+ }
22087
+ .v-img__img--cover {
22088
+ object-fit: cover;
22093
22089
  }
22094
22090
 
22095
- .v-field__field {
22096
- flex: 1 0;
22097
- grid-area: field;
22098
- position: relative;
22099
- align-items: flex-start;
22100
- display: flex;
22101
- }
22102
-
22103
- /* endregion */
22104
- /* region AFFIXES */
22105
- .v-field__prepend-inner {
22106
- grid-area: prepend-inner;
22107
- padding-inline-end: var(--v-field-padding-after);
22108
- }
22109
-
22110
- .v-field__clearable {
22111
- grid-area: clear;
22112
- }
22113
-
22114
- .v-field__append-inner {
22115
- grid-area: append-inner;
22116
- padding-inline-start: var(--v-field-padding-after);
22117
- }
22118
-
22119
- .v-field__prepend-inner,
22120
- .v-field__append-inner,
22121
- .v-field__clearable {
22122
- align-items: flex-start;
22123
- display: flex;
22124
- padding-top: var(--v-input-padding-top, 10px);
22125
- }
22126
-
22127
- .v-field--focused .v-field__prepend-inner,
22128
- .v-field--focused .v-field__append-inner {
22129
- opacity: 1;
22130
- }
22131
-
22132
- .v-field__prepend-inner > .v-icon,
22133
- .v-field__append-inner > .v-icon,
22134
- .v-field__clearable > .v-icon {
22135
- opacity: var(--v-medium-emphasis-opacity);
22136
- }
22137
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22138
- .v-field--disabled .v-field__append-inner > .v-icon,
22139
- .v-field--error .v-field__append-inner > .v-icon,
22140
- .v-field--disabled .v-field__clearable > .v-icon,
22141
- .v-field--error .v-field__clearable > .v-icon {
22142
- opacity: 1;
22143
- }
22144
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22145
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22146
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22147
- color: rgb(var(--v-theme-error));
22148
- }
22149
-
22150
- .v-field__clearable {
22151
- cursor: pointer;
22152
- opacity: 0;
22153
- margin-inline-start: 4px;
22154
- margin-inline-end: 4px;
22155
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22156
- transition-property: opacity, transform, width;
22157
- }
22158
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22159
- opacity: 1;
22160
- }
22161
- @media (hover: hover) {
22162
- .v-field:hover .v-field__clearable {
22163
- opacity: 1;
22164
- }
22165
- }
22166
-
22167
- /* endregion */
22168
- /* region LABEL */
22169
- .v-label.v-field-label {
22170
- contain: layout paint;
22171
- margin-inline-start: var(--v-field-padding-start);
22172
- margin-inline-end: var(--v-field-padding-end);
22173
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22174
- pointer-events: none;
22175
- position: absolute;
22176
- top: var(--v-input-padding-top, 10px);
22177
- transform-origin: left center;
22178
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22179
- transition-property: opacity, transform;
22180
- }
22181
- .v-field--active .v-label.v-field-label {
22182
- visibility: hidden;
22183
- }
22184
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22185
- opacity: 1;
22186
- }
22187
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22188
- color: rgb(var(--v-theme-error));
22189
- }
22190
- .v-label.v-field-label--floating {
22191
- --v-field-label-scale: 0.75em;
22192
- font-size: var(--v-field-label-scale);
22193
- visibility: hidden;
22194
- max-width: 100%;
22195
- }
22196
- .v-field.v-field--active .v-label.v-field-label--floating {
22197
- visibility: visible;
22198
- }
22199
- .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 {
22200
- top: 7px;
22201
- }
22202
-
22203
- .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 {
22204
- top: 5px;
22205
- }
22206
-
22207
- .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 {
22208
- top: 3px;
22209
- }
22210
-
22211
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22212
- transform: translateY(-16px);
22213
- margin: 0;
22214
- }
22215
- .v-field--variant-outlined .v-label.v-field-label--floating {
22216
- transform: translateY(-50%);
22217
- transform-origin: center;
22218
- position: static;
22219
- margin: 0 4px;
22220
- }
22221
-
22222
- /* endregion */
22223
- /* region OUTLINE */
22224
- .v-field__outline {
22225
- --v-field-border-width: 1px;
22226
- --v-field-border-opacity: 0.38;
22227
- align-items: stretch;
22228
- contain: layout;
22229
- display: flex;
22230
- height: 100%;
22231
- left: 0;
22232
- pointer-events: none;
22233
- position: absolute;
22234
- right: 0;
22235
- width: 100%;
22236
- }
22237
- @media (hover: hover) {
22238
- .v-field:hover .v-field__outline {
22239
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22240
- }
22241
- }
22242
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22243
- color: rgb(var(--v-theme-error));
22244
- }
22245
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22246
- --v-field-border-opacity: 1;
22247
- }
22248
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22249
- --v-field-border-width: 2px;
22250
- }
22251
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22252
- border-style: solid;
22253
- border-width: 0 0 var(--v-field-border-width);
22254
- opacity: var(--v-field-border-opacity);
22255
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22256
- content: "";
22257
- position: absolute;
22258
- top: 0;
22259
- left: 0;
22260
- width: 100%;
22261
- height: 100%;
22262
- }
22263
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22264
- border-color: currentColor;
22265
- border-style: solid;
22266
- border-width: 0 0 2px;
22267
- transform: scaleX(0);
22268
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22269
- content: "";
22270
- position: absolute;
22271
- top: 0;
22272
- left: 0;
22273
- width: 100%;
22274
- height: 100%;
22275
- }
22276
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22277
- transform: scaleX(1);
22278
- }
22279
-
22280
- .v-field--variant-outlined .v-field__outline {
22281
- border-radius: inherit;
22282
- }
22283
- .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 {
22284
- border: 0 solid currentColor;
22285
- opacity: var(--v-field-border-opacity);
22286
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22287
- }
22288
- .v-field--variant-outlined .v-field__outline__start {
22289
- flex: 0 0 12px;
22290
- border-top-width: var(--v-field-border-width);
22291
- border-bottom-width: var(--v-field-border-width);
22292
- border-inline-start-width: var(--v-field-border-width);
22293
- }
22294
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
22295
- border-radius: 4px 0 0 4px;
22296
- }
22297
- .v-field--variant-outlined .v-field__outline__start.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start {
22298
- border-radius: 0 4px 4px 0;
22299
- }
22300
- .v-field--variant-outlined .v-field__outline__notch {
22301
- flex: none;
22302
- position: relative;
22303
- border-width: 0 0 var(--v-field-border-width);
22304
- }
22305
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22306
- opacity: var(--v-field-border-opacity);
22307
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22308
- content: "";
22309
- position: absolute;
22310
- top: 0;
22311
- left: 0;
22312
- width: 100%;
22313
- height: 100%;
22314
- }
22315
- .v-field--variant-outlined .v-field__outline__notch::before {
22316
- border-width: var(--v-field-border-width) 0 0;
22317
- }
22318
- .v-field--variant-outlined .v-field__outline__notch::after {
22319
- bottom: 0;
22320
- border-width: 0 0 var(--v-field-border-width);
22321
- }
22322
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22323
- opacity: 0;
22324
- }
22325
-
22326
- .v-field--variant-outlined .v-field__outline__end {
22327
- flex: 1;
22328
- border-top-width: var(--v-field-border-width);
22329
- border-bottom-width: var(--v-field-border-width);
22330
- border-inline-end-width: var(--v-field-border-width);
22331
- }
22332
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
22333
- border-radius: 0 4px 4px 0;
22334
- }
22335
- .v-field--variant-outlined .v-field__outline__end.v-locale--is-rtl, .v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end {
22336
- border-radius: 4px 0 0 4px;
22337
- }
22338
-
22339
- /* endregion */
22340
- /* region LOADER */
22341
- .v-field__loader {
22342
- bottom: 0;
22343
- left: 0;
22344
- position: absolute;
22345
- right: 0;
22346
- width: 100%;
22347
- }
22348
-
22349
- /* endregion */
22350
- /* region OVERLAY */
22351
- .v-field--variant-filled .v-field__overlay {
22352
- background-color: currentColor;
22353
- border-radius: inherit;
22354
- opacity: 0.04;
22355
- pointer-events: none;
22356
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22357
- position: absolute;
22358
- top: 0;
22359
- left: 0;
22360
- width: 100%;
22361
- height: 100%;
22362
- }
22363
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22364
- opacity: 0;
22365
- }
22366
- @media (hover: hover) {
22367
- .v-field--variant-filled:hover .v-field__overlay {
22368
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22369
- }
22370
- }
22371
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22372
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22373
- }
22374
-
22375
- /* endregion */
22376
- /* region MODIFIERS */
22377
- .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
22378
- text-align: right;
22379
- }
22380
- .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
22381
- text-align: left;
22382
- }
22383
-
22384
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22385
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22386
- 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;
22387
- }
22388
-
22389
- .v-field--loading .v-field__outline::after,
22390
- .v-field--loading .v-field__outline::before {
22391
- opacity: 0;
22392
- }
22393
-
22394
- /* endregion */.v-input--density-default {
22395
- --file-input-chips-margin-bottom: 0px;
22396
- }
22397
-
22398
- .v-input--density-comfortable {
22399
- --file-input-chips-margin-bottom: 2px;
22400
- }
22401
-
22402
- .v-input--density-compact {
22403
- --file-input-chips-margin-bottom: 4px;
22404
- }
22405
-
22406
- .v-file-input input[type=file] {
22407
- height: 100%;
22408
- left: 0;
22409
- opacity: 0;
22410
- position: absolute;
22411
- top: 0;
22412
- width: 100%;
22413
- z-index: 1;
22414
- }
22415
- .v-file-input .v-chip {
22416
- margin-top: 2px;
22417
- margin-bottom: var(--file-input-chips-margin-bottom);
22418
- }.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;
22091
+ .v-img__gradient {
22092
+ background-repeat: no-repeat;
22491
22093
  }.v-input {
22492
22094
  display: grid;
22493
22095
  flex: 1 1 auto;
@@ -23117,8 +22719,6 @@ textarea.v-field__input::placeholder {
23117
22719
 
23118
22720
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
23119
22721
  opacity: 0;
23120
- }.v-locale-provider {
23121
- display: contents;
23122
22722
  }.v-main {
23123
22723
  flex: 1 0 auto;
23124
22724
  max-width: 100%;
@@ -23147,6 +22747,8 @@ textarea.v-field__input::placeholder {
23147
22747
  --v-layout-right: 0px;
23148
22748
  --v-layout-top: 0px;
23149
22749
  --v-layout-bottom: 0px;
22750
+ }.v-locale-provider {
22751
+ display: contents;
23150
22752
  }.v-menu .v-overlay__content {
23151
22753
  display: flex;
23152
22754
  flex-direction: column;
@@ -23954,44 +23556,270 @@ html.v-overlay-scroll-blocked {
23954
23556
  .v-selection-control__input > .v-icon {
23955
23557
  opacity: var(--v-medium-emphasis-opacity);
23956
23558
  }
23957
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23958
- opacity: 1;
23559
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23560
+ opacity: 1;
23561
+ }
23562
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23563
+ color: rgb(var(--v-theme-error));
23564
+ }
23565
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23566
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
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;
23660
+ }
23661
+
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;
23696
+ }
23697
+
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;
23716
+ }
23717
+
23718
+ .v-switch__loader {
23719
+ display: flex;
23720
+ }
23721
+
23722
+ .v-switch__track,
23723
+ .v-switch__thumb {
23724
+ background-color: currentColor;
23725
+ transition: none;
23726
+ }
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));
23730
+ }
23731
+
23732
+ .v-switch__track {
23733
+ border-radius: 8px;
23734
+ height: 14px;
23735
+ opacity: 0.6;
23736
+ width: 36px;
23737
+ cursor: pointer;
23738
+ }
23739
+ .v-switch--inset .v-switch__track {
23740
+ border-radius: 14px;
23741
+ height: 28px;
23742
+ width: 48px;
23743
+ }
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);
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));
23756
+ }
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);
23770
+ }
23771
+ .v-switch .v-selection-control__wrapper {
23772
+ width: auto;
23773
+ }
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;
23779
+ }
23780
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23781
+ transform: translateX(10px);
23959
23782
  }
23960
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23961
- color: rgb(var(--v-theme-error));
23783
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23784
+ transform: scale(0.8);
23962
23785
  }
23963
- .v-selection-control--focus-visible .v-selection-control__input::before {
23964
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23965
- }.v-selection-control-group {
23966
- grid-area: control;
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;
23967
23791
  display: flex;
23968
- flex-direction: column;
23969
- }
23970
- .v-selection-control-group--inline {
23971
- flex-direction: row;
23972
- flex-wrap: wrap;
23973
- }.v-sheet {
23974
- display: block;
23975
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23976
- border-style: solid;
23977
- border-width: 0;
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%;
23978
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));
23979
- border-radius: 0;
23980
- background: rgb(var(--v-theme-surface));
23981
- 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;
23982
23808
  }
23983
- .v-sheet--border {
23984
- border-width: thin;
23985
- box-shadow: none;
23809
+ .v-system-bar .v-icon {
23810
+ opacity: var(--v-medium-emphasis-opacity);
23986
23811
  }
23987
- .v-sheet--absolute {
23812
+ .v-system-bar--absolute {
23988
23813
  position: absolute;
23989
23814
  }
23990
- .v-sheet--fixed {
23815
+ .v-system-bar--fixed {
23991
23816
  position: fixed;
23992
23817
  }
23993
- .v-sheet--rounded {
23994
- border-radius: 4px;
23818
+ .v-system-bar--rounded {
23819
+ border-radius: 0;
23820
+ }
23821
+ .v-system-bar--window {
23822
+ height: 32px;
23995
23823
  }.v-slide-group {
23996
23824
  display: flex;
23997
23825
  overflow: hidden;
@@ -24034,1264 +23862,1436 @@ html.v-overlay-scroll-blocked {
24034
23862
  .v-slide-group--vertical .v-slide-group__container,
24035
23863
  .v-slide-group--vertical .v-slide-group__content {
24036
23864
  flex-direction: column;
24037
- }.v-snackbar {
24038
- justify-content: center;
24039
- padding-inline-end: var(--v-scrollbar-offset);
23865
+ }.v-tabs {
23866
+ display: flex;
23867
+ height: var(--v-tabs-height);
24040
23868
  }
24041
- .v-snackbar:not(.v-snackbar--absolute) {
24042
- height: 100vh;
24043
- position: fixed;
24044
- z-index: 10000;
23869
+ .v-tabs--density-default {
23870
+ --v-tabs-height: 48px;
24045
23871
  }
24046
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
24047
- align-items: flex-end;
23872
+ .v-tabs--density-default.v-tabs--stacked {
23873
+ --v-tabs-height: 72px;
24048
23874
  }
24049
- .v-snackbar__wrapper {
24050
- align-items: center;
24051
- display: flex;
24052
- margin: 8px;
24053
- max-width: 672px;
24054
- min-height: 48px;
24055
- min-width: 344px;
24056
- padding: 0;
24057
- pointer-events: auto;
24058
- position: relative;
24059
- border-radius: 4px;
23875
+
23876
+ .v-tabs--density-comfortable {
23877
+ --v-tabs-height: 44px;
24060
23878
  }
24061
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24062
- background: transparent;
24063
- color: inherit;
23879
+ .v-tabs--density-comfortable.v-tabs--stacked {
23880
+ --v-tabs-height: 68px;
24064
23881
  }
24065
- .v-snackbar--variant-plain {
24066
- opacity: 0.62;
23882
+
23883
+ .v-tabs--density-compact {
23884
+ --v-tabs-height: 36px;
24067
23885
  }
24068
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24069
- opacity: 1;
23886
+ .v-tabs--density-compact.v-tabs--stacked {
23887
+ --v-tabs-height: 60px;
24070
23888
  }
24071
- .v-snackbar--variant-plain .v-snackbar__overlay {
24072
- display: none;
23889
+
23890
+ .v-tabs.v-slide-group--vertical {
23891
+ height: auto;
23892
+ --v-tabs-height: 48px;
24073
23893
  }
24074
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24075
- background: rgb(var(--v-theme-surface-variant));
24076
- 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;
24077
23897
  }
24078
- .v-snackbar--variant-elevated {
24079
- 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;
24080
23902
  }
24081
- .v-snackbar--variant-flat {
24082
- 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;
24083
23906
  }
24084
- .v-snackbar--variant-outlined {
24085
- border: thin solid currentColor;
23907
+
23908
+ .v-tabs--grow {
23909
+ flex-grow: 1;
24086
23910
  }
24087
- .v-snackbar--variant-text .v-snackbar__overlay {
24088
- background: currentColor;
23911
+ .v-tabs--grow .v-tab {
23912
+ flex: 1 0 auto;
23913
+ max-width: none;
24089
23914
  }
24090
- .v-snackbar--variant-tonal .v-snackbar__underlay {
24091
- background: currentColor;
24092
- opacity: var(--v-activated-opacity);
24093
- 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 {
24094
23942
  position: absolute;
24095
- top: 0;
24096
- right: 0;
24097
23943
  bottom: 0;
24098
23944
  left: 0;
23945
+ height: 2px;
23946
+ width: 100%;
23947
+ background: currentColor;
24099
23948
  pointer-events: none;
23949
+ opacity: 0;
24100
23950
  }
24101
-
24102
- .v-snackbar__content {
24103
- flex-grow: 1;
24104
- font-size: 0.875rem;
24105
- font-weight: 400;
24106
- letter-spacing: 0.0178571429em;
24107
- line-height: 1.25rem;
24108
- margin-right: auto;
24109
- padding: 14px 16px;
24110
- text-align: initial;
24111
- }
24112
- .v-snackbar__actions {
24113
- align-items: center;
24114
- align-self: center;
24115
- display: flex;
24116
- margin-inline-end: 8px;
24117
- }
24118
- .v-snackbar__actions > .v-btn {
24119
- padding: 0 8px;
24120
- min-width: auto;
23951
+ .v-tab--selected .v-tab__slider {
23952
+ opacity: 1;
24121
23953
  }
24122
- .v-snackbar--absolute {
23954
+ .v-slide-group--vertical .v-tab__slider {
23955
+ top: 0;
24123
23956
  height: 100%;
24124
- position: absolute;
24125
- z-index: 1;
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));
24126
23961
  }
24127
- .v-snackbar--multi-line .v-snackbar__wrapper {
24128
- min-height: 68px;
23962
+ .v-table .v-table-divider {
23963
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24129
23964
  }
24130
- .v-snackbar--vertical .v-snackbar__wrapper {
24131
- flex-direction: column;
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));
24132
23968
  }
24133
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24134
- align-self: flex-end;
24135
- margin-bottom: 8px;
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));
24136
23972
  }
24137
-
24138
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24139
- transition-duration: 0.15s;
24140
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
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));
24141
23976
  }
24142
- .v-snackbar-transition-enter-active {
24143
- transition-property: opacity, transform;
23977
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
23978
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24144
23979
  }
24145
- .v-snackbar-transition-enter-from {
24146
- opacity: 0;
24147
- transform: scale(0.8);
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;
24148
23984
  }
24149
- .v-snackbar-transition-leave-active {
24150
- transition-property: opacity;
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));
24151
23989
  }
24152
- .v-snackbar-transition-leave-to {
24153
- opacity: 0;
24154
- }.v-system-bar {
24155
- align-items: center;
24156
- display: flex;
24157
- flex: 1 1 auto;
24158
- height: 24px;
24159
- justify-content: flex-end;
23990
+
23991
+ .v-table {
23992
+ --v-table-header-height: 56px;
23993
+ border-radius: inherit;
23994
+ line-height: 1.5;
24160
23995
  max-width: 100%;
24161
- padding: 0 8px;
24162
- position: relative;
24163
- text-align: end;
24164
- width: 100%;
24165
- 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));
24166
- background: rgba(var(--v-theme-on-surface-variant));
24167
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24168
- font-size: 0.75rem;
24169
- font-weight: 400;
24170
- letter-spacing: 0.0333333333em;
24171
- line-height: 1.25rem;
24172
- text-transform: none;
24173
23996
  }
24174
- .v-system-bar .v-icon {
24175
- opacity: var(--v-medium-emphasis-opacity);
23997
+ .v-table > .v-table__wrapper > table {
23998
+ width: 100%;
23999
+ border-spacing: 0;
24176
24000
  }
24177
- .v-system-bar--absolute {
24178
- position: absolute;
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);
24179
24009
  }
24180
- .v-system-bar--fixed {
24181
- position: fixed;
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;
24182
24017
  }
24183
- .v-system-bar--rounded {
24184
- border-radius: 0;
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);
24185
24022
  }
24186
- .v-system-bar--window {
24187
- height: 32px;
24188
- }.v-switch .v-label {
24189
- padding-inline-start: 10px;
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);
24190
24027
  }
24191
24028
 
24192
- .v-switch__loader {
24193
- display: flex;
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);
24033
+ }
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);
24194
24038
  }
24195
24039
 
24196
- .v-switch__track,
24197
- .v-switch__thumb {
24198
- background-color: currentColor;
24199
- transition: none;
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);
24200
24044
  }
24201
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24202
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24203
- background-color: rgb(var(--v-theme-error));
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);
24204
24049
  }
24205
24050
 
24206
- .v-switch__track {
24207
- border-radius: 8px;
24208
- height: 14px;
24209
- opacity: 0.6;
24210
- width: 36px;
24211
- cursor: pointer;
24051
+ .v-table__wrapper {
24052
+ border-radius: inherit;
24053
+ overflow: auto;
24212
24054
  }
24213
- .v-switch--inset .v-switch__track {
24214
- border-radius: 14px;
24215
- height: 28px;
24216
- width: 48px;
24055
+
24056
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24057
+ border-top-left-radius: 0;
24058
+ }
24059
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24060
+ border-top-right-radius: 0;
24217
24061
  }
24218
24062
 
24219
- .v-switch__thumb {
24220
- align-items: center;
24221
- border-radius: 50%;
24222
- color: rgb(var(--v-theme-surface));
24223
- display: flex;
24224
- height: 20px;
24225
- justify-content: center;
24226
- width: 20px;
24227
- pointer-events: none;
24228
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
24229
- 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));
24063
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24064
+ border-bottom-left-radius: 0;
24230
24065
  }
24231
- .v-switch--inset .v-switch__thumb {
24232
- 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));
24066
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24067
+ border-bottom-right-radius: 0;
24233
24068
  }
24234
- .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
24235
- display: none;
24069
+
24070
+ .v-table--fixed-height > .v-table__wrapper {
24071
+ overflow-y: auto;
24236
24072
  }
24237
24073
 
24238
- .v-switch--loading .v-selection-control__input > .v-icon {
24239
- display: none;
24074
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24075
+ border-bottom: 0px !important;
24076
+ position: sticky;
24077
+ top: 0;
24240
24078
  }
24241
24079
 
24242
- .v-switch .v-selection-control {
24243
- min-height: var(--v-input-control-height);
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);
24244
24087
  }
24245
- .v-switch .v-selection-control__wrapper {
24246
- width: auto;
24088
+ .v-textarea .v-field__field {
24089
+ --v-input-control-height: var(--v-textarea-control-height);
24247
24090
  }
24248
- .v-switch .v-selection-control__input {
24249
- border-radius: 50%;
24250
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
24251
- transform: translateX(-10px);
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));
24096
+ }
24097
+ .v-textarea--auto-grow .v-field__input {
24098
+ overflow: hidden;
24099
+ }
24100
+ .v-textarea--no-resize .v-field__input {
24101
+ resize: none;
24102
+ }
24103
+ .v-textarea__sizer {
24104
+ visibility: hidden;
24252
24105
  position: absolute;
24106
+ top: 0;
24107
+ left: 0;
24108
+ height: 0 !important;
24109
+ min-height: 0 !important;
24110
+ pointer-events: none;
24253
24111
  }
24254
- .v-switch .v-selection-control--dirty .v-selection-control__input {
24255
- transform: translateX(10px);
24112
+ .v-textarea .v-field--no-label textarea,
24113
+ .v-textarea .v-field--active textarea {
24114
+ opacity: 1;
24256
24115
  }
24257
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24258
- transform: scale(0.8);
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);
24259
24121
  }
24260
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24261
- transform: scale(0.75);
24122
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24123
+ outline: none;
24124
+ }
24125
+ .v-textarea textarea:invalid {
24262
24126
  box-shadow: none;
24263
- }.v-tabs {
24264
- display: flex;
24265
- height: var(--v-tabs-height);
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;
24266
24134
  }
24267
- .v-tabs--density-default {
24268
- --v-tabs-height: 48px;
24135
+ .v-text-field input:focus, .v-text-field input:active {
24136
+ outline: none;
24269
24137
  }
24270
- .v-tabs--density-default.v-tabs--stacked {
24271
- --v-tabs-height: 72px;
24138
+ .v-text-field input:invalid {
24139
+ box-shadow: none;
24272
24140
  }
24273
-
24274
- .v-tabs--density-comfortable {
24275
- --v-tabs-height: 44px;
24141
+ .v-text-field .v-field {
24142
+ cursor: text;
24276
24143
  }
24277
- .v-tabs--density-comfortable.v-tabs--stacked {
24278
- --v-tabs-height: 68px;
24144
+ .v-text-field--prefixed.v-text-field .v-field__input {
24145
+ --v-field-padding-start: 6px;
24279
24146
  }
24280
24147
 
24281
- .v-tabs--density-compact {
24282
- --v-tabs-height: 36px;
24283
- }
24284
- .v-tabs--density-compact.v-tabs--stacked {
24285
- --v-tabs-height: 60px;
24148
+ .v-text-field--suffixed.v-text-field .v-field__input {
24149
+ --v-field-padding-end: 0;
24286
24150
  }
24287
24151
 
24288
- .v-tabs.v-slide-group--vertical {
24289
- height: auto;
24290
- --v-tabs-height: 48px;
24152
+ .v-text-field .v-input__details {
24153
+ padding-inline-start: 16px;
24154
+ padding-inline-end: 16px;
24291
24155
  }
24292
-
24293
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24294
- margin-inline-start: 42px;
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;
24295
24162
  }
24296
24163
 
24297
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24298
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24299
- margin-inline-end: auto;
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;
24170
+ display: flex;
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);
24176
+ }
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);
24300
24188
  }
24301
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24302
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24303
- margin-inline-start: auto;
24189
+
24190
+ /* endregion */
24191
+ /* region MODIFIERS */
24192
+ .v-text-field--flush-details .v-input__details {
24193
+ padding: 0;
24304
24194
  }
24305
24195
 
24306
- .v-tabs--grow {
24307
- flex-grow: 1;
24196
+ /* endregion */.v-timeline .v-timeline-divider__dot {
24197
+ background: rgb(var(--v-theme-on-surface-variant));
24308
24198
  }
24309
- .v-tabs--grow .v-tab {
24310
- flex: 1 0 auto;
24311
- max-width: none;
24199
+ .v-timeline .v-timeline-divider__inner-dot {
24200
+ background: rgb(var(--v-theme-on-surface));
24312
24201
  }
24313
24202
 
24314
- .v-tabs--align-tabs-end .v-tab:first-child {
24315
- margin-inline-start: auto;
24203
+ .v-timeline {
24204
+ display: grid;
24205
+ grid-auto-flow: dense;
24206
+ position: relative;
24316
24207
  }
24317
- .v-tabs--align-tabs-end .v-tab:last-child {
24318
- margin-inline-end: 0;
24208
+ .v-timeline--horizontal.v-timeline {
24209
+ grid-column-gap: 24px;
24210
+ width: 100%;
24319
24211
  }
24320
-
24321
- @media (max-width: 1279.98px) {
24322
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24323
- margin-inline-start: 52px;
24324
- }
24325
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24326
- margin-inline-end: 52px;
24327
- }
24328
- }.v-tab.v-tab {
24329
- --v-btn-height: var(--v-tabs-height);
24330
- min-width: 90px;
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;
24331
24214
  }
24332
- .v-slide-group--horizontal .v-tab {
24333
- max-width: 360px;
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;
24334
24217
  }
24335
- .v-slide-group--vertical .v-tab {
24336
- justify-content: start;
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;
24337
24221
  }
24338
-
24339
- .v-tab__slider {
24340
- position: absolute;
24341
- bottom: 0;
24342
- left: 0;
24343
- height: 2px;
24344
- width: 100%;
24345
- background: currentColor;
24346
- pointer-events: none;
24347
- opacity: 0;
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;
24348
24226
  }
24349
- .v-tab--selected .v-tab__slider {
24350
- opacity: 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;
24351
24231
  }
24352
- .v-slide-group--vertical .v-tab__slider {
24353
- top: 0;
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;
24235
+ }
24236
+
24237
+ .v-timeline--vertical.v-timeline {
24238
+ grid-row-gap: 24px;
24354
24239
  height: 100%;
24355
- width: 2px;
24356
- }.v-table {
24357
- background: rgb(var(--v-theme-surface));
24358
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24359
24240
  }
24360
- .v-table .v-table-divider {
24361
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
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;
24362
24243
  }
24363
- .v-table .v-table__wrapper > table > thead > tr > th {
24364
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24365
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
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;
24366
24246
  }
24367
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24368
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24369
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
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;
24370
24251
  }
24371
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24372
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24373
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
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;
24374
24255
  }
24375
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover {
24376
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
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;
24377
24259
  }
24378
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24379
- background: rgb(var(--v-theme-surface));
24380
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24381
- z-index: 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;
24382
24264
  }
24383
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24384
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24385
- background: rgb(var(--v-theme-surface));
24386
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24265
+
24266
+ .v-timeline-item {
24267
+ display: contents;
24387
24268
  }
24388
24269
 
24389
- .v-table {
24390
- --v-table-header-height: 56px;
24391
- border-radius: inherit;
24392
- line-height: 1.5;
24393
- max-width: 100%;
24270
+ .v-timeline-divider {
24271
+ position: relative;
24272
+ display: flex;
24273
+ align-items: center;
24394
24274
  }
24395
- .v-table > .v-table__wrapper > table {
24275
+ .v-timeline--horizontal .v-timeline-divider {
24276
+ flex-direction: row;
24277
+ grid-row: 2;
24396
24278
  width: 100%;
24397
- border-spacing: 0;
24398
24279
  }
24399
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24400
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24401
- .v-table > .v-table__wrapper > table > thead > tr > td,
24402
- .v-table > .v-table__wrapper > table > thead > tr > th,
24403
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24404
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24405
- padding: 0 16px;
24406
- transition: height cubic-bezier(0.4, 0, 0.2, 1);
24280
+
24281
+ .v-timeline--vertical .v-timeline-divider {
24282
+ height: 100%;
24283
+ flex-direction: column;
24284
+ grid-column: 2;
24407
24285
  }
24408
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24409
- .v-table > .v-table__wrapper > table > thead > tr > th,
24410
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24411
- font-weight: 500;
24412
- -webkit-user-select: none;
24413
- user-select: none;
24414
- text-align: start;
24286
+
24287
+ .v-timeline-divider__before {
24288
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
24289
+ position: absolute;
24415
24290
  }
24416
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > th,
24417
- .v-table--density-default > .v-table__wrapper > table > thead > tr > th,
24418
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > th {
24419
- height: calc(var(--v-table-header-height) + 0px);
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));
24420
24294
  }
24421
- .v-table--density-default > .v-table__wrapper > table > tbody > tr > td,
24422
- .v-table--density-default > .v-table__wrapper > table > thead > tr > td,
24423
- .v-table--density-default > .v-table__wrapper > table > tfoot > tr > td {
24424
- height: calc(var(--v-table-row-height, 52px) + 0px);
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;
24425
24298
  }
24426
-
24427
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > th,
24428
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > th,
24429
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > th {
24430
- height: calc(var(--v-table-header-height) - 8px);
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;
24431
24302
  }
24432
- .v-table--density-comfortable > .v-table__wrapper > table > tbody > tr > td,
24433
- .v-table--density-comfortable > .v-table__wrapper > table > thead > tr > td,
24434
- .v-table--density-comfortable > .v-table__wrapper > table > tfoot > tr > td {
24435
- height: calc(var(--v-table-row-height, 52px) - 8px);
24303
+
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;
24436
24308
  }
24437
24309
 
24438
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > th,
24439
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > th,
24440
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > th {
24441
- height: calc(var(--v-table-header-height) - 16px);
24310
+ .v-timeline-divider__after {
24311
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
24312
+ position: absolute;
24442
24313
  }
24443
- .v-table--density-compact > .v-table__wrapper > table > tbody > tr > td,
24444
- .v-table--density-compact > .v-table__wrapper > table > thead > tr > td,
24445
- .v-table--density-compact > .v-table__wrapper > table > tfoot > tr > td {
24446
- height: calc(var(--v-table-row-height, 52px) - 16px);
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));
24317
+ }
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;
24321
+ }
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;
24447
24325
  }
24448
24326
 
24449
- .v-table__wrapper {
24450
- border-radius: inherit;
24451
- overflow: auto;
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;
24452
24331
  }
24453
24332
 
24454
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24455
- border-top-left-radius: 0;
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;
24456
24336
  }
24457
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24458
- border-top-right-radius: 0;
24337
+
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));
24340
+ }
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;
24459
24348
  }
24460
24349
 
24461
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24462
- border-bottom-left-radius: 0;
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));
24463
24352
  }
24464
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24465
- border-bottom-right-radius: 0;
24353
+
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));
24356
+ }
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;
24360
+ }
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;
24466
24364
  }
24467
24365
 
24468
- .v-table--fixed-height > .v-table__wrapper {
24469
- 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));
24470
24368
  }
24471
24369
 
24472
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24473
- border-bottom: 0px !important;
24474
- position: sticky;
24475
- 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));
24476
24372
  }
24477
24373
 
24478
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24479
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24480
- border-top: 0px !important;
24481
- 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));
24482
24376
  bottom: 0;
24483
- }.v-textarea .v-field {
24484
- --v-textarea-control-height: var(--v-input-control-height);
24485
- }
24486
- .v-textarea .v-field__field {
24487
- --v-input-control-height: var(--v-textarea-control-height);
24488
- }
24489
- .v-textarea .v-field__input {
24490
- flex: 1 1 auto;
24491
- outline: none;
24492
- -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));
24493
- 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));
24494
24377
  }
24495
- .v-textarea--auto-grow .v-field__input {
24496
- 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));
24497
24381
  }
24498
- .v-textarea--no-resize .v-field__input {
24499
- 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;
24500
24385
  }
24501
- .v-textarea__sizer {
24502
- visibility: hidden;
24503
- position: absolute;
24504
- 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 {
24505
24387
  left: 0;
24506
- height: 0 !important;
24507
- min-height: 0 !important;
24508
- pointer-events: none;
24509
- }
24510
- .v-textarea .v-field--no-label textarea,
24511
- .v-textarea .v-field--active textarea {
24512
- opacity: 1;
24388
+ right: initial;
24513
24389
  }
24514
- .v-textarea textarea {
24515
- opacity: 0;
24516
- flex: 1;
24517
- min-width: 0;
24518
- 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));
24519
24399
  }
24520
- .v-textarea textarea:focus, .v-textarea textarea:active {
24521
- outline: none;
24400
+ .v-timeline-divider__dot--size-x-small {
24401
+ height: 22px;
24402
+ width: 22px;
24522
24403
  }
24523
- .v-textarea textarea:invalid {
24524
- box-shadow: none;
24525
- }/* region BLOCK */
24526
- .v-text-field input {
24527
- color: inherit;
24528
- opacity: 0;
24529
- flex: 1;
24530
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24531
- 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);
24532
24407
  }
24533
- .v-text-field input:focus, .v-text-field input:active {
24534
- outline: none;
24408
+ .v-timeline-divider__dot--size-small {
24409
+ height: 30px;
24410
+ width: 30px;
24535
24411
  }
24536
- .v-text-field input:invalid {
24537
- 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);
24538
24415
  }
24539
- .v-text-field .v-field {
24540
- cursor: text;
24416
+ .v-timeline-divider__dot--size-default {
24417
+ height: 38px;
24418
+ width: 38px;
24541
24419
  }
24542
- .v-text-field--prefixed.v-text-field .v-field__input {
24543
- --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);
24544
24423
  }
24545
-
24546
- .v-text-field--suffixed.v-text-field .v-field__input {
24547
- --v-field-padding-end: 0;
24424
+ .v-timeline-divider__dot--size-large {
24425
+ height: 46px;
24426
+ width: 46px;
24548
24427
  }
24549
-
24550
- .v-text-field .v-input__details {
24551
- padding-inline-start: 16px;
24552
- 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);
24553
24431
  }
24554
- .v-text-field .v-field--no-label input,
24555
- .v-text-field .v-field--active input {
24556
- opacity: 1;
24432
+ .v-timeline-divider__dot--size-x-large {
24433
+ height: 54px;
24434
+ width: 54px;
24557
24435
  }
24558
- .v-text-field .v-field--single-line input {
24559
- 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);
24560
24439
  }
24561
24440
 
24562
- /* endregion */
24563
- /* region ELEMENTS */
24564
- .v-text-field__prefix, .v-text-field__suffix {
24441
+ .v-timeline-divider__inner-dot {
24565
24442
  align-items: center;
24566
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24567
- cursor: default;
24443
+ border-radius: 50%;
24568
24444
  display: flex;
24569
- opacity: 0;
24570
- transition: inherit;
24571
- white-space: nowrap;
24572
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24573
- padding-bottom: var(--v-field-padding-bottom, 6px);
24574
- }
24575
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24576
- opacity: 1;
24445
+ justify-content: center;
24577
24446
  }
24578
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24579
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24447
+
24448
+ /** Modifiers **/
24449
+ .v-timeline--horizontal.v-timeline--justify-center {
24450
+ grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
24580
24451
  }
24581
- .v-text-field__prefix {
24582
- padding-inline-start: var(--v-field-padding-start);
24452
+
24453
+ .v-timeline--vertical.v-timeline--justify-center {
24454
+ grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
24583
24455
  }
24584
- .v-text-field__suffix {
24585
- padding-inline-end: var(--v-field-padding-end);
24456
+
24457
+ .v-timeline--horizontal.v-timeline--justify-auto {
24458
+ grid-template-rows: auto min-content auto;
24586
24459
  }
24587
24460
 
24588
- /* endregion */
24589
- /* region MODIFIERS */
24590
- .v-text-field--flush-details .v-input__details {
24591
- padding: 0;
24461
+ .v-timeline--vertical.v-timeline--justify-auto {
24462
+ grid-template-columns: auto min-content auto;
24592
24463
  }
24593
24464
 
24594
- /* endregion */.v-theme-provider {
24595
- background: rgb(var(--v-theme-background));
24596
- color: rgb(var(--v-theme-on-background));
24597
- }.v-timeline .v-timeline-divider__dot {
24598
- background: rgb(var(--v-theme-on-surface-variant));
24465
+ .v-timeline--horizontal.v-timeline--density-comfortable {
24466
+ height: 100%;
24599
24467
  }
24600
- .v-timeline .v-timeline-divider__inner-dot {
24601
- background: rgb(var(--v-theme-on-surface));
24468
+ .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
24469
+ grid-template-rows: min-content min-content auto;
24602
24470
  }
24603
-
24604
- .v-timeline {
24605
- display: grid;
24606
- grid-auto-flow: dense;
24607
- position: relative;
24471
+ .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
24472
+ grid-template-rows: auto min-content min-content;
24608
24473
  }
24609
- .v-timeline--horizontal.v-timeline {
24610
- grid-column-gap: 24px;
24474
+
24475
+ .v-timeline--vertical.v-timeline--density-comfortable {
24611
24476
  width: 100%;
24612
24477
  }
24613
- .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 {
24614
- padding-inline-start: 24px;
24478
+ .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
24479
+ grid-template-columns: min-content min-content auto;
24615
24480
  }
24616
- .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 {
24617
- padding-inline-end: 24px;
24481
+ .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
24482
+ grid-template-columns: auto min-content min-content;
24618
24483
  }
24619
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24620
- grid-row: 3;
24621
- padding-block-start: 24px;
24484
+
24485
+ .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
24486
+ grid-template-rows: 0 min-content auto;
24622
24487
  }
24623
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24624
- grid-row: 1;
24625
- padding-block-end: 24px;
24626
- align-self: flex-end;
24488
+ .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
24489
+ grid-template-rows: auto min-content 0;
24627
24490
  }
24628
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24491
+ .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
24629
24492
  grid-row: 1;
24630
- padding-block-end: 24px;
24631
- align-self: flex-end;
24632
- }
24633
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24634
- grid-row: 3;
24635
- padding-block-start: 24px;
24636
24493
  }
24637
24494
 
24638
- .v-timeline--vertical.v-timeline {
24639
- grid-row-gap: 24px;
24640
- height: 100%;
24495
+ .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
24496
+ grid-template-columns: 0 min-content auto;
24641
24497
  }
24642
- .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 {
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 {
24506
+ grid-row: 3;
24507
+ padding-block-end: initial;
24643
24508
  padding-block-start: 24px;
24644
24509
  }
24645
- .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 {
24510
+ .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24511
+ grid-row: 1;
24646
24512
  padding-block-end: 24px;
24513
+ padding-block-start: initial;
24647
24514
  }
24648
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .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 {
24649
24523
  grid-column: 1;
24650
24524
  justify-self: flex-end;
24651
24525
  padding-inline-end: 24px;
24526
+ padding-inline-start: initial;
24652
24527
  }
24653
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24654
- grid-column: 3;
24655
- padding-inline-start: 24px;
24528
+
24529
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24530
+ grid-row: 1;
24531
+ padding-block-end: 24px;
24532
+ padding-block-start: initial;
24656
24533
  }
24657
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24658
- grid-column: 3;
24659
- padding-inline-start: 24px;
24534
+ .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24535
+ grid-row: 3;
24536
+ padding-block-end: initial;
24537
+ padding-block-start: 24px;
24660
24538
  }
24661
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
24539
+
24540
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24662
24541
  grid-column: 1;
24663
24542
  justify-self: flex-end;
24664
24543
  padding-inline-end: 24px;
24665
24544
  }
24666
-
24667
- .v-timeline-item {
24668
- display: contents;
24545
+ .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24546
+ grid-column: 3;
24547
+ padding-inline-start: 24px;
24548
+ justify-self: flex-start;
24669
24549
  }
24670
24550
 
24671
- .v-timeline-divider {
24672
- position: relative;
24673
- display: flex;
24674
- align-items: center;
24675
- }
24676
- .v-timeline--horizontal .v-timeline-divider {
24677
- flex-direction: row;
24678
- grid-row: 2;
24679
- width: 100%;
24551
+ .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
24552
+ height: inherit;
24553
+ width: inherit;
24680
24554
  }
24681
24555
 
24682
- .v-timeline--vertical .v-timeline-divider {
24683
- height: 100%;
24684
- flex-direction: column;
24685
- grid-column: 2;
24556
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24557
+ display: none;
24686
24558
  }
24687
24559
 
24688
- .v-timeline-divider__before {
24689
- background: rgba(var(--v-border-color), var(--v-border-opacity));
24690
- position: absolute;
24560
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24561
+ display: none;
24691
24562
  }
24692
- .v-timeline--horizontal .v-timeline-divider__before {
24693
- height: var(--v-timeline-line-thickness);
24694
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24563
+
24564
+ .v-timeline--align-center {
24565
+ --v-timeline-line-size-base: 50%;
24566
+ --v-timeline-line-size-offset: 0px;
24695
24567
  }
24696
- .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
24697
- left: -12px;
24698
- right: initial;
24568
+ .v-timeline--horizontal.v-timeline--align-center {
24569
+ justify-items: center;
24699
24570
  }
24700
- .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before {
24701
- right: -12px;
24702
- left: initial;
24571
+ .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
24572
+ justify-content: center;
24703
24573
  }
24704
24574
 
24705
- .v-timeline--vertical .v-timeline-divider__before {
24706
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24707
- width: var(--v-timeline-line-thickness);
24708
- top: -12px;
24575
+ .v-timeline--vertical.v-timeline--align-center {
24576
+ align-items: center;
24709
24577
  }
24710
-
24711
- .v-timeline-divider__after {
24712
- background: rgba(var(--v-border-color), var(--v-border-opacity));
24713
- position: absolute;
24578
+ .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
24579
+ justify-content: center;
24714
24580
  }
24715
- .v-timeline--horizontal .v-timeline-divider__after {
24716
- height: var(--v-timeline-line-thickness);
24717
- 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;
24718
24585
  }
24719
- .v-timeline--horizontal .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__after {
24720
- right: -12px;
24721
- left: initial;
24586
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
24587
+ --v-timeline-line-size-offset: 24px;
24722
24588
  }
24723
- .v-timeline--horizontal .v-timeline-divider__after.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__after {
24724
- left: -12px;
24725
- right: initial;
24589
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
24590
+ --v-timeline-line-size-offset: -12px;
24726
24591
  }
24727
-
24728
- .v-timeline--vertical .v-timeline-divider__after {
24729
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24730
- width: var(--v-timeline-line-thickness);
24731
- bottom: -12px;
24592
+ .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
24593
+ --v-timeline-line-size-offset: 0px;
24732
24594
  }
24733
-
24734
- .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
24735
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24736
- top: 0;
24595
+ .v-timeline--horizontal.v-timeline--align-start {
24596
+ justify-items: flex-start;
24737
24597
  }
24738
-
24739
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
24740
- 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;
24741
24600
  }
24742
- .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 {
24743
- left: 0;
24744
- 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));
24745
24603
  }
24746
- .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 {
24747
- right: 0;
24748
- 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));
24749
24606
  }
24750
24607
 
24751
- .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
24752
- 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;
24753
24610
  }
24754
-
24755
- .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
24756
- 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;
24757
24613
  }
24758
- .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 {
24759
- right: -12px;
24760
- 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));
24761
24616
  }
24762
- .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 {
24763
- left: -12px;
24764
- 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));
24765
24619
  }
24766
24620
 
24767
- .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
24768
- 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;
24769
24623
  }
24770
-
24771
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
24772
- 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;
24773
24626
  }
24774
24627
 
24775
- .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
24776
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24777
- 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;
24778
24630
  }
24779
24631
 
24780
- .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
24781
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
24782
- }
24783
- .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 {
24784
- right: 0;
24785
- left: initial;
24632
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24633
+ --v-timeline-line-size-offset: 12px;
24786
24634
  }
24787
- .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 {
24788
- left: 0;
24789
- 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;
24790
24637
  }
24791
24638
 
24792
- .v-timeline-divider__dot {
24793
- z-index: 1;
24794
- flex-shrink: 0;
24795
- 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;
24796
24646
  display: flex;
24797
- justify-content: center;
24798
- 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;
24799
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));
24800
24662
  }
24801
- .v-timeline-divider__dot--size-x-small {
24802
- height: 22px;
24803
- width: 22px;
24663
+ .v-toolbar--border {
24664
+ border-width: thin;
24665
+ box-shadow: none;
24804
24666
  }
24805
- .v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
24806
- height: calc(100% - 6px);
24807
- width: calc(100% - 6px);
24667
+ .v-toolbar--absolute {
24668
+ position: absolute;
24808
24669
  }
24809
- .v-timeline-divider__dot--size-small {
24810
- height: 30px;
24811
- width: 30px;
24670
+ .v-toolbar--collapse {
24671
+ max-width: 112px;
24672
+ overflow: hidden;
24812
24673
  }
24813
- .v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
24814
- height: calc(100% - 8px);
24815
- width: calc(100% - 8px);
24674
+ .v-toolbar--collapse .v-toolbar-title {
24675
+ display: none;
24816
24676
  }
24817
- .v-timeline-divider__dot--size-default {
24818
- height: 38px;
24819
- width: 38px;
24677
+ .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
24678
+ border-bottom-right-radius: 24px;
24820
24679
  }
24821
- .v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
24822
- height: calc(100% - 8px);
24823
- 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;
24824
24682
  }
24825
- .v-timeline-divider__dot--size-large {
24826
- height: 46px;
24827
- width: 46px;
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));
24828
24685
  }
24829
- .v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
24830
- height: calc(100% - 8px);
24831
- width: calc(100% - 8px);
24686
+ .v-toolbar--floating {
24687
+ display: inline-flex;
24832
24688
  }
24833
- .v-timeline-divider__dot--size-x-large {
24834
- height: 54px;
24835
- width: 54px;
24689
+ .v-toolbar--rounded {
24690
+ border-radius: 4px;
24836
24691
  }
24837
- .v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
24838
- height: calc(100% - 10px);
24839
- width: calc(100% - 10px);
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;
24705
+ }
24706
+ .v-toolbar__content > .v-btn:last-child {
24707
+ margin-inline-end: 10px;
24708
+ }
24709
+ .v-toolbar__content > .v-toolbar-title {
24710
+ margin-inline-start: 16px;
24711
+ }
24712
+ .v-toolbar--density-prominent .v-toolbar__content {
24713
+ align-items: flex-start;
24714
+ }
24715
+
24716
+ .v-toolbar__image {
24717
+ position: absolute;
24718
+ top: 0;
24719
+ left: 0;
24720
+ width: 100%;
24721
+ height: 100%;
24722
+ display: flex;
24840
24723
  }
24841
24724
 
24842
- .v-timeline-divider__inner-dot {
24725
+ .v-toolbar__prepend,
24726
+ .v-toolbar__append {
24843
24727
  align-items: center;
24844
- border-radius: 50%;
24845
24728
  display: flex;
24846
- justify-content: center;
24847
24729
  }
24848
24730
 
24849
- /** Modifiers **/
24850
- .v-timeline--horizontal.v-timeline--justify-center {
24851
- 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;
24852
24734
  }
24853
24735
 
24854
- .v-timeline--vertical.v-timeline--justify-center {
24855
- 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;
24856
24739
  }
24857
24740
 
24858
- .v-timeline--horizontal.v-timeline--justify-auto {
24859
- 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;
24860
24750
  }
24861
-
24862
- .v-timeline--vertical.v-timeline--justify-auto {
24863
- grid-template-columns: auto min-content auto;
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;
24864
24759
  }
24865
24760
 
24866
- .v-timeline--horizontal.v-timeline--density-comfortable {
24867
- height: 100%;
24868
- }
24869
- .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
24870
- grid-template-rows: min-content min-content auto;
24871
- }
24872
- .v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
24873
- grid-template-rows: auto min-content min-content;
24761
+ .v-toolbar-title__placeholder {
24762
+ overflow: hidden;
24763
+ text-overflow: ellipsis;
24764
+ white-space: nowrap;
24874
24765
  }
24875
24766
 
24876
- .v-timeline--vertical.v-timeline--density-comfortable {
24877
- width: 100%;
24878
- }
24879
- .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
24880
- grid-template-columns: min-content min-content auto;
24767
+ .v-toolbar-items {
24768
+ display: flex;
24769
+ height: inherit;
24881
24770
  }
24882
- .v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
24883
- grid-template-columns: auto min-content min-content;
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;
24884
24786
  }
24885
-
24886
- .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
24887
- grid-template-rows: 0 min-content auto;
24787
+ .v-tooltip .v-overlay__content[class*=enter-active] {
24788
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24789
+ transition-duration: 150ms;
24888
24790
  }
24889
- .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
24890
- grid-template-rows: auto min-content 0;
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;
24891
24796
  }
24892
- .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
24893
- grid-row: 1;
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);
24894
24803
  }
24895
-
24896
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
24897
- grid-template-columns: 0 min-content auto;
24804
+ .v-window__controls {
24805
+ position: absolute;
24806
+ left: 0;
24807
+ top: 0;
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;
24898
24815
  }
24899
- .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
24900
- grid-template-columns: auto min-content 0;
24816
+ .v-window__controls * {
24817
+ pointer-events: auto;
24901
24818
  }
24902
- .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
24903
- grid-column: 3;
24819
+ .v-window--show-arrows-on-hover {
24820
+ overflow: hidden;
24904
24821
  }
24905
-
24906
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24907
- grid-row: 3;
24908
- padding-block-end: initial;
24909
- padding-block-start: 24px;
24822
+ .v-window--show-arrows-on-hover .v-window__left {
24823
+ transform: translateX(-200%);
24910
24824
  }
24911
- .v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24912
- grid-row: 1;
24913
- padding-block-end: 24px;
24914
- padding-block-start: initial;
24825
+ .v-window--show-arrows-on-hover .v-window__right {
24826
+ transform: translateX(200%);
24915
24827
  }
24916
-
24917
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
24918
- grid-column: 3;
24919
- padding-inline-start: 24px;
24920
- padding-inline-end: initial;
24921
- justify-self: flex-start;
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);
24922
24831
  }
24923
- .v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
24924
- grid-column: 1;
24925
- justify-self: flex-end;
24926
- padding-inline-end: 24px;
24927
- padding-inline-start: initial;
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
-
24930
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24931
- grid-row: 1;
24932
- padding-block-end: 24px;
24933
- padding-block-start: initial;
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%;
24934
24839
  }
24935
- .v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24936
- grid-row: 3;
24937
- padding-block-end: initial;
24938
- padding-block-start: 24px;
24840
+ .v-window-x-transition-enter-from {
24841
+ transform: translateX(100%);
24939
24842
  }
24940
-
24941
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
24942
- grid-column: 1;
24943
- justify-self: flex-end;
24944
- padding-inline-end: 24px;
24843
+ .v-window-x-transition-leave-to {
24844
+ transform: translateX(-100%);
24945
24845
  }
24946
- .v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
24947
- grid-column: 3;
24948
- padding-inline-start: 24px;
24949
- justify-self: flex-start;
24846
+ .v-window-x-reverse-transition-enter-from {
24847
+ transform: translateX(-100%);
24950
24848
  }
24951
-
24952
- .v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
24953
- height: inherit;
24954
- width: inherit;
24849
+ .v-window-x-reverse-transition-leave-to {
24850
+ transform: translateX(100%);
24955
24851
  }
24956
-
24957
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24958
- display: none;
24852
+ .v-window-y-transition-enter-from {
24853
+ transform: translateY(100%);
24959
24854
  }
24960
-
24961
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24962
- display: none;
24855
+ .v-window-y-transition-leave-to {
24856
+ transform: translateY(-100%);
24963
24857
  }
24964
-
24965
- .v-timeline--align-center {
24966
- --v-timeline-line-size-base: 50%;
24967
- --v-timeline-line-size-offset: 0px;
24858
+ .v-window-y-reverse-transition-enter-from {
24859
+ transform: translateY(-100%);
24968
24860
  }
24969
- .v-timeline--horizontal.v-timeline--align-center {
24970
- justify-items: center;
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;
24971
24880
  }
24972
- .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
24973
- justify-content: center;
24881
+ .v-field--disabled {
24882
+ opacity: var(--v-disabled-opacity);
24883
+ pointer-events: none;
24974
24884
  }
24975
24885
 
24976
- .v-timeline--vertical.v-timeline--align-center {
24977
- align-items: center;
24886
+ /* endregion */
24887
+ /* region MODIFIERS */
24888
+ .v-field--prepended {
24889
+ padding-inline-start: 12px;
24978
24890
  }
24979
- .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
24980
- justify-content: center;
24891
+ .v-field--appended {
24892
+ padding-inline-end: 12px;
24981
24893
  }
24982
-
24983
- .v-timeline--align-start {
24984
- --v-timeline-line-size-base: 100%;
24985
- --v-timeline-line-size-offset: 12px;
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));
24986
24899
  }
24987
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
24988
- --v-timeline-line-size-offset: 24px;
24900
+ .v-field--variant-filled {
24901
+ border-bottom-left-radius: 0;
24902
+ border-bottom-right-radius: 0;
24989
24903
  }
24990
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
24991
- --v-timeline-line-size-offset: -12px;
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;
24992
24907
  }
24993
- .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
24994
- --v-timeline-line-size-offset: 0px;
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;
24995
24912
  }
24996
- .v-timeline--horizontal.v-timeline--align-start {
24997
- justify-items: flex-start;
24913
+
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;
24998
24917
  }
24999
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25000
- justify-content: flex-start;
24918
+
24919
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
24920
+ --v-field-padding-top: 0px;
25001
24921
  }
25002
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25003
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
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;
25004
24924
  }
25005
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25006
- 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));
24925
+
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;
25007
24928
  }
25008
24929
 
25009
- .v-timeline--vertical.v-timeline--align-start {
25010
- align-items: flex-start;
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;
25011
24932
  }
25012
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25013
- justify-content: flex-start;
24933
+
24934
+ .v-field--variant-plain, .v-field--variant-underlined {
24935
+ border-radius: 0;
24936
+ padding: 0;
25014
24937
  }
25015
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25016
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
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;
25017
24943
  }
25018
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25019
- 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));
24944
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
24945
+ --v-input-control-height: 48px;
25020
24946
  }
25021
24947
 
25022
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25023
- --v-timeline-line-size-offset: 12px;
25024
- }
25025
- .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 {
25026
- padding-block-start: 0;
24948
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
24949
+ --v-input-control-height: 40px;
25027
24950
  }
25028
24951
 
25029
- .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 {
25030
- padding-inline-start: 0;
24952
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
24953
+ --v-input-control-height: 32px;
25031
24954
  }
25032
24955
 
25033
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25034
- --v-timeline-line-size-offset: 12px;
24956
+ .v-field.v-field--prepended {
24957
+ --v-field-padding-start: 6px;
25035
24958
  }
25036
- .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 {
25037
- padding-block-end: 0;
24959
+ .v-field.v-field--appended {
24960
+ --v-field-padding-end: 6px;
25038
24961
  }
25039
24962
 
25040
- .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 {
25041
- padding-inline-end: 0;
25042
- }.v-toolbar {
25043
- align-items: flex-start;
24963
+ /* endregion */
24964
+ /* region ELEMENTS */
24965
+ .v-field__input {
24966
+ color: inherit;
25044
24967
  display: flex;
25045
- flex: none;
25046
- flex-direction: column;
25047
- justify-content: space-between;
25048
- max-width: 100%;
25049
- overflow: hidden;
25050
- position: relative;
25051
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25052
- transition-property: height, width, transform, max-width, left, right, top, bottom;
25053
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25054
- border-style: solid;
25055
- border-width: 0;
25056
- 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));
25057
- border-radius: 0;
25058
- background: rgb(var(--v-theme-on-surface-variant));
25059
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25060
- }
25061
- .v-toolbar--border {
25062
- border-width: thin;
25063
- box-shadow: none;
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%;
25064
24977
  }
25065
- .v-toolbar--absolute {
25066
- position: absolute;
24978
+ .v-field__input input {
24979
+ letter-spacing: inherit;
25067
24980
  }
25068
- .v-toolbar--collapse {
25069
- max-width: 112px;
25070
- overflow: hidden;
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);
25071
24986
  }
25072
- .v-toolbar--collapse .v-toolbar-title {
25073
- display: none;
24987
+
24988
+ .v-field__input:focus, .v-field__input:active {
24989
+ outline: none;
25074
24990
  }
25075
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
25076
- border-bottom-right-radius: 24px;
24991
+ .v-field__input:invalid {
24992
+ box-shadow: none;
25077
24993
  }
25078
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
25079
- border-bottom-left-radius: 24px;
24994
+
24995
+ .v-field__field {
24996
+ flex: 1 0;
24997
+ grid-area: field;
24998
+ position: relative;
24999
+ align-items: flex-start;
25000
+ display: flex;
25080
25001
  }
25081
- .v-toolbar--flat {
25082
- 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));
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);
25083
25008
  }
25084
- .v-toolbar--floating {
25085
- display: inline-flex;
25009
+
25010
+ .v-field__clearable {
25011
+ grid-area: clear;
25086
25012
  }
25087
- .v-toolbar--rounded {
25088
- border-radius: 4px;
25013
+
25014
+ .v-field__append-inner {
25015
+ grid-area: append-inner;
25016
+ padding-inline-start: var(--v-field-padding-after);
25089
25017
  }
25090
25018
 
25091
- .v-toolbar__content,
25092
- .v-toolbar__extension {
25093
- align-items: center;
25019
+ .v-field__prepend-inner,
25020
+ .v-field__append-inner,
25021
+ .v-field__clearable {
25022
+ align-items: flex-start;
25094
25023
  display: flex;
25095
- flex: 0 0 auto;
25096
- position: relative;
25097
- transition: inherit;
25098
- width: 100%;
25024
+ padding-top: var(--v-input-padding-top, 10px);
25099
25025
  }
25100
25026
 
25101
- .v-toolbar__content > .v-btn:first-child {
25102
- margin-inline-start: 10px;
25027
+ .v-field--focused .v-field__prepend-inner,
25028
+ .v-field--focused .v-field__append-inner {
25029
+ opacity: 1;
25103
25030
  }
25104
- .v-toolbar__content > .v-btn:last-child {
25105
- margin-inline-end: 10px;
25031
+
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);
25106
25036
  }
25107
- .v-toolbar__content > .v-toolbar-title {
25108
- margin-inline-start: 16px;
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;
25109
25043
  }
25110
- .v-toolbar--density-prominent .v-toolbar__content {
25111
- align-items: flex-start;
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));
25112
25048
  }
25113
25049
 
25114
- .v-toolbar__image {
25115
- position: absolute;
25116
- top: 0;
25117
- left: 0;
25118
- width: 100%;
25119
- height: 100%;
25120
- display: flex;
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;
25121
25057
  }
25122
-
25123
- .v-toolbar__prepend,
25124
- .v-toolbar__append {
25125
- align-items: center;
25126
- display: flex;
25058
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
25059
+ opacity: 1;
25127
25060
  }
25128
-
25129
- .v-toolbar__prepend {
25130
- margin-inline-start: 10px;
25131
- margin-inline-end: auto;
25061
+ @media (hover: hover) {
25062
+ .v-field:hover .v-field__clearable {
25063
+ opacity: 1;
25064
+ }
25132
25065
  }
25133
25066
 
25134
- .v-toolbar__append {
25135
- margin-inline-start: auto;
25136
- margin-inline-end: 10px;
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;
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;
25080
+ }
25081
+ .v-field--active .v-label.v-field-label {
25082
+ visibility: hidden;
25083
+ }
25084
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
25085
+ opacity: 1;
25086
+ }
25087
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
25088
+ color: rgb(var(--v-theme-error));
25089
+ }
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%;
25095
+ }
25096
+ .v-field.v-field--active .v-label.v-field-label--floating {
25097
+ visibility: visible;
25098
+ }
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;
25137
25101
  }
25138
25102
 
25139
- .v-toolbar-title {
25140
- flex: 1 1;
25141
- font-size: 1.25rem;
25142
- min-width: 0;
25143
- font-size: 1.25rem;
25144
- font-weight: 400;
25145
- letter-spacing: 0;
25146
- line-height: 1.75rem;
25147
- text-transform: none;
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;
25148
25105
  }
25149
- .v-toolbar--density-prominent .v-toolbar-title {
25150
- align-self: flex-end;
25151
- padding-bottom: 6px;
25152
- font-size: 1.5rem;
25153
- font-weight: 400;
25154
- letter-spacing: 0;
25155
- line-height: 2.25rem;
25156
- text-transform: none;
25106
+
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;
25157
25109
  }
25158
25110
 
25159
- .v-toolbar-title__placeholder {
25160
- overflow: hidden;
25161
- text-overflow: ellipsis;
25162
- white-space: nowrap;
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;
25163
25120
  }
25164
25121
 
25165
- .v-toolbar-items {
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;
25166
25129
  display: flex;
25167
- height: inherit;
25168
- }
25169
- .v-toolbar-items > .v-btn {
25170
- border-radius: 0;
25171
- }.v-tooltip .v-overlay__content {
25172
- background: rgba(var(--v-theme-surface-variant), 0.7);
25173
- color: rgb(var(--v-theme-on-surface-variant));
25174
- border-radius: 4px;
25175
- font-size: 0.875rem;
25176
- line-height: 1.6;
25177
- display: inline-block;
25178
- padding: 5px 16px;
25179
- text-transform: initial;
25180
- width: auto;
25181
- opacity: 1;
25130
+ height: 100%;
25131
+ left: 0;
25182
25132
  pointer-events: none;
25183
- transition-property: opacity, transform;
25133
+ position: absolute;
25134
+ right: 0;
25135
+ width: 100%;
25184
25136
  }
25185
- .v-tooltip .v-overlay__content[class*=enter-active] {
25186
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25187
- transition-duration: 150ms;
25137
+ @media (hover: hover) {
25138
+ .v-field:hover .v-field__outline {
25139
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
25140
+ }
25188
25141
  }
25189
- .v-tooltip .v-overlay__content[class*=leave-active] {
25190
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25191
- transition-duration: 75ms;
25192
- }.v-window {
25193
- overflow: hidden;
25142
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
25143
+ color: rgb(var(--v-theme-error));
25194
25144
  }
25195
- .v-window__container {
25196
- display: flex;
25197
- flex-direction: column;
25198
- height: inherit;
25199
- position: relative;
25200
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25145
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
25146
+ --v-field-border-opacity: 1;
25201
25147
  }
25202
- .v-window__controls {
25148
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
25149
+ --v-field-border-width: 2px;
25150
+ }
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: "";
25203
25157
  position: absolute;
25158
+ top: 0;
25204
25159
  left: 0;
25160
+ width: 100%;
25161
+ height: 100%;
25162
+ }
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;
25205
25171
  top: 0;
25172
+ left: 0;
25206
25173
  width: 100%;
25207
25174
  height: 100%;
25208
- display: flex;
25209
- align-items: center;
25210
- justify-content: space-between;
25211
- padding: 0 16px;
25212
- pointer-events: none;
25213
25175
  }
25214
- .v-window__controls * {
25215
- pointer-events: auto;
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);
25216
25178
  }
25217
- .v-window--show-arrows-on-hover {
25218
- overflow: hidden;
25179
+
25180
+ .v-field--variant-outlined .v-field__outline {
25181
+ border-radius: inherit;
25219
25182
  }
25220
- .v-window--show-arrows-on-hover .v-window__left {
25221
- transform: translateX(-200%);
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);
25222
25187
  }
25223
- .v-window--show-arrows-on-hover .v-window__right {
25224
- transform: translateX(200%);
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);
25225
25193
  }
25226
- .v-window--show-arrows-on-hover:hover .v-window__left,
25227
- .v-window--show-arrows-on-hover:hover .v-window__right {
25228
- transform: translateX(0);
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;
25229
25196
  }
25230
- .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 {
25231
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
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;
25232
25199
  }
25233
- .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 {
25234
- position: absolute !important;
25200
+ .v-field--variant-outlined .v-field__outline__notch {
25201
+ flex: none;
25202
+ position: relative;
25203
+ border-width: 0 0 var(--v-field-border-width);
25204
+ }
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: "";
25209
+ position: absolute;
25235
25210
  top: 0;
25211
+ left: 0;
25236
25212
  width: 100%;
25213
+ height: 100%;
25237
25214
  }
25238
- .v-window-x-transition-enter-from {
25239
- transform: translateX(100%);
25240
- }
25241
- .v-window-x-transition-leave-to {
25242
- transform: translateX(-100%);
25243
- }
25244
- .v-window-x-reverse-transition-enter-from {
25245
- transform: translateX(-100%);
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-x-reverse-transition-leave-to {
25248
- transform: translateX(100%);
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-y-transition-enter-from {
25251
- transform: translateY(100%);
25222
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
25223
+ opacity: 0;
25252
25224
  }
25253
- .v-window-y-transition-leave-to {
25254
- transform: translateY(-100%);
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-y-reverse-transition-enter-from {
25257
- transform: translateY(-100%);
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;
25258
25234
  }
25259
- .v-window-y-reverse-transition-leave-to {
25260
- transform: translateY(100%);
25261
- }.v-img {
25262
- --v-theme-overlay-multiplier: 3;
25263
- z-index: 0;
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;
25264
25237
  }
25265
- .v-img--booting .v-responsive__sizer {
25266
- transition: none;
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%;
25267
25247
  }
25268
25248
 
25269
- .v-img__img,
25270
- .v-img__picture,
25271
- .v-img__gradient,
25272
- .v-img__placeholder,
25273
- .v-img__error {
25274
- z-index: -1;
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);
25275
25257
  position: absolute;
25276
25258
  top: 0;
25277
25259
  left: 0;
25278
25260
  width: 100%;
25279
25261
  height: 100%;
25280
25262
  }
25263
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
25264
+ opacity: 0;
25265
+ }
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
+ }
25270
+ }
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));
25273
+ }
25281
25274
 
25282
- .v-img__img--preload {
25283
- filter: blur(4px);
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;
25284
25279
  }
25285
- .v-img__img--contain {
25286
- object-fit: contain;
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;
25287
25282
  }
25288
- .v-img__img--cover {
25289
- object-fit: cover;
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;
25290
25287
  }
25291
25288
 
25292
- .v-img__gradient {
25293
- background-repeat: no-repeat;
25294
- }.v-color-picker-canvas {
25289
+ .v-field--loading .v-field__outline::after,
25290
+ .v-field--loading .v-field__outline::before {
25291
+ opacity: 0;
25292
+ }
25293
+
25294
+ /* endregion */.v-color-picker-canvas {
25295
25295
  position: relative;
25296
25296
  overflow: hidden;
25297
25297
  contain: strict;