@hh.ru/magritte-ui-input 9.0.10 → 9.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/BaseInput.js +1 -1
  2. package/DateTimeInput.js +1 -1
  3. package/UncontrolledDateTimeInput.js +1 -1
  4. package/index.css +320 -393
  5. package/{index.esm-CU66lABX.js → index.esm-LrCm-Ziw.js} +1 -1
  6. package/{index.esm-CU66lABX.js.map → index.esm-LrCm-Ziw.js.map} +1 -1
  7. package/index.js +1 -1
  8. package/maskito-exports.js +1 -1
  9. package/package.json +6 -6
  10. package/useDateTimeMask.js +1 -1
package/index.css CHANGED
@@ -1,436 +1,363 @@
1
1
  :root{
2
- --magritte-color-text-primary-v23-2-1:#000000;
3
- --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#CCD5DF;
4
- --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#0070ff;
5
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
6
- --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
7
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
8
- --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#EEF1F7;
9
- --magritte-color-component-input-background-field-v23-2-1:#ffffff;
10
- --magritte-color-component-input-background-state-field-hovered-v23-2-1:#ffffff;
11
- --magritte-color-component-input-background-state-field-focused-v23-2-1:#ffffff;
12
- --magritte-color-component-input-background-state-field-invalid-v23-2-1:#ffffff;
13
- --magritte-color-component-input-background-state-field-disabled-v23-2-1:#F4F6FB;
14
- --magritte-color-component-input-stroke-field-v23-2-1:#DCE3EB;
15
- --magritte-color-component-input-text-state-content-disabled-v23-2-1:#AABBCA;
16
- --magritte-color-component-input-text-state-label-disabled-v23-2-1:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#AABBCA;
18
- --magritte-color-component-input-text-state-description-disabled-v23-2-1:#AABBCA;
19
- --magritte-color-component-input-text-state-content-hovered-v23-2-1:#000000;
20
- --magritte-color-component-input-text-state-content-focused-v23-2-1:#000000;
21
- --magritte-color-component-input-text-state-content-invalid-v23-2-1:#000000;
22
- --magritte-color-component-input-text-state-label-hovered-v23-2-1:#768694;
23
- --magritte-color-component-input-text-state-label-focused-v23-2-1:#768694;
24
- --magritte-color-component-input-text-state-label-invalid-v23-2-1:#768694;
25
- --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#768694;
26
- --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#AABBCA;
27
- --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#AABBCA;
28
- --magritte-color-component-input-text-state-description-hovered-v23-2-1:#768694;
29
- --magritte-color-component-input-text-state-description-focused-v23-2-1:#768694;
30
- --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
31
- --magritte-color-component-input-counter-background-content-v23-2-1:#EEF1F7;
32
- --magritte-color-component-input-counter-background-state-content-disabled-v23-2-1:#CCD5DF;
33
- --magritte-color-component-input-counter-text-state-content-disabled-v23-2-1:#96aabb;
34
- --magritte-color-component-input-counter-text-content-v23-2-1:#8293a2;
35
- --magritte-color-component-input-icon-content-v23-2-1:#6a7885;
36
- --magritte-color-component-input-icon-state-content-hovered-v23-2-1:#6a7885;
37
- --magritte-color-component-input-icon-state-content-focused-v23-2-1:#000000;
38
- --magritte-color-component-input-icon-state-content-invalid-v23-2-1:#6a7885;
39
- --magritte-color-component-input-icon-state-content-disabled-v23-2-1:#AABBCA;
40
- --magritte-color-component-input-text-content-v23-2-1:#000000;
41
- --magritte-color-component-input-text-label-v23-2-1:#768694;
42
- --magritte-color-component-input-text-placeholder-v23-2-1:#AABBCA;
43
- --magritte-color-component-input-text-description-v23-2-1:#768694;
2
+ --magritte-color-text-primary-v23-2-2:#000000;
3
+ --magritte-color-component-input-stroke-state-field-hovered-v23-2-2:#CCD5DF;
4
+ --magritte-color-component-input-stroke-state-field-focused-v23-2-2:#0070ff;
5
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-2:#0070ff7a;
6
+ --magritte-color-component-input-stroke-state-field-invalid-v23-2-2:#ff4d3a;
7
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-2:#ff4d3a7a;
8
+ --magritte-color-component-input-stroke-state-field-disabled-v23-2-2:#EEF1F7;
9
+ --magritte-color-component-input-background-field-v23-2-2:#ffffff;
10
+ --magritte-color-component-input-background-state-field-hovered-v23-2-2:#ffffff;
11
+ --magritte-color-component-input-background-state-field-focused-v23-2-2:#ffffff;
12
+ --magritte-color-component-input-background-state-field-invalid-v23-2-2:#ffffff;
13
+ --magritte-color-component-input-background-state-field-disabled-v23-2-2:#F4F6FB;
14
+ --magritte-color-component-input-stroke-field-v23-2-2:#DCE3EB;
15
+ --magritte-color-component-input-text-state-content-disabled-v23-2-2:#AABBCA;
16
+ --magritte-color-component-input-text-state-label-disabled-v23-2-2:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-2-2:#AABBCA;
18
+ --magritte-color-component-input-text-state-description-disabled-v23-2-2:#AABBCA;
19
+ --magritte-color-component-input-text-state-content-hovered-v23-2-2:#000000;
20
+ --magritte-color-component-input-text-state-content-focused-v23-2-2:#000000;
21
+ --magritte-color-component-input-text-state-content-invalid-v23-2-2:#000000;
22
+ --magritte-color-component-input-text-state-label-hovered-v23-2-2:#768694;
23
+ --magritte-color-component-input-text-state-label-focused-v23-2-2:#768694;
24
+ --magritte-color-component-input-text-state-label-invalid-v23-2-2:#768694;
25
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-2-2:#768694;
26
+ --magritte-color-component-input-text-state-placeholder-focused-v23-2-2:#AABBCA;
27
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-2-2:#AABBCA;
28
+ --magritte-color-component-input-text-state-description-hovered-v23-2-2:#768694;
29
+ --magritte-color-component-input-text-state-description-focused-v23-2-2:#768694;
30
+ --magritte-color-component-input-text-state-description-invalid-v23-2-2:#ff4d3a;
31
+ --magritte-color-component-input-counter-background-content-v23-2-2:#EEF1F7;
32
+ --magritte-color-component-input-counter-background-state-content-disabled-v23-2-2:#CCD5DF;
33
+ --magritte-color-component-input-counter-text-state-content-disabled-v23-2-2:#96aabb;
34
+ --magritte-color-component-input-counter-text-content-v23-2-2:#8293a2;
35
+ --magritte-color-component-input-icon-content-v23-2-2:#6a7885;
36
+ --magritte-color-component-input-icon-state-content-hovered-v23-2-2:#6a7885;
37
+ --magritte-color-component-input-icon-state-content-focused-v23-2-2:#000000;
38
+ --magritte-color-component-input-icon-state-content-invalid-v23-2-2:#6a7885;
39
+ --magritte-color-component-input-icon-state-content-disabled-v23-2-2:#AABBCA;
40
+ --magritte-color-component-input-text-content-v23-2-2:#000000;
41
+ --magritte-color-component-input-text-label-v23-2-2:#768694;
42
+ --magritte-color-component-input-text-placeholder-v23-2-2:#AABBCA;
43
+ --magritte-color-component-input-text-description-v23-2-2:#768694;
44
44
  }
45
45
 
46
46
  :root{
47
- --magritte-typography-label-2-regular-font-family-v23-2-1:"hh sans";
48
- --magritte-typography-label-2-regular-font-weight-v23-2-1:400;
49
- --magritte-typography-label-2-regular-line-height-v23-2-1:22px;
50
- --magritte-typography-label-2-regular-font-size-v23-2-1:16px;
51
- --magritte-typography-label-2-regular-letter-spacing-v23-2-1:0em;
52
- --magritte-typography-label-2-regular-text-indent-v23-2-1:0px;
53
- --magritte-typography-label-2-regular-text-transform-v23-2-1:none;
54
- --magritte-typography-label-2-regular-text-decoration-v23-2-1:none;
55
- --magritte-typography-label-3-regular-font-family-v23-2-1:"hh sans";
56
- --magritte-typography-label-3-regular-font-weight-v23-2-1:400;
57
- --magritte-typography-label-3-regular-line-height-v23-2-1:20px;
58
- --magritte-typography-label-3-regular-font-size-v23-2-1:14px;
59
- --magritte-typography-label-3-regular-letter-spacing-v23-2-1:0.005em;
60
- --magritte-typography-label-3-regular-text-indent-v23-2-1:0px;
61
- --magritte-typography-label-3-regular-text-transform-v23-2-1:none;
62
- --magritte-typography-label-3-regular-text-decoration-v23-2-1:none;
63
- --magritte-typography-label-4-regular-font-family-v23-2-1:"hh sans";
64
- --magritte-typography-label-4-regular-font-weight-v23-2-1:400;
65
- --magritte-typography-label-4-regular-line-height-v23-2-1:18px;
66
- --magritte-typography-label-4-regular-font-size-v23-2-1:12px;
67
- --magritte-typography-label-4-regular-letter-spacing-v23-2-1:0.01em;
68
- --magritte-typography-label-4-regular-text-indent-v23-2-1:0px;
69
- --magritte-typography-label-4-regular-text-transform-v23-2-1:none;
70
- --magritte-typography-label-4-regular-text-decoration-v23-2-1:none;
71
- --magritte-color-base-blue-95-v23-2-1:#e7f2ff;
72
- --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
73
- --magritte-semantic-animation-ease-in-out-100-duration-v23-2-1:100ms;
74
- --magritte-semantic-animation-ease-in-out-200-duration-v23-2-1:200ms;
47
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-2:cubic-bezier(0.25, 0.1, 0.25, 1);
48
+ --magritte-semantic-animation-ease-in-out-100-duration-v23-2-2:100ms;
49
+ --magritte-semantic-animation-ease-in-out-200-duration-v23-2-2:200ms;
75
50
  }
76
51
 
77
52
  .magritte-night-theme{
78
- --magritte-color-text-primary-v23-2-1:#ffffff;
79
- --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#3B3B3B;
80
- --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#0070ff;
81
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
82
- --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
83
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
84
- --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#111;
85
- --magritte-color-component-input-background-field-v23-2-1:#111;
86
- --magritte-color-component-input-background-state-field-hovered-v23-2-1:#111;
87
- --magritte-color-component-input-background-state-field-focused-v23-2-1:#111;
88
- --magritte-color-component-input-background-state-field-invalid-v23-2-1:#111;
89
- --magritte-color-component-input-background-state-field-disabled-v23-2-1:#111;
90
- --magritte-color-component-input-stroke-field-v23-2-1:#303030;
91
- --magritte-color-component-input-text-content-v23-2-1:#ffffff;
92
- --magritte-color-component-input-text-label-v23-2-1:#919191;
93
- --magritte-color-component-input-text-placeholder-v23-2-1:#535353;
94
- --magritte-color-component-input-text-description-v23-2-1:#6A6A6A;
95
- --magritte-color-component-input-text-state-content-disabled-v23-2-1:#474747;
96
- --magritte-color-component-input-text-state-label-disabled-v23-2-1:#474747;
97
- --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#474747;
98
- --magritte-color-component-input-text-state-description-disabled-v23-2-1:#535353;
99
- --magritte-color-component-input-text-state-content-hovered-v23-2-1:#ffffff;
100
- --magritte-color-component-input-text-state-content-focused-v23-2-1:#ffffff;
101
- --magritte-color-component-input-text-state-content-invalid-v23-2-1:#ffffff;
102
- --magritte-color-component-input-text-state-label-hovered-v23-2-1:#919191;
103
- --magritte-color-component-input-text-state-label-focused-v23-2-1:#919191;
104
- --magritte-color-component-input-text-state-label-invalid-v23-2-1:#919191;
105
- --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#5E5E5E;
106
- --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#535353;
107
- --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#535353;
108
- --magritte-color-component-input-text-state-description-hovered-v23-2-1:#535353;
109
- --magritte-color-component-input-text-state-description-focused-v23-2-1:#535353;
110
- --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
111
- --magritte-color-component-input-counter-background-content-v23-2-1:#EEF1F7;
112
- --magritte-color-component-input-counter-background-state-content-disabled-v23-2-1:#CCD5DF;
113
- --magritte-color-component-input-counter-text-state-content-disabled-v23-2-1:#96aabb;
114
- --magritte-color-component-input-counter-text-content-v23-2-1:#6a7885;
115
- --magritte-color-component-input-icon-state-content-hovered-v23-2-1:#5E5E5E;
116
- --magritte-color-component-input-icon-state-content-focused-v23-2-1:#ffffff;
117
- --magritte-color-component-input-icon-state-content-invalid-v23-2-1:#767676;
118
- --magritte-color-component-input-icon-state-content-disabled-v23-2-1:#474747;
119
- --magritte-color-component-input-icon-content-v23-2-1:#ABABAB;
53
+ --magritte-color-text-primary-v23-2-2:#ffffff;
54
+ --magritte-color-component-input-stroke-state-field-hovered-v23-2-2:#3B3B3B;
55
+ --magritte-color-component-input-stroke-state-field-disabled-v23-2-2:#111;
56
+ --magritte-color-component-input-background-field-v23-2-2:#111;
57
+ --magritte-color-component-input-background-state-field-hovered-v23-2-2:#111;
58
+ --magritte-color-component-input-background-state-field-focused-v23-2-2:#111;
59
+ --magritte-color-component-input-background-state-field-invalid-v23-2-2:#111;
60
+ --magritte-color-component-input-background-state-field-disabled-v23-2-2:#111;
61
+ --magritte-color-component-input-stroke-field-v23-2-2:#303030;
62
+ --magritte-color-component-input-text-content-v23-2-2:#ffffff;
63
+ --magritte-color-component-input-text-label-v23-2-2:#919191;
64
+ --magritte-color-component-input-text-placeholder-v23-2-2:#535353;
65
+ --magritte-color-component-input-text-description-v23-2-2:#6A6A6A;
66
+ --magritte-color-component-input-text-state-content-disabled-v23-2-2:#474747;
67
+ --magritte-color-component-input-text-state-label-disabled-v23-2-2:#474747;
68
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-2-2:#474747;
69
+ --magritte-color-component-input-text-state-description-disabled-v23-2-2:#535353;
70
+ --magritte-color-component-input-text-state-content-hovered-v23-2-2:#ffffff;
71
+ --magritte-color-component-input-text-state-content-focused-v23-2-2:#ffffff;
72
+ --magritte-color-component-input-text-state-content-invalid-v23-2-2:#ffffff;
73
+ --magritte-color-component-input-text-state-label-hovered-v23-2-2:#919191;
74
+ --magritte-color-component-input-text-state-label-focused-v23-2-2:#919191;
75
+ --magritte-color-component-input-text-state-label-invalid-v23-2-2:#919191;
76
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-2-2:#5E5E5E;
77
+ --magritte-color-component-input-text-state-placeholder-focused-v23-2-2:#535353;
78
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-2-2:#535353;
79
+ --magritte-color-component-input-text-state-description-hovered-v23-2-2:#535353;
80
+ --magritte-color-component-input-text-state-description-focused-v23-2-2:#535353;
81
+ --magritte-color-component-input-counter-text-content-v23-2-2:#6a7885;
82
+ --magritte-color-component-input-icon-state-content-hovered-v23-2-2:#5E5E5E;
83
+ --magritte-color-component-input-icon-state-content-focused-v23-2-2:#ffffff;
84
+ --magritte-color-component-input-icon-state-content-invalid-v23-2-2:#767676;
85
+ --magritte-color-component-input-icon-state-content-disabled-v23-2-2:#474747;
86
+ --magritte-color-component-input-icon-content-v23-2-2:#ABABAB;
120
87
  }
121
88
 
122
89
  .magritte-zp-day-theme{
123
- --magritte-color-text-primary-v23-2-1:#000000;
124
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
125
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
126
- --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#CCD5DF;
127
- --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#7195AF;
128
- --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
129
- --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#EEF1F7;
130
- --magritte-color-component-input-background-field-v23-2-1:#ffffff;
131
- --magritte-color-component-input-background-state-field-hovered-v23-2-1:#ffffff;
132
- --magritte-color-component-input-background-state-field-focused-v23-2-1:#ffffff;
133
- --magritte-color-component-input-background-state-field-invalid-v23-2-1:#ffffff;
134
- --magritte-color-component-input-background-state-field-disabled-v23-2-1:#F4F6FB;
135
- --magritte-color-component-input-stroke-field-v23-2-1:#DCE3EB;
136
- --magritte-color-component-input-text-content-v23-2-1:#000000;
137
- --magritte-color-component-input-text-label-v23-2-1:#768694;
138
- --magritte-color-component-input-text-placeholder-v23-2-1:#AABBCA;
139
- --magritte-color-component-input-text-description-v23-2-1:#768694;
140
- --magritte-color-component-input-text-state-content-disabled-v23-2-1:#AABBCA;
141
- --magritte-color-component-input-text-state-label-disabled-v23-2-1:#AABBCA;
142
- --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#AABBCA;
143
- --magritte-color-component-input-text-state-description-disabled-v23-2-1:#AABBCA;
144
- --magritte-color-component-input-text-state-content-hovered-v23-2-1:#000000;
145
- --magritte-color-component-input-text-state-content-focused-v23-2-1:#000000;
146
- --magritte-color-component-input-text-state-content-invalid-v23-2-1:#000000;
147
- --magritte-color-component-input-text-state-label-hovered-v23-2-1:#768694;
148
- --magritte-color-component-input-text-state-label-focused-v23-2-1:#768694;
149
- --magritte-color-component-input-text-state-label-invalid-v23-2-1:#768694;
150
- --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#768694;
151
- --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#AABBCA;
152
- --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#AABBCA;
153
- --magritte-color-component-input-text-state-description-hovered-v23-2-1:#768694;
154
- --magritte-color-component-input-text-state-description-focused-v23-2-1:#768694;
155
- --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
156
- --magritte-color-component-input-counter-background-content-v23-2-1:#EEF1F7;
157
- --magritte-color-component-input-counter-background-state-content-disabled-v23-2-1:#CCD5DF;
158
- --magritte-color-component-input-counter-text-state-content-disabled-v23-2-1:#96aabb;
159
- --magritte-color-component-input-counter-text-content-v23-2-1:#8293a2;
160
- --magritte-color-component-input-icon-content-v23-2-1:#AABBCA;
161
- --magritte-color-component-input-icon-state-content-hovered-v23-2-1:#6a7885;
162
- --magritte-color-component-input-icon-state-content-focused-v23-2-1:#000000;
163
- --magritte-color-component-input-icon-state-content-invalid-v23-2-1:#6a7885;
164
- --magritte-color-component-input-icon-state-content-disabled-v23-2-1:#AABBCA;
165
- }
166
- .magritte-input___LVTID_9-0-10{
90
+ --magritte-color-component-input-stroke-state-field-focused-v23-2-2:#7195AF;
91
+ --magritte-color-component-input-icon-content-v23-2-2:#AABBCA;
92
+ }
93
+ .magritte-input___LVTID_9-0-12{
167
94
  display:inline-block;
168
95
  width:100%;
169
- --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
170
- --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v23-2-1);
96
+ --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-2);
97
+ --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v23-2-2);
171
98
  }
172
- .magritte-input___LVTID_9-0-10:has(input:autofill) .magritte-label___YlOQk_9-0-10{
99
+ .magritte-input___LVTID_9-0-12:has(input:autofill) .magritte-label___YlOQk_9-0-12{
173
100
  display:none;
174
101
  }
175
- .magritte-input___LVTID_9-0-10.magritte-elevated___kPcsM_9-0-10:has(input:autofill) .magritte-label___YlOQk_9-0-10{
102
+ .magritte-input___LVTID_9-0-12.magritte-elevated___kPcsM_9-0-12:has(input:autofill) .magritte-label___YlOQk_9-0-12{
176
103
  display:block;
177
- transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v23-2-1) + var(--magritte-typography-label-2-regular-line-height-v23-2-1)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v23-2-1) / 2)));
104
+ transform:translateY(calc(0px - ((18px + 22px) / 2) + (18px / 2)));
178
105
  transition-duration:0ms;
179
- color:var(--magritte-color-component-input-text-label-v23-2-1);
180
- }
181
- .magritte-input___LVTID_9-0-10.magritte-elevated___kPcsM_9-0-10:has(input:autofill) .magritte-label___YlOQk_9-0-10 > *{
182
- font-family:var(--magritte-typography-label-4-regular-font-family-v23-2-1);
183
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-2-1);
184
- line-height:var(--magritte-typography-label-4-regular-line-height-v23-2-1);
185
- font-size:var(--magritte-typography-label-4-regular-font-size-v23-2-1);
186
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-2-1);
187
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-2-1);
188
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-2-1);
189
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-2-1);
106
+ color:var(--magritte-color-component-input-text-label-v23-2-2);
107
+ }
108
+ .magritte-input___LVTID_9-0-12.magritte-elevated___kPcsM_9-0-12:has(input:autofill) .magritte-label___YlOQk_9-0-12 > *{
109
+ font-family:"hh sans";
110
+ font-weight:400;
111
+ line-height:18px;
112
+ font-size:12px;
113
+ letter-spacing:0.01em;
114
+ text-indent:0px;
115
+ text-transform:none;
116
+ text-decoration:none;
190
117
  }
191
118
  @media (min-width: 1020px){
192
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover{
193
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
119
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover{
120
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-2);
194
121
  }
195
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-position-container___kZnvZ_9-0-10{
196
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
197
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
122
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-position-container___kZnvZ_9-0-12{
123
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
124
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
198
125
  }
199
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-field___9S8Tw_9-0-10{
200
- color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
201
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
126
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-field___9S8Tw_9-0-12{
127
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
128
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
202
129
  opacity:1;
203
130
  }
204
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-hint___EFGK0_9-0-10{
131
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-hint___EFGK0_9-0-12{
205
132
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
206
- color:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
133
+ color:var(--magritte-color-component-input-text-state-description-hovered-v23-2-2);
207
134
  }
208
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-additional-value___9Kyap_9-0-10{
209
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
135
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-additional-value___9Kyap_9-0-12{
136
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
210
137
  }
211
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-label_elevated___PVcpC_9-0-10{
212
- color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-1);
138
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-label_elevated___PVcpC_9-0-12{
139
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-2);
213
140
  }
214
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-label___YlOQk_9-0-10:not(.magritte-label_elevated___PVcpC_9-0-10),
215
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-fixed-placeholder___PYJIH_9-0-10{
216
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-1);
141
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-label___YlOQk_9-0-12:not(.magritte-label_elevated___PVcpC_9-0-12),
142
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-fixed-placeholder___PYJIH_9-0-12{
143
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-2);
217
144
  }
218
- body.magritte-old-layout .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-icon___HEDsQ_9-0-10{
219
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v23-2-1);
145
+ body.magritte-old-layout .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-icon___HEDsQ_9-0-12{
146
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v23-2-2);
220
147
  }
221
148
  }
222
149
  @media (min-width: 1024px){
223
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover{
224
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
150
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover{
151
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-2);
225
152
  }
226
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-position-container___kZnvZ_9-0-10{
227
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
228
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
153
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-position-container___kZnvZ_9-0-12{
154
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
155
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
229
156
  }
230
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-field___9S8Tw_9-0-10{
231
- color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
232
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
157
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-field___9S8Tw_9-0-12{
158
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
159
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
233
160
  opacity:1;
234
161
  }
235
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-hint___EFGK0_9-0-10{
162
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-hint___EFGK0_9-0-12{
236
163
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
237
- color:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
164
+ color:var(--magritte-color-component-input-text-state-description-hovered-v23-2-2);
238
165
  }
239
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-additional-value___9Kyap_9-0-10{
240
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
166
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-additional-value___9Kyap_9-0-12{
167
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
241
168
  }
242
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-label_elevated___PVcpC_9-0-10{
243
- color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-1);
169
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-label_elevated___PVcpC_9-0-12{
170
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-2);
244
171
  }
245
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-label___YlOQk_9-0-10:not(.magritte-label_elevated___PVcpC_9-0-10),
246
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-fixed-placeholder___PYJIH_9-0-10{
247
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-1);
172
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-label___YlOQk_9-0-12:not(.magritte-label_elevated___PVcpC_9-0-12),
173
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-fixed-placeholder___PYJIH_9-0-12{
174
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-2);
248
175
  }
249
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-10:not(.magritte-focused___dxrHD_9-0-10):not(.magritte-invalid___L5MVa_9-0-10):not(.magritte-disabled___0NH6E_9-0-10):hover .magritte-icon___HEDsQ_9-0-10{
250
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v23-2-1);
176
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-12:not(.magritte-focused___dxrHD_9-0-12):not(.magritte-invalid___L5MVa_9-0-12):not(.magritte-disabled___0NH6E_9-0-12):hover .magritte-icon___HEDsQ_9-0-12{
177
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v23-2-2);
251
178
  }
252
179
  }
253
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10{
254
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-2-1);
180
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12{
181
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-2-2);
255
182
  }
256
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
257
- background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-1);
258
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-2-1);
183
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
184
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-2);
185
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-2-2);
259
186
  }
260
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-field___9S8Tw_9-0-10{
261
- color:var(--magritte-color-component-input-text-state-content-focused-v23-2-1);
262
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-2-1);
187
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-field___9S8Tw_9-0-12{
188
+ color:var(--magritte-color-component-input-text-state-content-focused-v23-2-2);
189
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-2-2);
263
190
  opacity:1;
264
191
  }
265
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-hint___EFGK0_9-0-10{
192
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-hint___EFGK0_9-0-12{
266
193
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
267
- color:var(--magritte-color-component-input-text-state-description-focused-v23-2-1);
194
+ color:var(--magritte-color-component-input-text-state-description-focused-v23-2-2);
268
195
  }
269
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-additional-value___9Kyap_9-0-10{
270
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v23-2-1);
196
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-additional-value___9Kyap_9-0-12{
197
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v23-2-2);
271
198
  }
272
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-label_elevated___PVcpC_9-0-10{
273
- color:var(--magritte-color-component-input-text-state-label-focused-v23-2-1);
199
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-label_elevated___PVcpC_9-0-12{
200
+ color:var(--magritte-color-component-input-text-state-label-focused-v23-2-2);
274
201
  }
275
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-label___YlOQk_9-0-10:not(.magritte-label_elevated___PVcpC_9-0-10),
276
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-fixed-placeholder___PYJIH_9-0-10{
277
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-2-1);
202
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-label___YlOQk_9-0-12:not(.magritte-label_elevated___PVcpC_9-0-12),
203
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-fixed-placeholder___PYJIH_9-0-12{
204
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-2-2);
278
205
  }
279
- .magritte-input___LVTID_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-icon___HEDsQ_9-0-10{
280
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v23-2-1);
206
+ .magritte-input___LVTID_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-icon___HEDsQ_9-0-12{
207
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v23-2-2);
281
208
  }
282
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10{
283
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
209
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12{
210
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-2);
284
211
  }
285
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
286
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
287
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
212
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
213
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
214
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
288
215
  }
289
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-field___9S8Tw_9-0-10{
290
- color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
291
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
216
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-field___9S8Tw_9-0-12{
217
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
218
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
292
219
  opacity:1;
293
220
  }
294
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-hint___EFGK0_9-0-10{
221
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-hint___EFGK0_9-0-12{
295
222
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
296
- color:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
223
+ color:var(--magritte-color-component-input-text-state-description-invalid-v23-2-2);
297
224
  }
298
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-additional-value___9Kyap_9-0-10{
299
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
225
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-additional-value___9Kyap_9-0-12{
226
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
300
227
  }
301
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-label_elevated___PVcpC_9-0-10{
302
- color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-1);
228
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-label_elevated___PVcpC_9-0-12{
229
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-2);
303
230
  }
304
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-label___YlOQk_9-0-10:not(.magritte-label_elevated___PVcpC_9-0-10),
305
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-fixed-placeholder___PYJIH_9-0-10{
306
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-1);
231
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-label___YlOQk_9-0-12:not(.magritte-label_elevated___PVcpC_9-0-12),
232
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-fixed-placeholder___PYJIH_9-0-12{
233
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-2);
307
234
  }
308
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-icon___HEDsQ_9-0-10{
309
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v23-2-1);
235
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-icon___HEDsQ_9-0-12{
236
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v23-2-2);
310
237
  }
311
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10{
312
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
238
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12{
239
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-2);
313
240
  }
314
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
315
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
316
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
241
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
242
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
243
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
317
244
  }
318
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-field___9S8Tw_9-0-10{
319
- color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
320
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
245
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-field___9S8Tw_9-0-12{
246
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
247
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
321
248
  opacity:1;
322
249
  }
323
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-hint___EFGK0_9-0-10{
250
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-hint___EFGK0_9-0-12{
324
251
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
325
- color:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
252
+ color:var(--magritte-color-component-input-text-state-description-invalid-v23-2-2);
326
253
  }
327
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-additional-value___9Kyap_9-0-10{
328
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
254
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-additional-value___9Kyap_9-0-12{
255
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
329
256
  }
330
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-label_elevated___PVcpC_9-0-10{
331
- color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-1);
257
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-label_elevated___PVcpC_9-0-12{
258
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-2);
332
259
  }
333
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-label___YlOQk_9-0-10:not(.magritte-label_elevated___PVcpC_9-0-10),
334
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-fixed-placeholder___PYJIH_9-0-10{
335
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-1);
260
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-label___YlOQk_9-0-12:not(.magritte-label_elevated___PVcpC_9-0-12),
261
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-fixed-placeholder___PYJIH_9-0-12{
262
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-2);
336
263
  }
337
- .magritte-input___LVTID_9-0-10.magritte-invalid___L5MVa_9-0-10.magritte-focused___dxrHD_9-0-10 .magritte-icon___HEDsQ_9-0-10{
338
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v23-2-1);
264
+ .magritte-input___LVTID_9-0-12.magritte-invalid___L5MVa_9-0-12.magritte-focused___dxrHD_9-0-12 .magritte-icon___HEDsQ_9-0-12{
265
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v23-2-2);
339
266
  }
340
- .magritte-input___LVTID_9-0-10.magritte-focus-visible___QvCO1_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
341
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1) solid 4px;
267
+ .magritte-input___LVTID_9-0-12.magritte-focus-visible___QvCO1_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
268
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-2) solid 4px;
342
269
  }
343
- .magritte-input___LVTID_9-0-10.magritte-focus-visible___QvCO1_9-0-10.magritte-invalid___L5MVa_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
344
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1);
270
+ .magritte-input___LVTID_9-0-12.magritte-focus-visible___QvCO1_9-0-12.magritte-invalid___L5MVa_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
271
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-2);
345
272
  }
346
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10{
347
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-2-1);
273
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12{
274
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-2-2);
348
275
  }
349
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
350
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-1);
351
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-1);
276
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
277
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-2);
278
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-2);
352
279
  }
353
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-field___9S8Tw_9-0-10{
354
- color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-1);
355
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-1);
280
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-field___9S8Tw_9-0-12{
281
+ color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-2);
282
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-2);
356
283
  opacity:1;
357
284
  }
358
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-hint___EFGK0_9-0-10{
285
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-hint___EFGK0_9-0-12{
359
286
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
360
- color:var(--magritte-color-component-input-text-state-description-disabled-v23-2-1);
287
+ color:var(--magritte-color-component-input-text-state-description-disabled-v23-2-2);
361
288
  }
362
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-additional-value___9Kyap_9-0-10{
363
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v23-2-1);
289
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-additional-value___9Kyap_9-0-12{
290
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v23-2-2);
364
291
  }
365
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-label_elevated___PVcpC_9-0-10{
366
- color:var(--magritte-color-component-input-text-state-label-disabled-v23-2-1);
292
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-label_elevated___PVcpC_9-0-12{
293
+ color:var(--magritte-color-component-input-text-state-label-disabled-v23-2-2);
367
294
  }
368
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-label___YlOQk_9-0-10:not(.magritte-label_elevated___PVcpC_9-0-10),
369
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-fixed-placeholder___PYJIH_9-0-10{
370
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-2-1);
295
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-label___YlOQk_9-0-12:not(.magritte-label_elevated___PVcpC_9-0-12),
296
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-fixed-placeholder___PYJIH_9-0-12{
297
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-2-2);
371
298
  }
372
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-icon___HEDsQ_9-0-10{
373
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v23-2-1);
299
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-icon___HEDsQ_9-0-12{
300
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v23-2-2);
374
301
  }
375
- .magritte-input___LVTID_9-0-10.magritte-disabled___0NH6E_9-0-10 .magritte-right-container___N0B0o_9-0-10{
376
- --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v23-2-1);
377
- --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v23-2-1);
302
+ .magritte-input___LVTID_9-0-12.magritte-disabled___0NH6E_9-0-12 .magritte-right-container___N0B0o_9-0-12{
303
+ --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v23-2-2);
304
+ --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v23-2-2);
378
305
  }
379
306
  @media (prefers-reduced-motion){
380
- .magritte-input___LVTID_9-0-10{
307
+ .magritte-input___LVTID_9-0-12{
381
308
  --animation-100-duration:1ms;
382
309
  --animation-200-duration:1ms;
383
310
  }
384
311
  }
385
- .magritte-position-container___kZnvZ_9-0-10{
312
+ .magritte-position-container___kZnvZ_9-0-12{
386
313
  cursor:text;
387
314
  display:flex;
388
315
  align-items:center;
389
316
  position:relative;
390
- background-color:var(--magritte-color-component-input-background-field-v23-2-1);
317
+ background-color:var(--magritte-color-component-input-background-field-v23-2-2);
391
318
  border-radius:12px;
392
319
  overflow:hidden;
393
320
  box-sizing:content-box;
394
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-2-1);
321
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-2-2);
395
322
  padding:4px 4px 4px 16px;
396
323
  }
397
- .magritte-with-icon___TPBe2_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
324
+ .magritte-with-icon___TPBe2_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
398
325
  padding-left:12px;
399
326
  }
400
- .magritte-large___9frRh_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
327
+ .magritte-large___9frRh_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
401
328
  padding:8px 8px 8px 16px;
402
329
  }
403
- .magritte-small___iQL4F_9-0-10 .magritte-position-container___kZnvZ_9-0-10{
330
+ .magritte-small___iQL4F_9-0-12 .magritte-position-container___kZnvZ_9-0-12{
404
331
  padding:0 2px 0 12px;
405
332
  }
406
- .magritte-right-container___N0B0o_9-0-10{
333
+ .magritte-right-container___N0B0o_9-0-12{
407
334
  display:flex;
408
335
  align-items:center;
409
336
  justify-content:center;
410
- --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v23-2-1);
411
- --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v23-2-1);
337
+ --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v23-2-2);
338
+ --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v23-2-2);
412
339
  }
413
- .magritte-autofill-helper___WFjOW_9-0-10{
340
+ .magritte-autofill-helper___WFjOW_9-0-12{
414
341
  position:absolute;
415
342
  left:1px;
416
343
  top:1px;
417
344
  width:calc(100% - 1px * 2);
418
345
  height:calc(100% - 1px * 2);
419
- background-color:var(--magritte-color-base-blue-95-v23-2-1);
346
+ background-color:#e7f2ff;
420
347
  border-radius:11px;
421
348
  display:none;
422
349
  }
423
- .magritte-autofill-helper___WFjOW_9-0-10:has(+ .magritte-content-container___s-0kX_9-0-10 .magritte-field___9S8Tw_9-0-10:autofill){
350
+ .magritte-autofill-helper___WFjOW_9-0-12:has(+ .magritte-content-container___s-0kX_9-0-12 .magritte-field___9S8Tw_9-0-12:autofill){
424
351
  display:block;
425
352
  }
426
- .magritte-autofill-helper___WFjOW_9-0-10:has(+ .magritte-content-container___s-0kX_9-0-10 .magritte-field___9S8Tw_9-0-10:autofill:focus){
353
+ .magritte-autofill-helper___WFjOW_9-0-12:has(+ .magritte-content-container___s-0kX_9-0-12 .magritte-field___9S8Tw_9-0-12:autofill:focus){
427
354
  border-radius:10px;
428
355
  left:2px;
429
356
  top:2px;
430
357
  width:calc(100% - 2px * 2);
431
358
  height:calc(100% - 2px * 2);
432
359
  }
433
- .magritte-field___9S8Tw_9-0-10{
360
+ .magritte-field___9S8Tw_9-0-12{
434
361
  position:absolute;
435
362
  inset:0;
436
363
  background:none;
@@ -440,35 +367,35 @@
440
367
  padding:0;
441
368
  min-width:0;
442
369
  width:100%;
443
- color:var(--magritte-color-component-input-text-content-v23-2-1);
444
- caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v23-2-1));
370
+ color:var(--magritte-color-component-input-text-content-v23-2-2);
371
+ caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v23-2-2));
445
372
  outline:none;
446
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
447
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
448
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
449
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
450
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
451
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
452
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
453
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
454
- }
455
- .magritte-small___iQL4F_9-0-10 .magritte-field___9S8Tw_9-0-10{
456
- font-family:var(--magritte-typography-label-3-regular-font-family-v23-2-1);
457
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-2-1);
458
- line-height:var(--magritte-typography-label-3-regular-line-height-v23-2-1);
459
- font-size:var(--magritte-typography-label-3-regular-font-size-v23-2-1);
460
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-2-1);
461
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-2-1);
462
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-2-1);
463
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-2-1);
464
- }
465
- .magritte-field___9S8Tw_9-0-10:autofill{
466
- box-shadow:inset 0 0 40px 40px var(--magritte-color-base-blue-95-v23-2-1);
467
- }
468
- .magritte-field___9S8Tw_9-0-10::-ms-reveal{
373
+ font-family:"hh sans";
374
+ font-weight:400;
375
+ line-height:22px;
376
+ font-size:16px;
377
+ letter-spacing:0em;
378
+ text-indent:0px;
379
+ text-transform:none;
380
+ text-decoration:none;
381
+ }
382
+ .magritte-small___iQL4F_9-0-12 .magritte-field___9S8Tw_9-0-12{
383
+ font-family:"hh sans";
384
+ font-weight:400;
385
+ line-height:20px;
386
+ font-size:14px;
387
+ letter-spacing:0.005em;
388
+ text-indent:0px;
389
+ text-transform:none;
390
+ text-decoration:none;
391
+ }
392
+ .magritte-field___9S8Tw_9-0-12:autofill{
393
+ box-shadow:inset 0 0 40px 40px #e7f2ff;
394
+ }
395
+ .magritte-field___9S8Tw_9-0-12::-ms-reveal{
469
396
  display:none;
470
397
  }
471
- .magritte-icon___HEDsQ_9-0-10{
398
+ .magritte-icon___HEDsQ_9-0-12{
472
399
  display:flex;
473
400
  align-items:center;
474
401
  position:absolute;
@@ -476,23 +403,23 @@
476
403
  inset:0;
477
404
  pointer-events:none;
478
405
  z-index:1;
479
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v23-2-1);
406
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v23-2-2);
480
407
  }
481
- .magritte-with-icon___TPBe2_9-0-10 .magritte-field___9S8Tw_9-0-10,
482
- .magritte-with-icon___TPBe2_9-0-10 .magritte-additional-value___9Kyap_9-0-10{
408
+ .magritte-with-icon___TPBe2_9-0-12 .magritte-field___9S8Tw_9-0-12,
409
+ .magritte-with-icon___TPBe2_9-0-12 .magritte-additional-value___9Kyap_9-0-12{
483
410
  padding-left:calc(24px + 12px);
484
411
  }
485
- .magritte-with-icon___TPBe2_9-0-10 .magritte-rigging-container___Up9Lb_9-0-10{
412
+ .magritte-with-icon___TPBe2_9-0-12 .magritte-rigging-container___Up9Lb_9-0-12{
486
413
  left:calc(24px + 12px);
487
414
  }
488
- .magritte-with-icon___TPBe2_9-0-10.magritte-small___iQL4F_9-0-10 .magritte-field___9S8Tw_9-0-10,
489
- .magritte-with-icon___TPBe2_9-0-10.magritte-small___iQL4F_9-0-10 .magritte-additional-value___9Kyap_9-0-10{
415
+ .magritte-with-icon___TPBe2_9-0-12.magritte-small___iQL4F_9-0-12 .magritte-field___9S8Tw_9-0-12,
416
+ .magritte-with-icon___TPBe2_9-0-12.magritte-small___iQL4F_9-0-12 .magritte-additional-value___9Kyap_9-0-12{
490
417
  padding-left:calc(16px + 10px);
491
418
  }
492
- .magritte-with-icon___TPBe2_9-0-10.magritte-small___iQL4F_9-0-10 .magritte-rigging-container___Up9Lb_9-0-10{
419
+ .magritte-with-icon___TPBe2_9-0-12.magritte-small___iQL4F_9-0-12 .magritte-rigging-container___Up9Lb_9-0-12{
493
420
  left:calc(16px + 10px);
494
421
  }
495
- .magritte-rigging-container___Up9Lb_9-0-10{
422
+ .magritte-rigging-container___Up9Lb_9-0-12{
496
423
  display:flex;
497
424
  align-items:center;
498
425
  position:absolute;
@@ -500,53 +427,53 @@
500
427
  inset:0;
501
428
  pointer-events:none;
502
429
  }
503
- .magritte-label___YlOQk_9-0-10,
504
- .magritte-fixed-placeholder___PYJIH_9-0-10{
430
+ .magritte-label___YlOQk_9-0-12,
431
+ .magritte-fixed-placeholder___PYJIH_9-0-12{
505
432
  white-space:nowrap;
506
433
  overflow:hidden;
507
434
  text-overflow:ellipsis;
508
435
  user-select:none;
509
436
  transition-property:color;
510
437
  transition-duration:var(--animation-100-duration);
511
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
512
- color:var(--magritte-color-component-input-text-placeholder-v23-2-1);
513
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
514
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
515
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
516
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
517
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
518
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
519
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
520
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
521
- }
522
- .magritte-small___iQL4F_9-0-10 .magritte-label___YlOQk_9-0-10,
523
- .magritte-small___iQL4F_9-0-10 .magritte-fixed-placeholder___PYJIH_9-0-10{
524
- font-family:var(--magritte-typography-label-3-regular-font-family-v23-2-1);
525
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-2-1);
526
- line-height:var(--magritte-typography-label-3-regular-line-height-v23-2-1);
527
- font-size:var(--magritte-typography-label-3-regular-font-size-v23-2-1);
528
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-2-1);
529
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-2-1);
530
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-2-1);
531
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-2-1);
532
- }
533
- .magritte-label___YlOQk_9-0-10{
438
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-2);
439
+ color:var(--magritte-color-component-input-text-placeholder-v23-2-2);
440
+ font-family:"hh sans";
441
+ font-weight:400;
442
+ line-height:22px;
443
+ font-size:16px;
444
+ letter-spacing:0em;
445
+ text-indent:0px;
446
+ text-transform:none;
447
+ text-decoration:none;
448
+ }
449
+ .magritte-small___iQL4F_9-0-12 .magritte-label___YlOQk_9-0-12,
450
+ .magritte-small___iQL4F_9-0-12 .magritte-fixed-placeholder___PYJIH_9-0-12{
451
+ font-family:"hh sans";
452
+ font-weight:400;
453
+ line-height:20px;
454
+ font-size:14px;
455
+ letter-spacing:0.005em;
456
+ text-indent:0px;
457
+ text-transform:none;
458
+ text-decoration:none;
459
+ }
460
+ .magritte-label___YlOQk_9-0-12{
534
461
  display:block;
535
462
  transition-property:transform, color, font-size, letter-spacing;
536
463
  }
537
- .magritte-label_elevated___PVcpC_9-0-10{
538
- font-family:var(--magritte-typography-label-4-regular-font-family-v23-2-1);
539
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-2-1);
540
- line-height:var(--magritte-typography-label-4-regular-line-height-v23-2-1);
541
- font-size:var(--magritte-typography-label-4-regular-font-size-v23-2-1);
542
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-2-1);
543
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-2-1);
544
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-2-1);
545
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-2-1);
546
- color:var(--magritte-color-component-input-text-label-v23-2-1);
547
- transform:translateY(calc(0px - var(--magritte-typography-label-2-regular-line-height-v23-2-1) / 2));
548
- }
549
- .magritte-input__mask___CHda2_9-0-10{
464
+ .magritte-label_elevated___PVcpC_9-0-12{
465
+ font-family:"hh sans";
466
+ font-weight:400;
467
+ line-height:18px;
468
+ font-size:12px;
469
+ letter-spacing:0.01em;
470
+ text-indent:0px;
471
+ text-transform:none;
472
+ text-decoration:none;
473
+ color:var(--magritte-color-component-input-text-label-v23-2-2);
474
+ transform:translateY(calc(0px - 22px / 2));
475
+ }
476
+ .magritte-input__mask___CHda2_9-0-12{
550
477
  position:absolute;
551
478
  width:100%;
552
479
  pointer-events:none;
@@ -554,21 +481,21 @@
554
481
  max-width:100%;
555
482
  white-space:nowrap;
556
483
  text-overflow:ellipsis;
557
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v23-2-1);
484
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v23-2-2);
558
485
  }
559
- .magritte-value-ghost___IXNZj_9-0-10{
486
+ .magritte-value-ghost___IXNZj_9-0-12{
560
487
  visibility:hidden;
561
488
  white-space:pre;
562
489
  }
563
- .magritte-hint-container___rGsD8_9-0-10{
490
+ .magritte-hint-container___rGsD8_9-0-12{
564
491
  display:flex;
565
492
  flex-grow:1;
566
493
  align-items:center;
567
494
  min-width:0;
568
495
  }
569
- .magritte-hint___EFGK0_9-0-10{
570
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v23-2-1);
571
- color:var(--magritte-color-component-input-text-description-v23-2-1);
496
+ .magritte-hint___EFGK0_9-0-12{
497
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v23-2-2);
498
+ color:var(--magritte-color-component-input-text-description-v23-2-2);
572
499
  overflow:hidden;
573
500
  white-space:nowrap;
574
501
  text-overflow:ellipsis;
@@ -576,30 +503,30 @@
576
503
  z-index:1;
577
504
  padding-right:4px;
578
505
  }
579
- .magritte-content-container___s-0kX_9-0-10{
506
+ .magritte-content-container___s-0kX_9-0-12{
580
507
  position:relative;
581
508
  flex:1 0 auto;
582
509
  display:flex;
583
510
  padding:8px 12px 8px 0;
584
511
  max-width:100%;
585
512
  }
586
- .magritte-elevated___kPcsM_9-0-10 .magritte-content-container___s-0kX_9-0-10{
513
+ .magritte-elevated___kPcsM_9-0-12 .magritte-content-container___s-0kX_9-0-12{
587
514
  padding-top:18px;
588
515
  padding-bottom:0;
589
516
  }
590
- .magritte-small___iQL4F_9-0-10 .magritte-content-container___s-0kX_9-0-10{
517
+ .magritte-small___iQL4F_9-0-12 .magritte-content-container___s-0kX_9-0-12{
591
518
  padding-right:10px;
592
519
  }
593
- .magritte-counter___Bld3Q_9-0-10{
520
+ .magritte-counter___Bld3Q_9-0-12{
594
521
  padding:0 8px;
595
522
  z-index:1;
596
523
  }
597
- .magritte-value-container___6ReT7_9-0-10{
524
+ .magritte-value-container___6ReT7_9-0-12{
598
525
  position:relative;
599
526
  display:grid;
600
527
  width:100%;
601
528
  }
602
- .magritte-additional-value___9Kyap_9-0-10{
529
+ .magritte-additional-value___9Kyap_9-0-12{
603
530
  display:flex;
604
531
  align-items:center;
605
532
  grid-area:1 / 1;
@@ -609,6 +536,6 @@
609
536
  color:transparent;
610
537
  min-height:24px;
611
538
  }
612
- .magritte-elevated___kPcsM_9-0-10 .magritte-additional-value___9Kyap_9-0-10{
539
+ .magritte-elevated___kPcsM_9-0-12 .magritte-additional-value___9Kyap_9-0-12{
613
540
  min-height:22px;
614
541
  }