@hh.ru/magritte-ui-avatar 5.1.0 → 5.1.2

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 (8) hide show
  1. package/Avatar.js +1 -1
  2. package/Skeleton-BSVHP7Tw.js +18 -0
  3. package/{Skeleton-CJIkCUza.js.map → Skeleton-BSVHP7Tw.js.map} +1 -1
  4. package/Skeleton.js +1 -1
  5. package/index.css +258 -788
  6. package/index.js +1 -1
  7. package/package.json +6 -6
  8. package/Skeleton-CJIkCUza.js +0 -18
package/index.css CHANGED
@@ -1,646 +1,116 @@
1
1
  :root{
2
- --magritte-color-background-primary-v20-1-0:#ffffff;
3
- --magritte-color-background-secondary-v20-1-0:#F1F4F9;
4
- --magritte-color-background-tertiary-v20-1-0:#DCE3EB;
5
- --magritte-color-background-accent-secondary-v20-1-0:#EDF6FF;
6
- --magritte-color-background-positive-secondary-v20-1-0:#E8F9EC;
7
- --magritte-color-background-negative-secondary-v20-1-0:#FEF2EF;
8
- --magritte-color-background-warning-secondary-v20-1-0:#FFF3E6;
9
- --magritte-color-background-special-secondary-v20-1-0:#F7F4FF;
10
- --magritte-color-background-constant-v20-1-0:#000000;
11
- --magritte-color-component-avatar-online-positive-v20-1-0:#0ea658;
12
- --magritte-color-component-avatar-online-contrast-v20-1-0:#ffffff;
13
- --magritte-color-component-avatar-background-color-01-v20-1-0:#96aabb;
14
- --magritte-color-component-avatar-background-color-02-v20-1-0:#ff859f;
15
- --magritte-color-component-avatar-background-color-03-v20-1-0:#ff8a77;
16
- --magritte-color-component-avatar-background-color-04-v20-1-0:#e8c33d;
17
- --magritte-color-component-avatar-background-color-05-v20-1-0:#ff9900;
18
- --magritte-color-component-avatar-background-color-06-v20-1-0:#0dc267;
19
- --magritte-color-component-avatar-background-color-07-v20-1-0:#76adfe;
20
- --magritte-color-component-avatar-background-color-08-v20-1-0:#50b5e8;
21
- --magritte-color-component-avatar-background-color-09-v20-1-0:#b99bf8;
22
- --magritte-color-component-avatar-text-letters-v20-1-0:#ffffff;
23
- --magritte-color-component-avatar-stroke-image-v20-1-0:#00000014;
24
- --magritte-color-component-avatar-stroke-placeholder-v20-1-0:#6a788514;
25
- --magritte-color-component-avatar-stroke-letters-v20-1-0:#0000000a;
26
- --magritte-color-component-avatar-stroke-icon-v20-1-0:#0000000a;
27
- --magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0:#0070ff7a;
2
+ --magritte-color-background-primary-v21-1-0:#ffffff;
3
+ --magritte-color-background-secondary-v21-1-0:#F1F4F9;
4
+ --magritte-color-background-tertiary-v21-1-0:#DCE3EB;
5
+ --magritte-color-background-accent-secondary-v21-1-0:#EDF6FF;
6
+ --magritte-color-background-positive-secondary-v21-1-0:#E8F9EC;
7
+ --magritte-color-background-negative-secondary-v21-1-0:#FEF2EF;
8
+ --magritte-color-background-warning-secondary-v21-1-0:#FFF3E6;
9
+ --magritte-color-background-special-secondary-v21-1-0:#F7F4FF;
10
+ --magritte-color-background-constant-v21-1-0:#000000;
11
+ --magritte-color-component-avatar-online-positive-v21-1-0:#0ea658;
12
+ --magritte-color-component-avatar-online-contrast-v21-1-0:#ffffff;
13
+ --magritte-color-component-avatar-background-color-01-v21-1-0:#96aabb;
14
+ --magritte-color-component-avatar-background-color-02-v21-1-0:#ff859f;
15
+ --magritte-color-component-avatar-background-color-03-v21-1-0:#ff8a77;
16
+ --magritte-color-component-avatar-background-color-04-v21-1-0:#e8c33d;
17
+ --magritte-color-component-avatar-background-color-05-v21-1-0:#ff9900;
18
+ --magritte-color-component-avatar-background-color-06-v21-1-0:#0dc267;
19
+ --magritte-color-component-avatar-background-color-07-v21-1-0:#76adfe;
20
+ --magritte-color-component-avatar-background-color-08-v21-1-0:#50b5e8;
21
+ --magritte-color-component-avatar-background-color-09-v21-1-0:#b99bf8;
22
+ --magritte-color-component-avatar-text-letters-v21-1-0:#ffffff;
23
+ --magritte-color-component-avatar-stroke-image-v21-1-0:#00000014;
24
+ --magritte-color-component-avatar-stroke-placeholder-v21-1-0:#6a788514;
25
+ --magritte-color-component-avatar-stroke-letters-v21-1-0:#0000000a;
26
+ --magritte-color-component-avatar-stroke-icon-v21-1-0:#0000000a;
27
+ --magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0:#0070ff7a;
28
28
  }
29
29
  :root{
30
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"hh sans";
31
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:500;
32
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
33
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
34
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
35
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
36
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
37
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
38
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"hh sans";
39
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:500;
40
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
41
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
42
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
43
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
44
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
45
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
46
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"hh sans";
47
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:500;
48
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
49
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
50
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
51
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
52
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
53
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
54
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"hh sans";
55
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:500;
56
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
57
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
58
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
59
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
60
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
61
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
62
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"hh sans";
63
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:500;
64
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
65
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
66
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
67
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
68
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
69
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
70
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"hh sans";
71
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:500;
72
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
73
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
74
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
75
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
76
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
77
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
78
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"hh sans";
79
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:500;
80
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
81
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
82
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
83
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
84
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
85
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
86
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"hh sans";
87
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:500;
88
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
89
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
90
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
91
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
92
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
93
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
94
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"hh sans";
95
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:500;
96
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
97
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
98
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
99
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
100
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
101
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
102
- --magritte-typography-label-1-regular-font-family-v20-1-0:"hh sans";
103
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
104
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
105
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
106
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
107
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
108
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
109
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
110
- --magritte-typography-label-2-regular-font-family-v20-1-0:"hh sans";
111
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
112
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
113
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
114
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
115
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
116
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
117
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
118
- --magritte-typography-label-3-regular-font-family-v20-1-0:"hh sans";
119
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
120
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
121
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
122
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
123
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
124
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
125
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
126
- --magritte-typography-label-4-regular-font-family-v20-1-0:"hh sans";
127
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
128
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
129
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
130
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
131
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
132
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
133
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
134
- --magritte-typography-label-5-regular-font-family-v20-1-0:"hh sans";
135
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
136
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
137
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
138
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
139
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
140
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
141
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
142
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"hh sans";
143
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
144
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
145
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
146
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
147
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
148
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
149
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
150
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"hh sans";
151
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
152
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
153
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
154
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
155
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
156
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
157
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
158
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"hh sans";
159
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
160
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
161
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
162
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
163
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
164
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
165
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
166
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"hh sans";
167
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
168
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
169
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
170
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
171
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
172
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
173
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
174
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"hh sans";
175
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:500;
176
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
177
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
178
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
179
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
180
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
181
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
182
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"hh sans";
183
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:500;
184
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
185
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
186
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
187
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
188
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
189
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
190
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"hh sans";
191
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:500;
192
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
193
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
194
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
195
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
196
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
197
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
198
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"hh sans";
199
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
200
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
201
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
202
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
203
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
204
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
205
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
206
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"hh sans";
207
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
208
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
209
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
210
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
211
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
212
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
213
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
214
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"hh sans";
215
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:500;
216
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
217
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
218
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
219
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
220
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
221
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
222
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"hh sans";
223
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:500;
224
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
225
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
226
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
227
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
228
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
229
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
230
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"hh sans";
231
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:500;
232
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
233
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
234
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
235
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
236
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
237
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
238
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"hh sans";
239
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:500;
240
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
241
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
242
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
243
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
244
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
245
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
246
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"hh sans";
247
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:500;
248
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
249
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
250
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
251
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
252
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
253
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
254
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"hh sans";
255
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:400;
256
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
257
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
258
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
259
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
260
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
261
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
262
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"hh sans";
263
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:400;
264
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
265
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
266
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
267
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
268
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
269
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
270
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"hh sans";
271
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:400;
272
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
273
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
274
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
275
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
276
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
277
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
278
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"hh sans";
279
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:400;
280
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
281
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
282
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
283
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
284
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
285
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
286
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"hh sans";
287
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:400;
288
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
289
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
290
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
291
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
292
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
293
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
294
- --magritte-color-base-white-v20-1-0:#ffffff;
295
- --magritte-color-base-graphite-90-v20-1-0:#DCE3EB;
296
- --magritte-color-base-graphite-95-v20-1-0:#EEF1F7;
297
- --magritte-color-base-graphite-96-v20-1-0:#F1F4F9;
298
- --magritte-color-base-gray-10-v20-1-0:#1B1B1B;
299
- --magritte-color-base-gray-30-v20-1-0:#474747;
300
- --magritte-color-base-gray-35-v20-1-0:#535353;
301
- --magritte-color-base-gray-40-v20-1-0:#5E5E5E;
302
- --magritte-color-base-gray-50-v20-1-0:#767676;
303
- --magritte-semantic-opacity-disabled-v20-1-0:48%;
304
- --magritte-semantic-scale-pressed-v20-1-0:0.96;
305
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v20-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
306
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v20-1-0:200ms;
307
- --magritte-semantic-border-width-default-v20-1-0:1px;
308
- --magritte-static-border-radius-200-v20-1-0:8px;
309
- --magritte-static-border-radius-300-v20-1-0:12px;
310
- --magritte-static-border-radius-600-v20-1-0:24px;
30
+ --magritte-color-base-white-v21-1-0:#ffffff;
31
+ --magritte-color-base-graphite-90-v21-1-0:#DCE3EB;
32
+ --magritte-color-base-graphite-95-v21-1-0:#EEF1F7;
33
+ --magritte-color-base-graphite-96-v21-1-0:#F1F4F9;
34
+ --magritte-color-base-gray-10-v21-1-0:#1B1B1B;
35
+ --magritte-color-base-gray-30-v21-1-0:#474747;
36
+ --magritte-color-base-gray-35-v21-1-0:#535353;
37
+ --magritte-color-base-gray-40-v21-1-0:#5E5E5E;
38
+ --magritte-color-base-gray-50-v21-1-0:#767676;
39
+ --magritte-semantic-opacity-disabled-v21-1-0:48%;
40
+ --magritte-semantic-scale-pressed-v21-1-0:0.96;
41
+ --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v21-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
42
+ --magritte-semantic-animation-ease-in-out-tiger-200-duration-v21-1-0:200ms;
43
+ --magritte-semantic-border-width-default-v21-1-0:1px;
44
+ --magritte-static-border-radius-200-v21-1-0:8px;
45
+ --magritte-static-border-radius-300-v21-1-0:12px;
46
+ --magritte-static-border-radius-600-v21-1-0:24px;
311
47
  }
312
48
  .magritte-night-theme{
313
- --magritte-color-background-primary-v20-1-0:#1B1B1B;
314
- --magritte-color-background-secondary-v20-1-0:#303030;
315
- --magritte-color-background-tertiary-v20-1-0:#474747;
316
- --magritte-color-background-accent-secondary-v20-1-0:#222D3D;
317
- --magritte-color-background-positive-secondary-v20-1-0:#16321F;
318
- --magritte-color-background-negative-secondary-v20-1-0:#3D2622;
319
- --magritte-color-background-warning-secondary-v20-1-0:#3D270E;
320
- --magritte-color-background-special-secondary-v20-1-0:#2F293C;
321
- --magritte-color-background-constant-v20-1-0:#000000;
322
- --magritte-color-component-avatar-online-positive-v20-1-0:#0ea658;
323
- --magritte-color-component-avatar-online-contrast-v20-1-0:#ffffff;
324
- --magritte-color-component-avatar-background-color-01-v20-1-0:#96aabb;
325
- --magritte-color-component-avatar-background-color-02-v20-1-0:#ff859f;
326
- --magritte-color-component-avatar-background-color-03-v20-1-0:#ff8a77;
327
- --magritte-color-component-avatar-background-color-04-v20-1-0:#c8a836;
328
- --magritte-color-component-avatar-background-color-05-v20-1-0:#ff9900;
329
- --magritte-color-component-avatar-background-color-06-v20-1-0:#0dc267;
330
- --magritte-color-component-avatar-background-color-07-v20-1-0:#76adfe;
331
- --magritte-color-component-avatar-background-color-08-v20-1-0:#50b5e8;
332
- --magritte-color-component-avatar-background-color-09-v20-1-0:#b99bf8;
333
- --magritte-color-component-avatar-text-letters-v20-1-0:#ffffff;
334
- --magritte-color-component-avatar-stroke-image-v20-1-0:#ffffff1f;
335
- --magritte-color-component-avatar-stroke-placeholder-v20-1-0:#ffffff1f;
336
- --magritte-color-component-avatar-stroke-letters-v20-1-0:#ffffff1f;
337
- --magritte-color-component-avatar-stroke-icon-v20-1-0:#ffffff1f;
338
- --magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0:#0070ff7a;
339
- }
340
- .magritte-with-inter{
341
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"Inter";
342
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:600;
343
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
344
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
345
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
346
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
347
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
348
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
349
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"Inter";
350
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:600;
351
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
352
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
353
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
354
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
355
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
356
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
357
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"Inter";
358
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:600;
359
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
360
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
361
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
362
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
363
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
364
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
365
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"Inter";
366
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:600;
367
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
368
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
369
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
370
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
371
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
372
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
373
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"Inter";
374
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:600;
375
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
376
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
377
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
378
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
379
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
380
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
381
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"Inter";
382
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:600;
383
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
384
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
385
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
386
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
387
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
388
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
389
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"Inter";
390
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:600;
391
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
392
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
393
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
394
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
395
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
396
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
397
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"Inter";
398
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:600;
399
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
400
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
401
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
402
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
403
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
404
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
405
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"Inter";
406
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:600;
407
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
408
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
409
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
410
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
411
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
412
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
413
- --magritte-typography-label-1-regular-font-family-v20-1-0:"Inter";
414
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
415
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
416
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
417
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
418
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
419
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
420
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
421
- --magritte-typography-label-2-regular-font-family-v20-1-0:"Inter";
422
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
423
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
424
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
425
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
426
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
427
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
428
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
429
- --magritte-typography-label-3-regular-font-family-v20-1-0:"Inter";
430
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
431
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
432
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
433
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
434
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
435
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
436
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
437
- --magritte-typography-label-4-regular-font-family-v20-1-0:"Inter";
438
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
439
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
440
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
441
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
442
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
443
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
444
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
445
- --magritte-typography-label-5-regular-font-family-v20-1-0:"Inter";
446
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
447
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
448
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
449
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
450
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
451
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
452
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
453
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"Inter";
454
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
455
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
456
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
457
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
458
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
459
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
460
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
461
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"Inter";
462
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
463
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
464
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
465
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
466
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
467
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
468
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
469
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"Inter";
470
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
471
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
472
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
473
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
474
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
475
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
476
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
477
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"Inter";
478
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
479
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
480
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
481
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
482
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
483
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
484
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
485
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"Inter";
486
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:600;
487
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
488
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
489
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
490
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
491
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
492
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
493
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"Inter";
494
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:600;
495
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
496
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
497
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
498
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
499
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
500
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
501
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"Inter";
502
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:600;
503
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
504
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
505
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
506
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
507
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
508
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
509
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"Inter";
510
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
511
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
512
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
513
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
514
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
515
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
516
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
517
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"Inter";
518
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
519
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
520
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
521
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
522
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
523
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
524
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
525
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"Inter";
526
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:undefined;
527
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
528
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
529
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
530
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
531
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
532
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
533
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"Inter";
534
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:undefined;
535
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
536
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
537
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
538
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
539
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
540
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
541
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"Inter";
542
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:undefined;
543
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
544
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
545
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
546
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
547
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
548
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
549
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"Inter";
550
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:undefined;
551
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
552
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
553
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
554
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
555
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
556
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
557
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"Inter";
558
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:undefined;
559
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
560
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
561
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
562
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
563
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
564
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
565
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"Inter";
566
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:200;
567
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
568
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
569
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
570
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
571
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
572
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
573
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"Inter";
574
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:200;
575
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
576
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
577
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
578
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
579
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
580
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
581
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"Inter";
582
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:200;
583
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
584
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
585
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
586
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
587
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
588
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
589
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"Inter";
590
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:200;
591
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
592
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
593
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
594
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
595
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
596
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
597
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"Inter";
598
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:200;
599
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
600
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
601
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
602
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
603
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
604
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
605
- }
606
- .magritte-avatar-container___jBkeI_5-1-0{
49
+ --magritte-color-background-primary-v21-1-0:#1B1B1B;
50
+ --magritte-color-background-secondary-v21-1-0:#303030;
51
+ --magritte-color-background-tertiary-v21-1-0:#474747;
52
+ --magritte-color-background-accent-secondary-v21-1-0:#222D3D;
53
+ --magritte-color-background-positive-secondary-v21-1-0:#16321F;
54
+ --magritte-color-background-negative-secondary-v21-1-0:#3D2622;
55
+ --magritte-color-background-warning-secondary-v21-1-0:#3D270E;
56
+ --magritte-color-background-special-secondary-v21-1-0:#2F293C;
57
+ --magritte-color-background-constant-v21-1-0:#000000;
58
+ --magritte-color-component-avatar-online-positive-v21-1-0:#0ea658;
59
+ --magritte-color-component-avatar-online-contrast-v21-1-0:#ffffff;
60
+ --magritte-color-component-avatar-background-color-01-v21-1-0:#96aabb;
61
+ --magritte-color-component-avatar-background-color-02-v21-1-0:#ff859f;
62
+ --magritte-color-component-avatar-background-color-03-v21-1-0:#ff8a77;
63
+ --magritte-color-component-avatar-background-color-04-v21-1-0:#c8a836;
64
+ --magritte-color-component-avatar-background-color-05-v21-1-0:#ff9900;
65
+ --magritte-color-component-avatar-background-color-06-v21-1-0:#0dc267;
66
+ --magritte-color-component-avatar-background-color-07-v21-1-0:#76adfe;
67
+ --magritte-color-component-avatar-background-color-08-v21-1-0:#50b5e8;
68
+ --magritte-color-component-avatar-background-color-09-v21-1-0:#b99bf8;
69
+ --magritte-color-component-avatar-text-letters-v21-1-0:#ffffff;
70
+ --magritte-color-component-avatar-stroke-image-v21-1-0:#ffffff1f;
71
+ --magritte-color-component-avatar-stroke-placeholder-v21-1-0:#ffffff1f;
72
+ --magritte-color-component-avatar-stroke-letters-v21-1-0:#ffffff1f;
73
+ --magritte-color-component-avatar-stroke-icon-v21-1-0:#ffffff1f;
74
+ --magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0:#0070ff7a;
75
+ }
76
+ .magritte-avatar-container___jBkeI_5-1-2{
607
77
  position:relative;
608
78
  }
609
- .magritte-avatar-container_disabled___EkG4l_5-1-0{
79
+ .magritte-avatar-container_disabled___EkG4l_5-1-2{
610
80
  pointer-events:none;
611
- opacity:var(--magritte-semantic-opacity-disabled-v20-1-0);
81
+ opacity:var(--magritte-semantic-opacity-disabled-v21-1-0);
612
82
  }
613
- .magritte-avatar___x--BK_5-1-0{
83
+ .magritte-avatar___x--BK_5-1-2{
614
84
  display:flex;
615
85
  align-items:center;
616
86
  justify-content:center;
617
87
  overflow:hidden;
618
88
  position:relative;
619
- --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v20-1-0);
620
- --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-graphite-95-v20-1-0);
621
- --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-white-v20-1-0);
622
- --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-graphite-90-v20-1-0);
623
- --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-graphite-90-v20-1-0);
624
- --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-graphite-96-v20-1-0);
625
- --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-graphite-90-v20-1-0);
626
- --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-white-v20-1-0);
627
- --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-graphite-90-v20-1-0);
628
- }
629
- .magritte-avatar___x--BK_5-1-0:not(div){
89
+ --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v21-1-0);
90
+ --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-graphite-95-v21-1-0);
91
+ --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-white-v21-1-0);
92
+ --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-graphite-90-v21-1-0);
93
+ --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-graphite-90-v21-1-0);
94
+ --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-graphite-96-v21-1-0);
95
+ --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-graphite-90-v21-1-0);
96
+ --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-white-v21-1-0);
97
+ --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-graphite-90-v21-1-0);
98
+ }
99
+ .magritte-avatar___x--BK_5-1-2:not(div){
630
100
  cursor:pointer;
631
101
  }
632
- .magritte-avatar___x--BK_5-1-0:focus{
102
+ .magritte-avatar___x--BK_5-1-2:focus{
633
103
  outline:none;
634
104
  }
635
- .magritte-avatar___x--BK_5-1-0.focus-visible{
636
- outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
105
+ .magritte-avatar___x--BK_5-1-2.focus-visible{
106
+ outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
637
107
  }
638
- .magritte-avatar___x--BK_5-1-0:not(div):active{
639
- transform:scale(var(--magritte-semantic-scale-pressed-v20-1-0));
640
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v20-1-0);
641
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v20-1-0);
108
+ .magritte-avatar___x--BK_5-1-2:not(div):active{
109
+ transform:scale(var(--magritte-semantic-scale-pressed-v21-1-0));
110
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v21-1-0);
111
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v21-1-0);
642
112
  }
643
- .magritte-avatar___x--BK_5-1-0::after{
113
+ .magritte-avatar___x--BK_5-1-2::after{
644
114
  content:'';
645
115
  top:0;
646
116
  left:0;
@@ -648,169 +118,169 @@
648
118
  width:100%;
649
119
  height:100%;
650
120
  }
651
- .magritte-night-theme .magritte-avatar___x--BK_5-1-0{
652
- --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-gray-10-v20-1-0);
653
- --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-gray-50-v20-1-0);
654
- --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-gray-40-v20-1-0);
655
- --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-gray-30-v20-1-0);
656
- --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-gray-35-v20-1-0);
657
- --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-gray-35-v20-1-0);
658
- --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-gray-50-v20-1-0);
659
- --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-gray-30-v20-1-0);
660
- }
661
- .magritte-avatar-container_size-24___f6DH2_5-1-0,
662
- .magritte-avatar-skeleton-24___9hUuj_5-1-0,
663
- .magritte-avatar_size-24___0dAId_5-1-0{
121
+ .magritte-night-theme .magritte-avatar___x--BK_5-1-2{
122
+ --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-gray-10-v21-1-0);
123
+ --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-gray-50-v21-1-0);
124
+ --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-gray-40-v21-1-0);
125
+ --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-gray-30-v21-1-0);
126
+ --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-gray-35-v21-1-0);
127
+ --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-gray-35-v21-1-0);
128
+ --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-gray-50-v21-1-0);
129
+ --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-gray-30-v21-1-0);
130
+ }
131
+ .magritte-avatar-container_size-24___f6DH2_5-1-2,
132
+ .magritte-avatar-skeleton-24___9hUuj_5-1-2,
133
+ .magritte-avatar_size-24___0dAId_5-1-2{
664
134
  width:24px;
665
135
  height:24px;
666
- border-radius:var(--magritte-static-border-radius-200-v20-1-0);
136
+ border-radius:var(--magritte-static-border-radius-200-v21-1-0);
667
137
  }
668
- .magritte-avatar-container_size-24___f6DH2_5-1-0:after,
669
- .magritte-avatar-skeleton-24___9hUuj_5-1-0:after,
670
- .magritte-avatar_size-24___0dAId_5-1-0:after{
671
- border-radius:var(--magritte-static-border-radius-200-v20-1-0);
138
+ .magritte-avatar-container_size-24___f6DH2_5-1-2:after,
139
+ .magritte-avatar-skeleton-24___9hUuj_5-1-2:after,
140
+ .magritte-avatar_size-24___0dAId_5-1-2:after{
141
+ border-radius:var(--magritte-static-border-radius-200-v21-1-0);
672
142
  }
673
- .magritte-avatar-container_size-40___mVeBD_5-1-0,
674
- .magritte-avatar-skeleton-40___ZN6a7_5-1-0,
675
- .magritte-avatar_size-40___zj3fM_5-1-0{
143
+ .magritte-avatar-container_size-40___mVeBD_5-1-2,
144
+ .magritte-avatar-skeleton-40___ZN6a7_5-1-2,
145
+ .magritte-avatar_size-40___zj3fM_5-1-2{
676
146
  width:40px;
677
147
  height:40px;
678
- border-radius:var(--magritte-static-border-radius-300-v20-1-0);
148
+ border-radius:var(--magritte-static-border-radius-300-v21-1-0);
679
149
  }
680
- .magritte-avatar-container_size-40___mVeBD_5-1-0:after,
681
- .magritte-avatar-skeleton-40___ZN6a7_5-1-0:after,
682
- .magritte-avatar_size-40___zj3fM_5-1-0:after{
683
- border-radius:var(--magritte-static-border-radius-300-v20-1-0);
150
+ .magritte-avatar-container_size-40___mVeBD_5-1-2:after,
151
+ .magritte-avatar-skeleton-40___ZN6a7_5-1-2:after,
152
+ .magritte-avatar_size-40___zj3fM_5-1-2:after{
153
+ border-radius:var(--magritte-static-border-radius-300-v21-1-0);
684
154
  }
685
- .magritte-avatar-container_size-48___pflud_5-1-0,
686
- .magritte-avatar-skeleton-48___CC-af_5-1-0,
687
- .magritte-avatar_size-48___JzITc_5-1-0{
155
+ .magritte-avatar-container_size-48___pflud_5-1-2,
156
+ .magritte-avatar-skeleton-48___CC-af_5-1-2,
157
+ .magritte-avatar_size-48___JzITc_5-1-2{
688
158
  width:48px;
689
159
  height:48px;
690
- border-radius:var(--magritte-static-border-radius-300-v20-1-0);
160
+ border-radius:var(--magritte-static-border-radius-300-v21-1-0);
691
161
  }
692
- .magritte-avatar-container_size-48___pflud_5-1-0:after,
693
- .magritte-avatar-skeleton-48___CC-af_5-1-0:after,
694
- .magritte-avatar_size-48___JzITc_5-1-0:after{
695
- border-radius:var(--magritte-static-border-radius-300-v20-1-0);
162
+ .magritte-avatar-container_size-48___pflud_5-1-2:after,
163
+ .magritte-avatar-skeleton-48___CC-af_5-1-2:after,
164
+ .magritte-avatar_size-48___JzITc_5-1-2:after{
165
+ border-radius:var(--magritte-static-border-radius-300-v21-1-0);
696
166
  }
697
- .magritte-avatar-container_size-96___Up8Hn_5-1-0,
698
- .magritte-avatar-skeleton-96___qYG-Z_5-1-0,
699
- .magritte-avatar_size-96___5SeO2_5-1-0{
167
+ .magritte-avatar-container_size-96___Up8Hn_5-1-2,
168
+ .magritte-avatar-skeleton-96___qYG-Z_5-1-2,
169
+ .magritte-avatar_size-96___5SeO2_5-1-2{
700
170
  width:96px;
701
171
  height:96px;
702
- border-radius:var(--magritte-static-border-radius-600-v20-1-0);
172
+ border-radius:var(--magritte-static-border-radius-600-v21-1-0);
703
173
  }
704
- .magritte-avatar-container_size-96___Up8Hn_5-1-0:after,
705
- .magritte-avatar-skeleton-96___qYG-Z_5-1-0:after,
706
- .magritte-avatar_size-96___5SeO2_5-1-0:after{
707
- border-radius:var(--magritte-static-border-radius-600-v20-1-0);
174
+ .magritte-avatar-container_size-96___Up8Hn_5-1-2:after,
175
+ .magritte-avatar-skeleton-96___qYG-Z_5-1-2:after,
176
+ .magritte-avatar_size-96___5SeO2_5-1-2:after{
177
+ border-radius:var(--magritte-static-border-radius-600-v21-1-0);
708
178
  }
709
- .magritte-avatar-container_size-208___k7SkJ_5-1-0,
710
- .magritte-avatar-skeleton-208___ybqJw_5-1-0,
711
- .magritte-avatar_size-208___rzfu3_5-1-0{
179
+ .magritte-avatar-container_size-208___k7SkJ_5-1-2,
180
+ .magritte-avatar-skeleton-208___ybqJw_5-1-2,
181
+ .magritte-avatar_size-208___rzfu3_5-1-2{
712
182
  width:208px;
713
183
  height:208px;
714
- border-radius:var(--magritte-static-border-radius-200-v20-1-0);
184
+ border-radius:var(--magritte-static-border-radius-200-v21-1-0);
715
185
  }
716
- .magritte-avatar-container_size-208___k7SkJ_5-1-0:after,
717
- .magritte-avatar-skeleton-208___ybqJw_5-1-0:after,
718
- .magritte-avatar_size-208___rzfu3_5-1-0:after{
719
- border-radius:var(--magritte-static-border-radius-200-v20-1-0);
186
+ .magritte-avatar-container_size-208___k7SkJ_5-1-2:after,
187
+ .magritte-avatar-skeleton-208___ybqJw_5-1-2:after,
188
+ .magritte-avatar_size-208___rzfu3_5-1-2:after{
189
+ border-radius:var(--magritte-static-border-radius-200-v21-1-0);
720
190
  }
721
- .magritte-avatar_shape-circle___kEbru_5-1-0,
722
- .magritte-avatar-skeleton-circle___rD1E0_5-1-0{
191
+ .magritte-avatar_shape-circle___kEbru_5-1-2,
192
+ .magritte-avatar-skeleton-circle___rD1E0_5-1-2{
723
193
  border-radius:50%;
724
194
  }
725
- .magritte-avatar_shape-circle___kEbru_5-1-0::after,
726
- .magritte-avatar-skeleton-circle___rD1E0_5-1-0::after{
195
+ .magritte-avatar_shape-circle___kEbru_5-1-2::after,
196
+ .magritte-avatar-skeleton-circle___rD1E0_5-1-2::after{
727
197
  border-radius:50%;
728
198
  }
729
- .magritte-avatar_style-color-1___xXtkh_5-1-0{
730
- background-color:var(--magritte-color-component-avatar-background-color-01-v20-1-0);
199
+ .magritte-avatar_style-color-1___xXtkh_5-1-2{
200
+ background-color:var(--magritte-color-component-avatar-background-color-01-v21-1-0);
731
201
  }
732
- .magritte-avatar_style-color-2___JraJd_5-1-0{
733
- background-color:var(--magritte-color-component-avatar-background-color-02-v20-1-0);
202
+ .magritte-avatar_style-color-2___JraJd_5-1-2{
203
+ background-color:var(--magritte-color-component-avatar-background-color-02-v21-1-0);
734
204
  }
735
- .magritte-avatar_style-color-3___g29U3_5-1-0{
736
- background-color:var(--magritte-color-component-avatar-background-color-03-v20-1-0);
205
+ .magritte-avatar_style-color-3___g29U3_5-1-2{
206
+ background-color:var(--magritte-color-component-avatar-background-color-03-v21-1-0);
737
207
  }
738
- .magritte-avatar_style-color-4___pHhmj_5-1-0{
739
- background-color:var(--magritte-color-component-avatar-background-color-04-v20-1-0);
208
+ .magritte-avatar_style-color-4___pHhmj_5-1-2{
209
+ background-color:var(--magritte-color-component-avatar-background-color-04-v21-1-0);
740
210
  }
741
- .magritte-avatar_style-color-5___H9Ie3_5-1-0{
742
- background-color:var(--magritte-color-component-avatar-background-color-05-v20-1-0);
211
+ .magritte-avatar_style-color-5___H9Ie3_5-1-2{
212
+ background-color:var(--magritte-color-component-avatar-background-color-05-v21-1-0);
743
213
  }
744
- .magritte-avatar_style-color-6___oODXO_5-1-0{
745
- background-color:var(--magritte-color-component-avatar-background-color-06-v20-1-0);
214
+ .magritte-avatar_style-color-6___oODXO_5-1-2{
215
+ background-color:var(--magritte-color-component-avatar-background-color-06-v21-1-0);
746
216
  }
747
- .magritte-avatar_style-color-7___SfUBl_5-1-0{
748
- background-color:var(--magritte-color-component-avatar-background-color-07-v20-1-0);
217
+ .magritte-avatar_style-color-7___SfUBl_5-1-2{
218
+ background-color:var(--magritte-color-component-avatar-background-color-07-v21-1-0);
749
219
  }
750
- .magritte-avatar_style-color-8___rlI6h_5-1-0{
751
- background-color:var(--magritte-color-component-avatar-background-color-08-v20-1-0);
220
+ .magritte-avatar_style-color-8___rlI6h_5-1-2{
221
+ background-color:var(--magritte-color-component-avatar-background-color-08-v21-1-0);
752
222
  }
753
- .magritte-avatar_style-color-9___XQO4B_5-1-0{
754
- background-color:var(--magritte-color-component-avatar-background-color-09-v20-1-0);
223
+ .magritte-avatar_style-color-9___XQO4B_5-1-2{
224
+ background-color:var(--magritte-color-component-avatar-background-color-09-v21-1-0);
755
225
  }
756
- .magritte-avatar_style-primary___SvqU1_5-1-0{
757
- background-color:var(--magritte-color-background-primary-v20-1-0);
226
+ .magritte-avatar_style-primary___SvqU1_5-1-2{
227
+ background-color:var(--magritte-color-background-primary-v21-1-0);
758
228
  }
759
- .magritte-avatar_style-secondary___C6MTH_5-1-0{
760
- background-color:var(--magritte-color-background-secondary-v20-1-0);
229
+ .magritte-avatar_style-secondary___C6MTH_5-1-2{
230
+ background-color:var(--magritte-color-background-secondary-v21-1-0);
761
231
  }
762
- .magritte-avatar_style-tertiary___3o-90_5-1-0{
763
- background-color:var(--magritte-color-background-tertiary-v20-1-0);
232
+ .magritte-avatar_style-tertiary___3o-90_5-1-2{
233
+ background-color:var(--magritte-color-background-tertiary-v21-1-0);
764
234
  }
765
- .magritte-avatar_style-accent___LgPSo_5-1-0{
766
- background-color:var(--magritte-color-background-accent-secondary-v20-1-0);
235
+ .magritte-avatar_style-accent___LgPSo_5-1-2{
236
+ background-color:var(--magritte-color-background-accent-secondary-v21-1-0);
767
237
  }
768
- .magritte-avatar_style-positive___bDzbE_5-1-0{
769
- background-color:var(--magritte-color-background-positive-secondary-v20-1-0);
238
+ .magritte-avatar_style-positive___bDzbE_5-1-2{
239
+ background-color:var(--magritte-color-background-positive-secondary-v21-1-0);
770
240
  }
771
- .magritte-avatar_style-negative___xHHQb_5-1-0{
772
- background-color:var(--magritte-color-background-negative-secondary-v20-1-0);
241
+ .magritte-avatar_style-negative___xHHQb_5-1-2{
242
+ background-color:var(--magritte-color-background-negative-secondary-v21-1-0);
773
243
  }
774
- .magritte-avatar_style-warning___7kKRS_5-1-0{
775
- background-color:var(--magritte-color-background-warning-secondary-v20-1-0);
244
+ .magritte-avatar_style-warning___7kKRS_5-1-2{
245
+ background-color:var(--magritte-color-background-warning-secondary-v21-1-0);
776
246
  }
777
- .magritte-avatar_style-special___gLmS0_5-1-0{
778
- background-color:var(--magritte-color-background-special-secondary-v20-1-0);
247
+ .magritte-avatar_style-special___gLmS0_5-1-2{
248
+ background-color:var(--magritte-color-background-special-secondary-v21-1-0);
779
249
  }
780
- .magritte-avatar_style-contrast___zHyp-_5-1-0{
781
- background-color:var(--magritte-color-background-constant-v20-1-0);
250
+ .magritte-avatar_style-contrast___zHyp-_5-1-2{
251
+ background-color:var(--magritte-color-background-constant-v21-1-0);
782
252
  }
783
- .magritte-avatar_mode-image___02zr1_5-1-0::after{
784
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-image-v20-1-0);
253
+ .magritte-avatar_mode-image___02zr1_5-1-2::after{
254
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v21-1-0) var(--magritte-color-component-avatar-stroke-image-v21-1-0);
785
255
  }
786
- .magritte-avatar_mode-letters___ot4qB_5-1-0::after{
787
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-letters-v20-1-0);
256
+ .magritte-avatar_mode-letters___ot4qB_5-1-2::after{
257
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v21-1-0) var(--magritte-color-component-avatar-stroke-letters-v21-1-0);
788
258
  }
789
- .magritte-avatar_mode-icon___MYrlv_5-1-0::after{
790
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-icon-v20-1-0);
259
+ .magritte-avatar_mode-icon___MYrlv_5-1-2::after{
260
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v21-1-0) var(--magritte-color-component-avatar-stroke-icon-v21-1-0);
791
261
  }
792
- .magritte-avatar_mode-placeholder___6hOu7_5-1-0::after{
793
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-placeholder-v20-1-0);
262
+ .magritte-avatar_mode-placeholder___6hOu7_5-1-2::after{
263
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v21-1-0) var(--magritte-color-component-avatar-stroke-placeholder-v21-1-0);
794
264
  }
795
- .magritte-avatar-image___05p9Z_5-1-0{
265
+ .magritte-avatar-image___05p9Z_5-1-2{
796
266
  object-fit:cover;
797
267
  width:100%;
798
268
  height:100%;
799
269
  }
800
- .magritte-avatar-image_hidden___DPQBK_5-1-0{
270
+ .magritte-avatar-image_hidden___DPQBK_5-1-2{
801
271
  display:none;
802
272
  }
803
- .magritte-avatar_with-online-badge-24___helkM_5-1-0{
273
+ .magritte-avatar_with-online-badge-24___helkM_5-1-2{
804
274
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(6px / 2)) calc(100% - calc(6px / 2)), transparent calc(6px / 2 + 1px), #000 0);
805
275
  -webkit-mask-image:var(--transparent-area-mask);
806
276
  mask-image:var(--transparent-area-mask);
807
277
  }
808
- .magritte-avatar_shape-circle___kEbru_5-1-0.magritte-avatar_with-online-badge-24___helkM_5-1-0{
278
+ .magritte-avatar_shape-circle___kEbru_5-1-2.magritte-avatar_with-online-badge-24___helkM_5-1-2{
809
279
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(6px / 2) + 0px)) calc(100% - calc(calc(6px / 2) + 0px)), transparent calc(6px / 2 + 1px), #000 0);
810
280
  -webkit-mask-image:var(--transparent-area-mask);
811
281
  mask-image:var(--transparent-area-mask);
812
282
  }
813
- .magritte-avatar-online-badge-24___mjPKB_5-1-0{
283
+ .magritte-avatar-online-badge-24___mjPKB_5-1-2{
814
284
  position:absolute;
815
285
  border-radius:50%;
816
286
  width:6px;
@@ -818,13 +288,13 @@
818
288
  right:0px;
819
289
  bottom:0px;
820
290
  }
821
- .magritte-avatar-online-badge_style_positive___jHyv3_5-1-0{
822
- background-color:var(--magritte-color-component-avatar-online-positive-v20-1-0);
291
+ .magritte-avatar-online-badge_style_positive___jHyv3_5-1-2{
292
+ background-color:var(--magritte-color-component-avatar-online-positive-v21-1-0);
823
293
  }
824
- .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-0{
825
- background-color:var(--magritte-color-component-avatar-online-contrast-v20-1-0);
294
+ .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-2{
295
+ background-color:var(--magritte-color-component-avatar-online-contrast-v21-1-0);
826
296
  }
827
- .magritte-avatar_shape-circle___kEbru_5-1-0 ~ .magritte-avatar-online-badge-24___mjPKB_5-1-0{
297
+ .magritte-avatar_shape-circle___kEbru_5-1-2 ~ .magritte-avatar-online-badge-24___mjPKB_5-1-2{
828
298
  position:absolute;
829
299
  border-radius:50%;
830
300
  width:6px;
@@ -832,7 +302,7 @@
832
302
  right:0px;
833
303
  bottom:0px;
834
304
  }
835
- .magritte-avatar___x--BK_5-1-0.focus-visible + .magritte-avatar-focus-border-24___wnJnb_5-1-0{
305
+ .magritte-avatar___x--BK_5-1-2.focus-visible + .magritte-avatar-focus-border-24___wnJnb_5-1-2{
836
306
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(6px / 2) + 4px)) calc(100% - calc(calc(6px / 2) + 4px)), transparent calc(6px / 2 + 1px), #000 0);
837
307
  -webkit-mask-image:var(--transparent-area-mask);
838
308
  mask-image:var(--transparent-area-mask);
@@ -841,10 +311,10 @@
841
311
  height:24px;
842
312
  top:0;
843
313
  margin:-4px;
844
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
845
- border-radius:calc(var(--magritte-static-border-radius-200-v20-1-0) + 4px);
314
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
315
+ border-radius:calc(var(--magritte-static-border-radius-200-v21-1-0) + 4px);
846
316
  }
847
- .magritte-avatar___x--BK_5-1-0.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-0 + .magritte-avatar-focus-border-24___wnJnb_5-1-0{
317
+ .magritte-avatar___x--BK_5-1-2.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-2 + .magritte-avatar-focus-border-24___wnJnb_5-1-2{
848
318
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(6px / 2) + 0px) + 4px)) calc(100% - calc(calc(calc(6px / 2) + 0px) + 4px)), transparent calc(6px / 2 + 1px), #000 0);
849
319
  -webkit-mask-image:var(--transparent-area-mask);
850
320
  mask-image:var(--transparent-area-mask);
@@ -853,20 +323,20 @@
853
323
  height:24px;
854
324
  top:0;
855
325
  margin:-4px;
856
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
326
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
857
327
  border-radius:50%;
858
328
  }
859
- .magritte-avatar_with-online-badge-40___Tckho_5-1-0{
329
+ .magritte-avatar_with-online-badge-40___Tckho_5-1-2{
860
330
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
861
331
  -webkit-mask-image:var(--transparent-area-mask);
862
332
  mask-image:var(--transparent-area-mask);
863
333
  }
864
- .magritte-avatar_shape-circle___kEbru_5-1-0.magritte-avatar_with-online-badge-40___Tckho_5-1-0{
334
+ .magritte-avatar_shape-circle___kEbru_5-1-2.magritte-avatar_with-online-badge-40___Tckho_5-1-2{
865
335
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 2px)) calc(100% - calc(calc(8px / 2) + 2px)), transparent calc(8px / 2 + 2px), #000 0);
866
336
  -webkit-mask-image:var(--transparent-area-mask);
867
337
  mask-image:var(--transparent-area-mask);
868
338
  }
869
- .magritte-avatar-online-badge-40___HRNTS_5-1-0{
339
+ .magritte-avatar-online-badge-40___HRNTS_5-1-2{
870
340
  position:absolute;
871
341
  border-radius:50%;
872
342
  width:8px;
@@ -874,13 +344,13 @@
874
344
  right:0px;
875
345
  bottom:0px;
876
346
  }
877
- .magritte-avatar-online-badge_style_positive___jHyv3_5-1-0{
878
- background-color:var(--magritte-color-component-avatar-online-positive-v20-1-0);
347
+ .magritte-avatar-online-badge_style_positive___jHyv3_5-1-2{
348
+ background-color:var(--magritte-color-component-avatar-online-positive-v21-1-0);
879
349
  }
880
- .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-0{
881
- background-color:var(--magritte-color-component-avatar-online-contrast-v20-1-0);
350
+ .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-2{
351
+ background-color:var(--magritte-color-component-avatar-online-contrast-v21-1-0);
882
352
  }
883
- .magritte-avatar_shape-circle___kEbru_5-1-0 ~ .magritte-avatar-online-badge-40___HRNTS_5-1-0{
353
+ .magritte-avatar_shape-circle___kEbru_5-1-2 ~ .magritte-avatar-online-badge-40___HRNTS_5-1-2{
884
354
  position:absolute;
885
355
  border-radius:50%;
886
356
  width:8px;
@@ -888,7 +358,7 @@
888
358
  right:2px;
889
359
  bottom:2px;
890
360
  }
891
- .magritte-avatar___x--BK_5-1-0.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_5-1-0{
361
+ .magritte-avatar___x--BK_5-1-2.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_5-1-2{
892
362
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 4px)) calc(100% - calc(calc(8px / 2) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
893
363
  -webkit-mask-image:var(--transparent-area-mask);
894
364
  mask-image:var(--transparent-area-mask);
@@ -897,10 +367,10 @@
897
367
  height:40px;
898
368
  top:0;
899
369
  margin:-4px;
900
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
901
- border-radius:calc(var(--magritte-static-border-radius-300-v20-1-0) + 4px);
370
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
371
+ border-radius:calc(var(--magritte-static-border-radius-300-v21-1-0) + 4px);
902
372
  }
903
- .magritte-avatar___x--BK_5-1-0.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-0 + .magritte-avatar-focus-border-40___Qn9NL_5-1-0{
373
+ .magritte-avatar___x--BK_5-1-2.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-2 + .magritte-avatar-focus-border-40___Qn9NL_5-1-2{
904
374
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(8px / 2) + 2px) + 4px)) calc(100% - calc(calc(calc(8px / 2) + 2px) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
905
375
  -webkit-mask-image:var(--transparent-area-mask);
906
376
  mask-image:var(--transparent-area-mask);
@@ -909,20 +379,20 @@
909
379
  height:40px;
910
380
  top:0;
911
381
  margin:-4px;
912
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
382
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
913
383
  border-radius:50%;
914
384
  }
915
- .magritte-avatar_with-online-badge-48___BmWaC_5-1-0{
385
+ .magritte-avatar_with-online-badge-48___BmWaC_5-1-2{
916
386
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
917
387
  -webkit-mask-image:var(--transparent-area-mask);
918
388
  mask-image:var(--transparent-area-mask);
919
389
  }
920
- .magritte-avatar_shape-circle___kEbru_5-1-0.magritte-avatar_with-online-badge-48___BmWaC_5-1-0{
390
+ .magritte-avatar_shape-circle___kEbru_5-1-2.magritte-avatar_with-online-badge-48___BmWaC_5-1-2{
921
391
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 3px)) calc(100% - calc(calc(8px / 2) + 3px)), transparent calc(8px / 2 + 2px), #000 0);
922
392
  -webkit-mask-image:var(--transparent-area-mask);
923
393
  mask-image:var(--transparent-area-mask);
924
394
  }
925
- .magritte-avatar-online-badge-48___qPmD8_5-1-0{
395
+ .magritte-avatar-online-badge-48___qPmD8_5-1-2{
926
396
  position:absolute;
927
397
  border-radius:50%;
928
398
  width:8px;
@@ -930,13 +400,13 @@
930
400
  right:0px;
931
401
  bottom:0px;
932
402
  }
933
- .magritte-avatar-online-badge_style_positive___jHyv3_5-1-0{
934
- background-color:var(--magritte-color-component-avatar-online-positive-v20-1-0);
403
+ .magritte-avatar-online-badge_style_positive___jHyv3_5-1-2{
404
+ background-color:var(--magritte-color-component-avatar-online-positive-v21-1-0);
935
405
  }
936
- .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-0{
937
- background-color:var(--magritte-color-component-avatar-online-contrast-v20-1-0);
406
+ .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-2{
407
+ background-color:var(--magritte-color-component-avatar-online-contrast-v21-1-0);
938
408
  }
939
- .magritte-avatar_shape-circle___kEbru_5-1-0 ~ .magritte-avatar-online-badge-48___qPmD8_5-1-0{
409
+ .magritte-avatar_shape-circle___kEbru_5-1-2 ~ .magritte-avatar-online-badge-48___qPmD8_5-1-2{
940
410
  position:absolute;
941
411
  border-radius:50%;
942
412
  width:8px;
@@ -944,7 +414,7 @@
944
414
  right:3px;
945
415
  bottom:3px;
946
416
  }
947
- .magritte-avatar___x--BK_5-1-0.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_5-1-0{
417
+ .magritte-avatar___x--BK_5-1-2.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_5-1-2{
948
418
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 4px)) calc(100% - calc(calc(8px / 2) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
949
419
  -webkit-mask-image:var(--transparent-area-mask);
950
420
  mask-image:var(--transparent-area-mask);
@@ -953,10 +423,10 @@
953
423
  height:48px;
954
424
  top:0;
955
425
  margin:-4px;
956
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
957
- border-radius:calc(var(--magritte-static-border-radius-300-v20-1-0) + 4px);
426
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
427
+ border-radius:calc(var(--magritte-static-border-radius-300-v21-1-0) + 4px);
958
428
  }
959
- .magritte-avatar___x--BK_5-1-0.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-0 + .magritte-avatar-focus-border-48___Bc-lN_5-1-0{
429
+ .magritte-avatar___x--BK_5-1-2.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-2 + .magritte-avatar-focus-border-48___Bc-lN_5-1-2{
960
430
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(8px / 2) + 3px) + 4px)) calc(100% - calc(calc(calc(8px / 2) + 3px) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
961
431
  -webkit-mask-image:var(--transparent-area-mask);
962
432
  mask-image:var(--transparent-area-mask);
@@ -965,20 +435,20 @@
965
435
  height:48px;
966
436
  top:0;
967
437
  margin:-4px;
968
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
438
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
969
439
  border-radius:50%;
970
440
  }
971
- .magritte-avatar_with-online-badge-96___r4E42_5-1-0{
441
+ .magritte-avatar_with-online-badge-96___r4E42_5-1-2{
972
442
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
973
443
  -webkit-mask-image:var(--transparent-area-mask);
974
444
  mask-image:var(--transparent-area-mask);
975
445
  }
976
- .magritte-avatar_shape-circle___kEbru_5-1-0.magritte-avatar_with-online-badge-96___r4E42_5-1-0{
446
+ .magritte-avatar_shape-circle___kEbru_5-1-2.magritte-avatar_with-online-badge-96___r4E42_5-1-2{
977
447
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 8px)) calc(100% - calc(calc(12px / 2) + 8px)), transparent calc(12px / 2 + 2px), #000 0);
978
448
  -webkit-mask-image:var(--transparent-area-mask);
979
449
  mask-image:var(--transparent-area-mask);
980
450
  }
981
- .magritte-avatar-online-badge-96___d6bm-_5-1-0{
451
+ .magritte-avatar-online-badge-96___d6bm-_5-1-2{
982
452
  position:absolute;
983
453
  border-radius:50%;
984
454
  width:12px;
@@ -986,13 +456,13 @@
986
456
  right:0px;
987
457
  bottom:0px;
988
458
  }
989
- .magritte-avatar-online-badge_style_positive___jHyv3_5-1-0{
990
- background-color:var(--magritte-color-component-avatar-online-positive-v20-1-0);
459
+ .magritte-avatar-online-badge_style_positive___jHyv3_5-1-2{
460
+ background-color:var(--magritte-color-component-avatar-online-positive-v21-1-0);
991
461
  }
992
- .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-0{
993
- background-color:var(--magritte-color-component-avatar-online-contrast-v20-1-0);
462
+ .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-2{
463
+ background-color:var(--magritte-color-component-avatar-online-contrast-v21-1-0);
994
464
  }
995
- .magritte-avatar_shape-circle___kEbru_5-1-0 ~ .magritte-avatar-online-badge-96___d6bm-_5-1-0{
465
+ .magritte-avatar_shape-circle___kEbru_5-1-2 ~ .magritte-avatar-online-badge-96___d6bm-_5-1-2{
996
466
  position:absolute;
997
467
  border-radius:50%;
998
468
  width:12px;
@@ -1000,7 +470,7 @@
1000
470
  right:8px;
1001
471
  bottom:8px;
1002
472
  }
1003
- .magritte-avatar___x--BK_5-1-0.focus-visible + .magritte-avatar-focus-border-96___TVpd0_5-1-0{
473
+ .magritte-avatar___x--BK_5-1-2.focus-visible + .magritte-avatar-focus-border-96___TVpd0_5-1-2{
1004
474
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 4px)) calc(100% - calc(calc(12px / 2) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
1005
475
  -webkit-mask-image:var(--transparent-area-mask);
1006
476
  mask-image:var(--transparent-area-mask);
@@ -1009,10 +479,10 @@
1009
479
  height:96px;
1010
480
  top:0;
1011
481
  margin:-4px;
1012
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
1013
- border-radius:calc(var(--magritte-static-border-radius-600-v20-1-0) + 4px);
482
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
483
+ border-radius:calc(var(--magritte-static-border-radius-600-v21-1-0) + 4px);
1014
484
  }
1015
- .magritte-avatar___x--BK_5-1-0.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-0 + .magritte-avatar-focus-border-96___TVpd0_5-1-0{
485
+ .magritte-avatar___x--BK_5-1-2.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-2 + .magritte-avatar-focus-border-96___TVpd0_5-1-2{
1016
486
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(12px / 2) + 8px) + 4px)) calc(100% - calc(calc(calc(12px / 2) + 8px) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
1017
487
  -webkit-mask-image:var(--transparent-area-mask);
1018
488
  mask-image:var(--transparent-area-mask);
@@ -1021,20 +491,20 @@
1021
491
  height:96px;
1022
492
  top:0;
1023
493
  margin:-4px;
1024
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
494
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
1025
495
  border-radius:50%;
1026
496
  }
1027
- .magritte-avatar_with-online-badge-208___AS6Lk_5-1-0{
497
+ .magritte-avatar_with-online-badge-208___AS6Lk_5-1-2{
1028
498
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
1029
499
  -webkit-mask-image:var(--transparent-area-mask);
1030
500
  mask-image:var(--transparent-area-mask);
1031
501
  }
1032
- .magritte-avatar_shape-circle___kEbru_5-1-0.magritte-avatar_with-online-badge-208___AS6Lk_5-1-0{
502
+ .magritte-avatar_shape-circle___kEbru_5-1-2.magritte-avatar_with-online-badge-208___AS6Lk_5-1-2{
1033
503
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 25px)) calc(100% - calc(calc(12px / 2) + 25px)), transparent calc(12px / 2 + 2px), #000 0);
1034
504
  -webkit-mask-image:var(--transparent-area-mask);
1035
505
  mask-image:var(--transparent-area-mask);
1036
506
  }
1037
- .magritte-avatar-online-badge-208___m4hXQ_5-1-0{
507
+ .magritte-avatar-online-badge-208___m4hXQ_5-1-2{
1038
508
  position:absolute;
1039
509
  border-radius:50%;
1040
510
  width:12px;
@@ -1042,13 +512,13 @@
1042
512
  right:0px;
1043
513
  bottom:0px;
1044
514
  }
1045
- .magritte-avatar-online-badge_style_positive___jHyv3_5-1-0{
1046
- background-color:var(--magritte-color-component-avatar-online-positive-v20-1-0);
515
+ .magritte-avatar-online-badge_style_positive___jHyv3_5-1-2{
516
+ background-color:var(--magritte-color-component-avatar-online-positive-v21-1-0);
1047
517
  }
1048
- .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-0{
1049
- background-color:var(--magritte-color-component-avatar-online-contrast-v20-1-0);
518
+ .magritte-avatar-online-badge_style_contrast___GZFCO_5-1-2{
519
+ background-color:var(--magritte-color-component-avatar-online-contrast-v21-1-0);
1050
520
  }
1051
- .magritte-avatar_shape-circle___kEbru_5-1-0 ~ .magritte-avatar-online-badge-208___m4hXQ_5-1-0{
521
+ .magritte-avatar_shape-circle___kEbru_5-1-2 ~ .magritte-avatar-online-badge-208___m4hXQ_5-1-2{
1052
522
  position:absolute;
1053
523
  border-radius:50%;
1054
524
  width:12px;
@@ -1056,7 +526,7 @@
1056
526
  right:25px;
1057
527
  bottom:25px;
1058
528
  }
1059
- .magritte-avatar___x--BK_5-1-0.focus-visible + .magritte-avatar-focus-border-208___V6We2_5-1-0{
529
+ .magritte-avatar___x--BK_5-1-2.focus-visible + .magritte-avatar-focus-border-208___V6We2_5-1-2{
1060
530
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 4px)) calc(100% - calc(calc(12px / 2) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
1061
531
  -webkit-mask-image:var(--transparent-area-mask);
1062
532
  mask-image:var(--transparent-area-mask);
@@ -1065,10 +535,10 @@
1065
535
  height:208px;
1066
536
  top:0;
1067
537
  margin:-4px;
1068
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
1069
- border-radius:calc(var(--magritte-static-border-radius-200-v20-1-0) + 4px);
538
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
539
+ border-radius:calc(var(--magritte-static-border-radius-200-v21-1-0) + 4px);
1070
540
  }
1071
- .magritte-avatar___x--BK_5-1-0.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-0 + .magritte-avatar-focus-border-208___V6We2_5-1-0{
541
+ .magritte-avatar___x--BK_5-1-2.focus-visible.magritte-avatar_shape-circle___kEbru_5-1-2 + .magritte-avatar-focus-border-208___V6We2_5-1-2{
1072
542
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(12px / 2) + 25px) + 4px)) calc(100% - calc(calc(calc(12px / 2) + 25px) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
1073
543
  -webkit-mask-image:var(--transparent-area-mask);
1074
544
  mask-image:var(--transparent-area-mask);
@@ -1077,6 +547,6 @@
1077
547
  height:208px;
1078
548
  top:0;
1079
549
  margin:-4px;
1080
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
550
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v21-1-0);
1081
551
  border-radius:50%;
1082
552
  }