@hh.ru/magritte-ui-textarea 3.0.4 → 3.1.1

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 (13) hide show
  1. package/TextArea.js +29 -13
  2. package/TextArea.js.map +1 -1
  3. package/UncontrolledTextArea.js +3 -2
  4. package/UncontrolledTextArea.js.map +1 -1
  5. package/index.css +348 -402
  6. package/index.js +3 -2
  7. package/index.js.map +1 -1
  8. package/package.json +8 -7
  9. package/useHeightObserver.d.ts +14 -0
  10. package/{useMinHeight.js → useHeightObserver.js} +12 -5
  11. package/useHeightObserver.js.map +1 -0
  12. package/useMinHeight.d.ts +0 -6
  13. package/useMinHeight.js.map +0 -1
package/index.css CHANGED
@@ -1,401 +1,335 @@
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-limit-disabled-v23-2-1:#AABBCA;
19
- --magritte-color-component-input-text-state-description-disabled-v23-2-1:#AABBCA;
20
- --magritte-color-component-input-text-state-content-hovered-v23-2-1:#000000;
21
- --magritte-color-component-input-text-state-content-focused-v23-2-1:#000000;
22
- --magritte-color-component-input-text-state-content-invalid-v23-2-1:#000000;
23
- --magritte-color-component-input-text-state-label-hovered-v23-2-1:#768694;
24
- --magritte-color-component-input-text-state-label-focused-v23-2-1:#768694;
25
- --magritte-color-component-input-text-state-label-invalid-v23-2-1:#768694;
26
- --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#768694;
27
- --magritte-color-component-input-text-state-limit-hovered-v23-2-1:#768694;
28
- --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#AABBCA;
29
- --magritte-color-component-input-text-state-limit-focused-v23-2-1:#768694;
30
- --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#AABBCA;
31
- --magritte-color-component-input-text-state-limit-invalid-v23-2-1:#ff4d3a;
32
- --magritte-color-component-input-text-state-description-hovered-v23-2-1:#768694;
33
- --magritte-color-component-input-text-state-description-focused-v23-2-1:#768694;
34
- --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
35
- --magritte-color-component-input-icon-grip-v23-2-1:#AABBCA;
36
- --magritte-color-component-input-text-content-v23-2-1:#000000;
37
- --magritte-color-component-input-text-label-v23-2-1:#768694;
38
- --magritte-color-component-input-text-placeholder-v23-2-1:#AABBCA;
39
- --magritte-color-component-input-text-limit-v23-2-1:#AABBCA;
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-limit-disabled-v23-2-2:#AABBCA;
19
+ --magritte-color-component-input-text-state-description-disabled-v23-2-2:#AABBCA;
20
+ --magritte-color-component-input-text-state-content-hovered-v23-2-2:#000000;
21
+ --magritte-color-component-input-text-state-content-focused-v23-2-2:#000000;
22
+ --magritte-color-component-input-text-state-content-invalid-v23-2-2:#000000;
23
+ --magritte-color-component-input-text-state-label-hovered-v23-2-2:#768694;
24
+ --magritte-color-component-input-text-state-label-focused-v23-2-2:#768694;
25
+ --magritte-color-component-input-text-state-label-invalid-v23-2-2:#768694;
26
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-2-2:#768694;
27
+ --magritte-color-component-input-text-state-limit-hovered-v23-2-2:#768694;
28
+ --magritte-color-component-input-text-state-placeholder-focused-v23-2-2:#AABBCA;
29
+ --magritte-color-component-input-text-state-limit-focused-v23-2-2:#768694;
30
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-2-2:#AABBCA;
31
+ --magritte-color-component-input-text-state-limit-invalid-v23-2-2:#ff4d3a;
32
+ --magritte-color-component-input-text-state-description-hovered-v23-2-2:#768694;
33
+ --magritte-color-component-input-text-state-description-focused-v23-2-2:#768694;
34
+ --magritte-color-component-input-text-state-description-invalid-v23-2-2:#ff4d3a;
35
+ --magritte-color-component-input-icon-grip-v23-2-2:#AABBCA;
36
+ --magritte-color-component-input-text-content-v23-2-2:#000000;
37
+ --magritte-color-component-input-text-label-v23-2-2:#768694;
38
+ --magritte-color-component-input-text-placeholder-v23-2-2:#AABBCA;
39
+ --magritte-color-component-input-text-limit-v23-2-2:#AABBCA;
40
40
  }
41
41
 
42
42
  :root{
43
- --magritte-typography-label-2-regular-font-family-v23-2-1:"hh sans";
44
- --magritte-typography-label-2-regular-font-weight-v23-2-1:400;
45
- --magritte-typography-label-2-regular-line-height-v23-2-1:22px;
46
- --magritte-typography-label-2-regular-font-size-v23-2-1:16px;
47
- --magritte-typography-label-2-regular-letter-spacing-v23-2-1:0em;
48
- --magritte-typography-label-2-regular-text-indent-v23-2-1:0px;
49
- --magritte-typography-label-2-regular-text-transform-v23-2-1:none;
50
- --magritte-typography-label-2-regular-text-decoration-v23-2-1:none;
51
- --magritte-typography-label-3-regular-font-family-v23-2-1:"hh sans";
52
- --magritte-typography-label-3-regular-font-weight-v23-2-1:400;
53
- --magritte-typography-label-3-regular-line-height-v23-2-1:20px;
54
- --magritte-typography-label-3-regular-font-size-v23-2-1:14px;
55
- --magritte-typography-label-3-regular-letter-spacing-v23-2-1:0.005em;
56
- --magritte-typography-label-3-regular-text-indent-v23-2-1:0px;
57
- --magritte-typography-label-3-regular-text-transform-v23-2-1:none;
58
- --magritte-typography-label-3-regular-text-decoration-v23-2-1:none;
59
- --magritte-typography-label-4-regular-font-family-v23-2-1:"hh sans";
60
- --magritte-typography-label-4-regular-font-weight-v23-2-1:400;
61
- --magritte-typography-label-4-regular-line-height-v23-2-1:18px;
62
- --magritte-typography-label-4-regular-font-size-v23-2-1:12px;
63
- --magritte-typography-label-4-regular-letter-spacing-v23-2-1:0.01em;
64
- --magritte-typography-label-4-regular-text-indent-v23-2-1:0px;
65
- --magritte-typography-label-4-regular-text-transform-v23-2-1:none;
66
- --magritte-typography-label-4-regular-text-decoration-v23-2-1:none;
67
- --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
68
- --magritte-semantic-animation-ease-in-out-100-duration-v23-2-1:100ms;
69
- --magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
70
- --magritte-semantic-animation-ease-in-out-300-duration-v23-2-1:300ms;
43
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-2:cubic-bezier(0.25, 0.1, 0.25, 1);
44
+ --magritte-semantic-animation-ease-in-out-100-duration-v23-2-2:100ms;
45
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-2:cubic-bezier(0.25, 0.1, 0.25, 1);
46
+ --magritte-semantic-animation-ease-in-out-300-duration-v23-2-2:300ms;
71
47
  }
72
48
 
73
49
  .magritte-night-theme{
74
- --magritte-color-text-primary-v23-2-1:#ffffff;
75
- --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#3B3B3B;
76
- --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#0070ff;
77
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
78
- --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
79
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
80
- --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#111;
81
- --magritte-color-component-input-background-field-v23-2-1:#111;
82
- --magritte-color-component-input-background-state-field-hovered-v23-2-1:#111;
83
- --magritte-color-component-input-background-state-field-focused-v23-2-1:#111;
84
- --magritte-color-component-input-background-state-field-invalid-v23-2-1:#111;
85
- --magritte-color-component-input-background-state-field-disabled-v23-2-1:#111;
86
- --magritte-color-component-input-stroke-field-v23-2-1:#303030;
87
- --magritte-color-component-input-text-content-v23-2-1:#ffffff;
88
- --magritte-color-component-input-text-label-v23-2-1:#919191;
89
- --magritte-color-component-input-text-placeholder-v23-2-1:#535353;
90
- --magritte-color-component-input-text-limit-v23-2-1:#535353;
91
- --magritte-color-component-input-text-state-content-disabled-v23-2-1:#474747;
92
- --magritte-color-component-input-text-state-label-disabled-v23-2-1:#474747;
93
- --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#474747;
94
- --magritte-color-component-input-text-state-limit-disabled-v23-2-1:#474747;
95
- --magritte-color-component-input-text-state-description-disabled-v23-2-1:#535353;
96
- --magritte-color-component-input-text-state-content-hovered-v23-2-1:#ffffff;
97
- --magritte-color-component-input-text-state-content-focused-v23-2-1:#ffffff;
98
- --magritte-color-component-input-text-state-content-invalid-v23-2-1:#ffffff;
99
- --magritte-color-component-input-text-state-label-hovered-v23-2-1:#919191;
100
- --magritte-color-component-input-text-state-label-focused-v23-2-1:#919191;
101
- --magritte-color-component-input-text-state-label-invalid-v23-2-1:#919191;
102
- --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#5E5E5E;
103
- --magritte-color-component-input-text-state-limit-hovered-v23-2-1:#535353;
104
- --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#535353;
105
- --magritte-color-component-input-text-state-limit-focused-v23-2-1:#535353;
106
- --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#535353;
107
- --magritte-color-component-input-text-state-limit-invalid-v23-2-1:#ff4d3a;
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-icon-grip-v23-2-1:#535353;
50
+ --magritte-color-text-primary-v23-2-2:#ffffff;
51
+ --magritte-color-component-input-stroke-state-field-hovered-v23-2-2:#3B3B3B;
52
+ --magritte-color-component-input-stroke-state-field-disabled-v23-2-2:#111;
53
+ --magritte-color-component-input-background-field-v23-2-2:#111;
54
+ --magritte-color-component-input-background-state-field-hovered-v23-2-2:#111;
55
+ --magritte-color-component-input-background-state-field-focused-v23-2-2:#111;
56
+ --magritte-color-component-input-background-state-field-invalid-v23-2-2:#111;
57
+ --magritte-color-component-input-background-state-field-disabled-v23-2-2:#111;
58
+ --magritte-color-component-input-stroke-field-v23-2-2:#303030;
59
+ --magritte-color-component-input-text-content-v23-2-2:#ffffff;
60
+ --magritte-color-component-input-text-label-v23-2-2:#919191;
61
+ --magritte-color-component-input-text-placeholder-v23-2-2:#535353;
62
+ --magritte-color-component-input-text-limit-v23-2-2:#535353;
63
+ --magritte-color-component-input-text-state-content-disabled-v23-2-2:#474747;
64
+ --magritte-color-component-input-text-state-label-disabled-v23-2-2:#474747;
65
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-2-2:#474747;
66
+ --magritte-color-component-input-text-state-limit-disabled-v23-2-2:#474747;
67
+ --magritte-color-component-input-text-state-description-disabled-v23-2-2:#535353;
68
+ --magritte-color-component-input-text-state-content-hovered-v23-2-2:#ffffff;
69
+ --magritte-color-component-input-text-state-content-focused-v23-2-2:#ffffff;
70
+ --magritte-color-component-input-text-state-content-invalid-v23-2-2:#ffffff;
71
+ --magritte-color-component-input-text-state-label-hovered-v23-2-2:#919191;
72
+ --magritte-color-component-input-text-state-label-focused-v23-2-2:#919191;
73
+ --magritte-color-component-input-text-state-label-invalid-v23-2-2:#919191;
74
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-2-2:#5E5E5E;
75
+ --magritte-color-component-input-text-state-limit-hovered-v23-2-2:#535353;
76
+ --magritte-color-component-input-text-state-placeholder-focused-v23-2-2:#535353;
77
+ --magritte-color-component-input-text-state-limit-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-icon-grip-v23-2-2:#535353;
112
82
  }
113
83
 
114
84
  .magritte-zp-day-theme{
115
- --magritte-color-text-primary-v23-2-1:#000000;
116
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
117
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
118
- --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#CCD5DF;
119
- --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#7195AF;
120
- --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
121
- --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#EEF1F7;
122
- --magritte-color-component-input-background-field-v23-2-1:#ffffff;
123
- --magritte-color-component-input-background-state-field-hovered-v23-2-1:#ffffff;
124
- --magritte-color-component-input-background-state-field-focused-v23-2-1:#ffffff;
125
- --magritte-color-component-input-background-state-field-invalid-v23-2-1:#ffffff;
126
- --magritte-color-component-input-background-state-field-disabled-v23-2-1:#F4F6FB;
127
- --magritte-color-component-input-stroke-field-v23-2-1:#DCE3EB;
128
- --magritte-color-component-input-text-content-v23-2-1:#000000;
129
- --magritte-color-component-input-text-label-v23-2-1:#768694;
130
- --magritte-color-component-input-text-placeholder-v23-2-1:#AABBCA;
131
- --magritte-color-component-input-text-limit-v23-2-1:#AABBCA;
132
- --magritte-color-component-input-text-state-content-disabled-v23-2-1:#AABBCA;
133
- --magritte-color-component-input-text-state-label-disabled-v23-2-1:#AABBCA;
134
- --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#AABBCA;
135
- --magritte-color-component-input-text-state-limit-disabled-v23-2-1:#AABBCA;
136
- --magritte-color-component-input-text-state-description-disabled-v23-2-1:#AABBCA;
137
- --magritte-color-component-input-text-state-content-hovered-v23-2-1:#000000;
138
- --magritte-color-component-input-text-state-content-focused-v23-2-1:#000000;
139
- --magritte-color-component-input-text-state-content-invalid-v23-2-1:#000000;
140
- --magritte-color-component-input-text-state-label-hovered-v23-2-1:#768694;
141
- --magritte-color-component-input-text-state-label-focused-v23-2-1:#768694;
142
- --magritte-color-component-input-text-state-label-invalid-v23-2-1:#768694;
143
- --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#768694;
144
- --magritte-color-component-input-text-state-limit-hovered-v23-2-1:#768694;
145
- --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#AABBCA;
146
- --magritte-color-component-input-text-state-limit-focused-v23-2-1:#768694;
147
- --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#AABBCA;
148
- --magritte-color-component-input-text-state-limit-invalid-v23-2-1:#ff4d3a;
149
- --magritte-color-component-input-text-state-description-hovered-v23-2-1:#768694;
150
- --magritte-color-component-input-text-state-description-focused-v23-2-1:#768694;
151
- --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
152
- --magritte-color-component-input-icon-grip-v23-2-1:#AABBCA;
153
- }
154
- .magritte-textarea___ugvor_3-0-4{
85
+ --magritte-color-component-input-stroke-state-field-focused-v23-2-2:#7195AF;
86
+ }
87
+ .magritte-textarea___ugvor_3-1-1{
155
88
  display:inline-flex;
156
89
  flex-flow:column;
157
90
  --magritte-ui-textarea-vertical-offset:0px;
158
91
  --magritte-ui-textarea-additional-bottom-padding:0px;
159
- --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
160
- --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-1);
92
+ --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-2);
93
+ --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-2);
161
94
  }
162
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-elevated___S0jk-_3-0-4{
163
- --magritte-ui-textarea-vertical-offset:calc(var(--magritte-typography-label-4-regular-line-height-v23-2-1) * 0.5);
95
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-elevated___S0jk-_3-1-1{
96
+ --magritte-ui-textarea-vertical-offset:calc(18px * 0.5);
164
97
  }
165
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-small___Q-tsg_3-0-4{
98
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-small___Q-tsg_3-1-1{
166
99
  --magritte-ui-textarea-vertical-padding:10px;
167
100
  }
168
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-medium___GNzAm_3-0-4{
101
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-medium___GNzAm_3-1-1{
169
102
  --magritte-ui-textarea-vertical-padding:12px;
170
103
  }
171
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-large___ugT-5_3-0-4{
104
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-large___ugT-5_3-1-1{
172
105
  --magritte-ui-textarea-vertical-padding:16px;
173
106
  }
174
- .magritte-textarea___ugvor_3-0-4.magritte-has-grip___ATMYQ_3-0-4{
107
+ .magritte-textarea___ugvor_3-1-1.magritte-has-grip___ATMYQ_3-1-1{
175
108
  --magritte-ui-textarea-additional-bottom-padding:18px;
176
109
  }
177
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-limited___cU1Rg_3-0-4{
110
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-limited___cU1Rg_3-1-1{
178
111
  --magritte-ui-textarea-additional-bottom-padding:20px + 8px;
179
112
  }
180
- .magritte-textarea___ugvor_3-0-4.magritte-maxed-height___v1wYG_3-0-4.magritte-textarea-elevated___S0jk-_3-0-4{
113
+ .magritte-textarea___ugvor_3-1-1.magritte-maxed-height___v1wYG_3-1-1.magritte-textarea-elevated___S0jk-_3-1-1{
181
114
  --magritte-ui-textarea-bottom-padding:calc(12px + var(--magritte-ui-textarea-vertical-offset));
182
115
  }
183
116
  @media (min-width: 1020px){
184
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover{
185
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
117
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover{
118
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-2);
186
119
  }
187
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
188
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
189
- border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
120
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
121
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
122
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
190
123
  border-width:1px;
191
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
124
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
192
125
  }
193
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container___cEpbv_3-0-4{
194
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
195
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
126
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-position-container___cEpbv_3-1-1{
127
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
128
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
196
129
  }
197
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-native-element___a0RAE_3-0-4{
198
- color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
199
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
130
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-native-element___a0RAE_3-1-1{
131
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
132
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
200
133
  opacity:1;
201
134
  }
202
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label___sgTIH_3-0-4{
203
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-1);
135
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-label___sgTIH_3-1-1{
136
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-2);
204
137
  }
205
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label-elevated___0lxOI_3-0-4{
206
- color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-1);
138
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-label-elevated___0lxOI_3-1-1{
139
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-2);
207
140
  }
208
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
209
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
141
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-limit___IjPJy_3-1-1{
142
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
210
143
  }
211
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
212
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-2-1);
144
+ body.magritte-old-layout .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-limit___IjPJy_3-1-1{
145
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-2-2);
213
146
  }
214
147
  }
215
148
  @media (min-width: 1024px){
216
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover{
217
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
149
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover{
150
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-2);
218
151
  }
219
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
220
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
221
- border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
152
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
153
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
154
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
222
155
  border-width:1px;
223
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
156
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
224
157
  }
225
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container___cEpbv_3-0-4{
226
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
227
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
158
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-position-container___cEpbv_3-1-1{
159
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-2);
160
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
228
161
  }
229
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-native-element___a0RAE_3-0-4{
230
- color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
231
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
162
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-native-element___a0RAE_3-1-1{
163
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
164
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-2);
232
165
  opacity:1;
233
166
  }
234
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label___sgTIH_3-0-4{
235
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-1);
167
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-label___sgTIH_3-1-1{
168
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-2);
236
169
  }
237
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label-elevated___0lxOI_3-0-4{
238
- color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-1);
170
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-label-elevated___0lxOI_3-1-1{
171
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-2);
239
172
  }
240
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
241
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
173
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-limit___IjPJy_3-1-1{
174
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-2);
242
175
  }
243
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
244
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-2-1);
176
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-1-1:not(.magritte-textarea-focused___eiGyC_3-1-1):not(.magritte-textarea-invalid___iKOPh_3-1-1):not(.magritte-textarea-disabled___XN0cg_3-1-1):hover .magritte-textarea-limit___IjPJy_3-1-1{
177
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-2-2);
245
178
  }
246
179
  }
247
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4{
248
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-2-1);
180
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1{
181
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-2-2);
249
182
  }
250
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
251
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-2-1);
252
- border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-2-1);
183
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
184
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-2-2);
185
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-2-2);
253
186
  border-width:2px;
254
- background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-1);
187
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-2);
255
188
  }
256
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
257
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-2-1);
258
- background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-1);
189
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1{
190
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-2-2);
191
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-2);
259
192
  }
260
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-native-element___a0RAE_3-0-4{
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);
193
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1 .magritte-native-element___a0RAE_3-1-1{
194
+ color:var(--magritte-color-component-input-text-state-content-focused-v23-2-2);
195
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-2-2);
263
196
  opacity:1;
264
197
  }
265
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
266
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-2-1);
198
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1 .magritte-textarea-label___sgTIH_3-1-1{
199
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-2-2);
267
200
  }
268
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
269
- color:var(--magritte-color-component-input-text-state-label-focused-v23-2-1);
201
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1 .magritte-textarea-label-elevated___0lxOI_3-1-1{
202
+ color:var(--magritte-color-component-input-text-state-label-focused-v23-2-2);
270
203
  }
271
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
272
- background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-1);
204
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
205
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-2);
273
206
  }
274
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
275
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v23-2-1);
207
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
208
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v23-2-2);
276
209
  }
277
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4,
278
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4{
279
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
210
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1,
211
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1{
212
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-2);
280
213
  }
281
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after,
282
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
283
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
284
- border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
214
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after,
215
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
216
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
217
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
285
218
  border-width:2px;
286
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
219
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
287
220
  }
288
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4,
289
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
290
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
291
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
221
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1,
222
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1{
223
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
224
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
292
225
  }
293
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-native-element___a0RAE_3-0-4,
294
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-native-element___a0RAE_3-0-4{
295
- color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
296
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
226
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-native-element___a0RAE_3-1-1,
227
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-native-element___a0RAE_3-1-1{
228
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
229
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
297
230
  opacity:1;
298
231
  }
299
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-label___sgTIH_3-0-4,
300
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
301
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-1);
232
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-label___sgTIH_3-1-1,
233
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-label___sgTIH_3-1-1{
234
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-2);
302
235
  }
303
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4,
304
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
305
- color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-1);
236
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-label-elevated___0lxOI_3-1-1,
237
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-label-elevated___0lxOI_3-1-1{
238
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-2);
306
239
  }
307
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4,
308
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
309
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
240
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1,
241
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
242
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
310
243
  }
311
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
312
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-2-1);
244
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-focused___eiGyC_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
245
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-2-2);
313
246
  }
314
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4{
315
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
247
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1{
248
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-2);
316
249
  }
317
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
318
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
319
- border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
250
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
251
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
252
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
320
253
  border-width:1px;
321
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
254
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
322
255
  }
323
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
324
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
325
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
256
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1{
257
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-2);
258
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
326
259
  }
327
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-native-element___a0RAE_3-0-4{
328
- color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
329
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
260
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-native-element___a0RAE_3-1-1{
261
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
262
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-2);
330
263
  opacity:1;
331
264
  }
332
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
333
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-1);
265
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-label___sgTIH_3-1-1{
266
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-2);
334
267
  }
335
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
336
- color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-1);
268
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-label-elevated___0lxOI_3-1-1{
269
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-2);
337
270
  }
338
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
339
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
271
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
272
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-2);
340
273
  }
341
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
342
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-2-1);
274
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
275
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-2-2);
343
276
  }
344
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4{
345
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-2-1);
277
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1{
278
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-2-2);
346
279
  }
347
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
348
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-1);
349
- border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-1);
280
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
281
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-2);
282
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-2);
350
283
  border-width:1px;
351
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-1);
284
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-2);
352
285
  }
353
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
354
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-1);
355
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-1);
286
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1{
287
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-2);
288
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-2);
356
289
  }
357
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-native-element___a0RAE_3-0-4{
358
- color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-1);
359
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-1);
290
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-native-element___a0RAE_3-1-1{
291
+ color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-2);
292
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-2);
360
293
  opacity:1;
361
294
  }
362
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
363
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-2-1);
295
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-textarea-label___sgTIH_3-1-1{
296
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-2-2);
364
297
  }
365
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
366
- color:var(--magritte-color-component-input-text-state-label-disabled-v23-2-1);
298
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-textarea-label-elevated___0lxOI_3-1-1{
299
+ color:var(--magritte-color-component-input-text-state-label-disabled-v23-2-2);
367
300
  }
368
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
369
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-1);
301
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
302
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-2);
370
303
  }
371
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
372
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v23-2-1);
304
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-textarea-limit___IjPJy_3-1-1{
305
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v23-2-2);
373
306
  }
374
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4,
375
- .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-native-element___a0RAE_3-0-4{
307
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1,
308
+ .magritte-textarea___ugvor_3-1-1.magritte-textarea-disabled___XN0cg_3-1-1 .magritte-native-element___a0RAE_3-1-1{
376
309
  cursor:not-allowed;
377
310
  }
378
311
  @media (prefers-reduced-motion){
379
- .magritte-textarea___ugvor_3-0-4{
312
+ .magritte-textarea___ugvor_3-1-1{
380
313
  --animation-100-duration:1ms;
381
314
  --animation-300-duration:1ms;
382
315
  }
383
316
  }
384
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-4{
317
+ .magritte-textarea-position-container-wrapper___4Dsui_3-1-1{
385
318
  display:inline-flex;
386
319
  position:relative;
387
320
  overflow:hidden;
388
321
  width:100%;
389
322
  border-radius:12px;
323
+ --magritte-ui-scrollbar-border-radius:12px;
390
324
  }
391
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-4.focus-visible{
392
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1) solid 4px;
325
+ .magritte-textarea-position-container-wrapper___4Dsui_3-1-1.focus-visible{
326
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-2) solid 4px;
393
327
  }
394
- .magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4.focus-visible,
395
- .magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4.focus-visible{
396
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1);
328
+ .magritte-textarea-invalid___iKOPh_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1.focus-visible,
329
+ .magritte-textarea-limit-error___vLvZU_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1.focus-visible{
330
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-2);
397
331
  }
398
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
332
+ .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
399
333
  display:none;
400
334
  pointer-events:none;
401
335
  user-select:none;
@@ -403,33 +337,36 @@
403
337
  content:'';
404
338
  width:16px;
405
339
  height:16px;
406
- background-color:var(--magritte-color-component-input-background-field-v23-2-1);
340
+ background-color:var(--magritte-color-component-input-background-field-v23-2-2);
407
341
  bottom:0;
408
342
  right:0;
409
343
  border-bottom-right-radius:12px;
410
- border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v23-2-1);
411
- border-right:1px solid var(--magritte-color-component-input-stroke-field-v23-2-1);
344
+ border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v23-2-2);
345
+ border-right:1px solid var(--magritte-color-component-input-stroke-field-v23-2-2);
412
346
  }
413
- .magritte-has-grip___ATMYQ_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
347
+ .magritte-has-grip___ATMYQ_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1::after{
414
348
  display:block;
415
349
  }
416
- .magritte-native-element___a0RAE_3-0-4{
350
+ .magritte-native-element___a0RAE_3-1-1{
417
351
  box-sizing:border-box;
418
352
  border:0;
419
353
  width:100%;
420
354
  padding:0;
421
- color:var(--magritte-color-component-input-text-content-v23-2-1);
422
- caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-2-1));
355
+ color:var(--magritte-color-component-input-text-content-v23-2-2);
356
+ caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-2-2));
423
357
  transform:translateY(var(--magritte-ui-textarea-vertical-offset));
424
358
  border-bottom:calc(var(--magritte-ui-textarea-additional-bottom-padding) - var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding)) + var(--magritte-ui-textarea-vertical-offset)) solid transparent;
425
- font-family:var(--magritte-typography-label-3-regular-font-family-v23-2-1);
426
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-2-1);
427
- line-height:var(--magritte-typography-label-3-regular-line-height-v23-2-1);
428
- font-size:var(--magritte-typography-label-3-regular-font-size-v23-2-1);
429
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-2-1);
430
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-2-1);
431
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-2-1);
432
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-2-1);
359
+ overflow:auto;
360
+ overscroll-behavior:none;
361
+ scrollbar-width:none;
362
+ font-family:"hh sans";
363
+ font-weight:400;
364
+ line-height:20px;
365
+ font-size:14px;
366
+ letter-spacing:0.005em;
367
+ text-indent:0px;
368
+ text-transform:none;
369
+ text-decoration:none;
433
370
  grid-area:1 / 1 / 2 / 2;
434
371
  width:auto;
435
372
  min-height:0;
@@ -439,73 +376,79 @@
439
376
  background:none;
440
377
  appearance:none;
441
378
  }
442
- .magritte-textarea-medium___GNzAm_3-0-4 .magritte-native-element___a0RAE_3-0-4,
443
- .magritte-textarea-large___ugT-5_3-0-4 .magritte-native-element___a0RAE_3-0-4{
444
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
445
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
446
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
447
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
448
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
449
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
450
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
451
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
452
- }
453
- .magritte-native-element___a0RAE_3-0-4:focus{
379
+ .magritte-native-element___a0RAE_3-1-1::-webkit-scrollbar{
380
+ display:none;
381
+ }
382
+ .magritte-textarea-medium___GNzAm_3-1-1 .magritte-native-element___a0RAE_3-1-1,
383
+ .magritte-textarea-large___ugT-5_3-1-1 .magritte-native-element___a0RAE_3-1-1{
384
+ font-family:"hh sans";
385
+ font-weight:400;
386
+ line-height:22px;
387
+ font-size:16px;
388
+ letter-spacing:0em;
389
+ text-indent:0px;
390
+ text-transform:none;
391
+ text-decoration:none;
392
+ }
393
+ .magritte-native-element___a0RAE_3-1-1:focus{
454
394
  outline:none;
455
395
  }
456
- .magritte-textarea-layout-fill-both___ERS-q_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4,
457
- .magritte-textarea-layout-fill-vertical___HmNtp_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4,
458
- .magritte-textarea-layout-fill-horizontal___imBH2_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4{
396
+ .magritte-textarea-layout-fill-both___ERS-q_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1,
397
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1,
398
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-1-1 .magritte-textarea-position-container-wrapper___4Dsui_3-1-1{
459
399
  flex:1;
460
400
  }
461
- .magritte-textarea-layout-fill-both___ERS-q_3-0-4{
401
+ .magritte-textarea-layout-fill-both___ERS-q_3-1-1{
462
402
  width:100%;
463
403
  height:100%;
464
404
  }
465
- .magritte-textarea-layout-fill-vertical___HmNtp_3-0-4{
405
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-1-1{
466
406
  height:100%;
467
407
  }
468
- .magritte-textarea-layout-fill-horizontal___imBH2_3-0-4,
469
- .magritte-textarea-layout-hug___tdCMY_3-0-4{
408
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-1-1,
409
+ .magritte-textarea-layout-hug___tdCMY_3-1-1{
470
410
  width:100%;
471
411
  }
472
412
  @media (min-width: 1020px){
473
- body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
413
+ body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1{
474
414
  max-height:var(--magritte-textarea-max-height, auto);
475
415
  }
476
416
  }
477
417
  @media (min-width: 1024px){
478
- body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
418
+ body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-1-1 .magritte-textarea-position-container___cEpbv_3-1-1{
479
419
  max-height:var(--magritte-textarea-max-height, auto);
480
420
  }
481
421
  }
482
- .magritte-textarea-wrapper___yD7G6_3-0-4{
422
+ .magritte-textarea-wrapper___yD7G6_3-1-1{
483
423
  display:grid;
484
424
  width:100%;
485
425
  }
486
- .magritte-value-clone-wrapper___2ZZvS_3-0-4{
426
+ .magritte-value-clone-wrapper___2ZZvS_3-1-1{
487
427
  grid-area:1 / 1 / 2 / 2;
488
428
  min-height:0;
489
429
  overflow:hidden;
490
430
  }
491
- .magritte-value-clone-container___PVM97_3-0-4{
431
+ .magritte-value-clone-container___PVM97_3-1-1{
492
432
  margin:0;
493
433
  box-sizing:border-box;
494
434
  border:0;
495
435
  width:100%;
496
436
  padding:0;
497
- color:var(--magritte-color-component-input-text-content-v23-2-1);
498
- caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-2-1));
437
+ color:var(--magritte-color-component-input-text-content-v23-2-2);
438
+ caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-2-2));
499
439
  transform:translateY(var(--magritte-ui-textarea-vertical-offset));
500
440
  border-bottom:calc(var(--magritte-ui-textarea-additional-bottom-padding) - var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding)) + var(--magritte-ui-textarea-vertical-offset)) solid transparent;
501
- font-family:var(--magritte-typography-label-3-regular-font-family-v23-2-1);
502
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-2-1);
503
- line-height:var(--magritte-typography-label-3-regular-line-height-v23-2-1);
504
- font-size:var(--magritte-typography-label-3-regular-font-size-v23-2-1);
505
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-2-1);
506
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-2-1);
507
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-2-1);
508
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-2-1);
441
+ overflow:auto;
442
+ overscroll-behavior:none;
443
+ scrollbar-width:none;
444
+ font-family:"hh sans";
445
+ font-weight:400;
446
+ line-height:20px;
447
+ font-size:14px;
448
+ letter-spacing:0.005em;
449
+ text-indent:0px;
450
+ text-transform:none;
451
+ text-decoration:none;
509
452
  width:auto;
510
453
  height:auto;
511
454
  white-space:pre-wrap;
@@ -514,125 +457,128 @@
514
457
  visibility:hidden;
515
458
  pointer-events:none;
516
459
  }
517
- .magritte-textarea-medium___GNzAm_3-0-4 .magritte-value-clone-container___PVM97_3-0-4,
518
- .magritte-textarea-large___ugT-5_3-0-4 .magritte-value-clone-container___PVM97_3-0-4{
519
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
520
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
521
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
522
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
523
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
524
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
525
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
526
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
527
- }
528
- .magritte-textarea-small___Q-tsg_3-0-4 .magritte-side-padding___O-HUP_3-0-4{
460
+ .magritte-value-clone-container___PVM97_3-1-1::-webkit-scrollbar{
461
+ display:none;
462
+ }
463
+ .magritte-textarea-medium___GNzAm_3-1-1 .magritte-value-clone-container___PVM97_3-1-1,
464
+ .magritte-textarea-large___ugT-5_3-1-1 .magritte-value-clone-container___PVM97_3-1-1{
465
+ font-family:"hh sans";
466
+ font-weight:400;
467
+ line-height:22px;
468
+ font-size:16px;
469
+ letter-spacing:0em;
470
+ text-indent:0px;
471
+ text-transform:none;
472
+ text-decoration:none;
473
+ }
474
+ .magritte-textarea-small___Q-tsg_3-1-1 .magritte-side-padding___O-HUP_3-1-1{
529
475
  padding:0 calc(12px - 2px);
530
476
  }
531
- .magritte-textarea-medium___GNzAm_3-0-4 .magritte-side-padding___O-HUP_3-0-4{
477
+ .magritte-textarea-medium___GNzAm_3-1-1 .magritte-side-padding___O-HUP_3-1-1{
532
478
  padding:0 calc(16px - 2px);
533
479
  }
534
- .magritte-textarea-large___ugT-5_3-0-4 .magritte-side-padding___O-HUP_3-0-4{
480
+ .magritte-textarea-large___ugT-5_3-1-1 .magritte-side-padding___O-HUP_3-1-1{
535
481
  padding:0 calc(16px - 2px);
536
482
  }
537
- .magritte-textarea-position-container___cEpbv_3-0-4{
483
+ .magritte-textarea-position-container___cEpbv_3-1-1{
538
484
  display:inline-flex;
539
485
  overflow:hidden;
540
486
  position:relative;
541
487
  width:100%;
542
488
  border-radius:12px;
543
- background-color:var(--magritte-color-component-input-background-field-v23-2-1);
489
+ background-color:var(--magritte-color-component-input-background-field-v23-2-2);
544
490
  cursor:text;
545
491
  box-sizing:border-box;
546
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-2-1);
492
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-2-2);
547
493
  padding:var(--magritte-ui-textarea-vertical-padding) 2px var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding));
548
494
  }
549
- .magritte-textarea-animation-timeout___zudbr_3-0-4,
550
- .magritte-textarea-position-container___cEpbv_3-0-4{
495
+ .magritte-textarea-animation-timeout___zudbr_3-1-1,
496
+ .magritte-textarea-position-container___cEpbv_3-1-1{
551
497
  transition-property:transform, color, font-size, letter-spacing;
552
498
  transition-duration:var(--animation-100-duration);
553
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
554
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
499
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-2);
500
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-2);
555
501
  }
556
- .magritte-textarea-rigging-container___-1S6i_3-0-4{
502
+ .magritte-textarea-rigging-container___-1S6i_3-1-1{
557
503
  position:relative;
558
504
  pointer-events:none;
559
505
  grid-area:1 / 1 / 2 / 2;
560
506
  }
561
- .magritte-textarea-label___sgTIH_3-0-4{
562
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
563
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
564
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
565
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
566
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
567
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
568
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
569
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
507
+ .magritte-textarea-label___sgTIH_3-1-1{
508
+ font-family:"hh sans";
509
+ font-weight:400;
510
+ line-height:22px;
511
+ font-size:16px;
512
+ letter-spacing:0em;
513
+ text-indent:0px;
514
+ text-transform:none;
515
+ text-decoration:none;
570
516
  display:block;
571
517
  overflow:hidden;
572
518
  text-overflow:ellipsis;
573
519
  user-select:none;
574
- color:var(--magritte-color-component-input-text-placeholder-v23-2-1);
520
+ color:var(--magritte-color-component-input-text-placeholder-v23-2-2);
575
521
  transition-property:transform, color, font-size, letter-spacing;
576
522
  transition-duration:var(--animation-100-duration);
577
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
523
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-2);
578
524
  }
579
- .magritte-label-no-wrap___RxZ3A_3-0-4{
525
+ .magritte-label-no-wrap___RxZ3A_3-1-1{
580
526
  white-space:nowrap;
581
527
  }
582
- .magritte-textarea-label-elevated___0lxOI_3-0-4{
583
- font-family:var(--magritte-typography-label-4-regular-font-family-v23-2-1);
584
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-2-1);
585
- line-height:var(--magritte-typography-label-4-regular-line-height-v23-2-1);
586
- font-size:var(--magritte-typography-label-4-regular-font-size-v23-2-1);
587
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-2-1);
588
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-2-1);
589
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-2-1);
590
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-2-1);
591
- color:var(--magritte-color-component-input-text-label-v23-2-1);
592
- transform:translateY(calc(var(--magritte-typography-label-4-regular-line-height-v23-2-1) * -0.5));
593
- }
594
- .magritte-textarea-limit___IjPJy_3-0-4{
528
+ .magritte-textarea-label-elevated___0lxOI_3-1-1{
529
+ font-family:"hh sans";
530
+ font-weight:400;
531
+ line-height:18px;
532
+ font-size:12px;
533
+ letter-spacing:0.01em;
534
+ text-indent:0px;
535
+ text-transform:none;
536
+ text-decoration:none;
537
+ color:var(--magritte-color-component-input-text-label-v23-2-2);
538
+ transform:translateY(calc(18px * -0.5));
539
+ }
540
+ .magritte-textarea-limit___IjPJy_3-1-1{
595
541
  position:absolute;
596
542
  bottom:8px;
597
543
  right:12px;
598
544
  left:16px;
599
545
  text-align:right;
600
- background-color:var(--magritte-color-component-input-background-field-v23-2-1);
546
+ background-color:var(--magritte-color-component-input-background-field-v23-2-2);
601
547
  pointer-events:none;
602
548
  z-index:1;
603
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v23-2-1);
549
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v23-2-2);
604
550
  }
605
- .magritte-textarea-grip___iL7lq_3-0-4{
551
+ .magritte-textarea-grip___iL7lq_3-1-1{
606
552
  position:absolute;
607
553
  pointer-events:none;
608
554
  display:inline-flex;
609
555
  bottom:4px;
610
556
  right:4px;
611
557
  border-bottom-right-radius:12px;
612
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v23-2-1);
558
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v23-2-2);
613
559
  }
614
- .magritte-textarea-grip-icon___YK-9w_3-0-4{
560
+ .magritte-textarea-grip-icon___YK-9w_3-1-1{
615
561
  display:inline-flex;
616
562
  z-index:1;
617
563
  }
618
564
  @media (prefers-reduced-motion: no-preference){
619
- .magritte-textarea-limit-enter___CygGz_3-0-4{
565
+ .magritte-textarea-limit-enter___CygGz_3-1-1{
620
566
  opacity:0;
621
567
  }
622
- .magritte-textarea-limit-exit___RMp-R_3-0-4,
623
- .magritte-textarea-limit-enter-active___8vN-t_3-0-4{
568
+ .magritte-textarea-limit-exit___RMp-R_3-1-1,
569
+ .magritte-textarea-limit-enter-active___8vN-t_3-1-1{
624
570
  opacity:1;
625
571
  }
626
- .magritte-textarea-limit-enter-active___8vN-t_3-0-4{
572
+ .magritte-textarea-limit-enter-active___8vN-t_3-1-1{
627
573
  transition-property:opacity;
628
- transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-1);
629
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-1);
630
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-1);
574
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-2);
575
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-2);
576
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-2);
631
577
  }
632
- .magritte-textarea-limit-exit-active___a5kBr_3-0-4{
578
+ .magritte-textarea-limit-exit-active___a5kBr_3-1-1{
633
579
  opacity:0;
634
580
  transition-property:opacity;
635
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
636
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
581
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-2);
582
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-2);
637
583
  }
638
584
  }