@hh.ru/magritte-ui-input 7.2.2 → 7.2.3

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