@hh.ru/magritte-ui-input 9.4.33 → 9.4.35

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