@hh.ru/magritte-ui-avatar 5.0.19 → 5.1.1

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