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