@hh.ru/magritte-ui-avatar 8.0.1 → 8.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/Avatar.js +1 -1
  2. package/AvatarStack.js +1 -1
  3. package/Skeleton-CR5nvXam.js +18 -0
  4. package/{Skeleton-BCAS1xPg.js.map → Skeleton-CR5nvXam.js.map} +1 -1
  5. package/Skeleton.js +1 -1
  6. package/index.css +363 -363
  7. package/index.js +1 -1
  8. package/package.json +5 -5
  9. package/Skeleton-BCAS1xPg.js +0 -18
package/index.css CHANGED
@@ -1,124 +1,124 @@
1
1
  :root{
2
- --magritte-color-background-primary-v24-0-0:#ffffff;
3
- --magritte-color-background-secondary-v24-0-0:#F1F4F9;
4
- --magritte-color-background-tertiary-v24-0-0:#DCE3EB;
5
- --magritte-color-background-accent-secondary-v24-0-0:#EDF6FF;
6
- --magritte-color-background-accent-v24-0-0:#0070ff;
7
- --magritte-color-background-positive-secondary-v24-0-0:#E8F9EC;
8
- --magritte-color-background-positive-v24-0-0:#0dc267;
9
- --magritte-color-background-negative-secondary-v24-0-0:#FEF2EF;
10
- --magritte-color-background-negative-v24-0-0:#ff4d3a;
11
- --magritte-color-background-warning-secondary-v24-0-0:#FFF3E6;
12
- --magritte-color-background-warning-v24-0-0:#ff9900;
13
- --magritte-color-background-special-secondary-v24-0-0:#F7F4FF;
14
- --magritte-color-background-special-v24-0-0:#9054ea;
15
- --magritte-color-background-dreamy-secondary-v24-0-0:#E8F7FE;
16
- --magritte-color-background-dreamy-v24-0-0:#5ac8ff;
17
- --magritte-color-background-lovely-secondary-v24-0-0:#FFF1F3;
18
- --magritte-color-background-lovely-v24-0-0:#ff3c77;
19
- --magritte-color-background-vivid-secondary-v24-0-0:#FDF4D7;
20
- --magritte-color-background-vivid-v24-0-0:#F7D044;
21
- --magritte-color-background-body-v24-0-0:#ffffff;
22
- --magritte-color-background-overlay-v24-0-0:#20262b99;
23
- --magritte-color-background-overlay-action-v24-0-0:#ffffff99;
24
- --magritte-color-background-overlay-viewer-v24-0-0:#000000;
25
- --magritte-color-background-overlay-toolbar-v24-0-0:#000000a3;
26
- --magritte-color-background-transparent-v24-0-0:#00000000;
27
- --magritte-color-background-constant-v24-0-0:#000000;
28
- --magritte-color-background-constant-secondary-v24-0-0:#303030;
29
- --magritte-color-background-inverse-v24-0-0:#000000;
30
- --magritte-color-background-inverse-secondary-v24-0-0:#303030;
31
- --magritte-color-component-avatar-online-positive-v24-0-0:#0ea658;
32
- --magritte-color-component-avatar-online-constant-v24-0-0:#ffffff;
33
- --magritte-color-component-avatar-background-color-01-v24-0-0:#96aabb;
34
- --magritte-color-component-avatar-background-color-02-v24-0-0:#ff859f;
35
- --magritte-color-component-avatar-background-color-03-v24-0-0:#ff8a77;
36
- --magritte-color-component-avatar-background-color-04-v24-0-0:#F7D044;
37
- --magritte-color-component-avatar-background-color-05-v24-0-0:#ff9900;
38
- --magritte-color-component-avatar-background-color-06-v24-0-0:#0dc267;
39
- --magritte-color-component-avatar-background-color-07-v24-0-0:#76adfe;
40
- --magritte-color-component-avatar-background-color-08-v24-0-0:#50b5e8;
41
- --magritte-color-component-avatar-background-color-09-v24-0-0:#b99bf8;
42
- --magritte-color-component-avatar-text-letters-v24-0-0:#ffffff;
43
- --magritte-color-component-avatar-stroke-image-v24-0-0:#00000014;
44
- --magritte-color-component-avatar-stroke-placeholder-v24-0-0:#6a788514;
45
- --magritte-color-component-avatar-stroke-letters-v24-0-0:#0000000a;
46
- --magritte-color-component-avatar-stroke-icon-v24-0-0:#0000000a;
47
- --magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0:#0070ff7a;
48
- --magritte-color-component-skeleton-background-content-v24-0-0:#8293a23d;
2
+ --magritte-color-background-primary-v24-0-1:#ffffff;
3
+ --magritte-color-background-secondary-v24-0-1:#F1F4F9;
4
+ --magritte-color-background-tertiary-v24-0-1:#DCE3EB;
5
+ --magritte-color-background-accent-secondary-v24-0-1:#EDF6FF;
6
+ --magritte-color-background-accent-v24-0-1:#0070ff;
7
+ --magritte-color-background-positive-secondary-v24-0-1:#E8F9EC;
8
+ --magritte-color-background-positive-v24-0-1:#0dc267;
9
+ --magritte-color-background-negative-secondary-v24-0-1:#FEF2EF;
10
+ --magritte-color-background-negative-v24-0-1:#ff4d3a;
11
+ --magritte-color-background-warning-secondary-v24-0-1:#FFF3E6;
12
+ --magritte-color-background-warning-v24-0-1:#ff9900;
13
+ --magritte-color-background-special-secondary-v24-0-1:#F7F4FF;
14
+ --magritte-color-background-special-v24-0-1:#9054ea;
15
+ --magritte-color-background-dreamy-secondary-v24-0-1:#E8F7FE;
16
+ --magritte-color-background-dreamy-v24-0-1:#5ac8ff;
17
+ --magritte-color-background-lovely-secondary-v24-0-1:#FFF1F3;
18
+ --magritte-color-background-lovely-v24-0-1:#ff3c77;
19
+ --magritte-color-background-vivid-secondary-v24-0-1:#FDF4D7;
20
+ --magritte-color-background-vivid-v24-0-1:#F7D044;
21
+ --magritte-color-background-body-v24-0-1:#ffffff;
22
+ --magritte-color-background-overlay-v24-0-1:#20262b99;
23
+ --magritte-color-background-overlay-action-v24-0-1:#ffffff99;
24
+ --magritte-color-background-overlay-viewer-v24-0-1:#000000;
25
+ --magritte-color-background-overlay-toolbar-v24-0-1:#000000a3;
26
+ --magritte-color-background-transparent-v24-0-1:#00000000;
27
+ --magritte-color-background-constant-v24-0-1:#000000;
28
+ --magritte-color-background-constant-secondary-v24-0-1:#303030;
29
+ --magritte-color-background-inverse-v24-0-1:#000000;
30
+ --magritte-color-background-inverse-secondary-v24-0-1:#303030;
31
+ --magritte-color-component-avatar-online-positive-v24-0-1:#0ea658;
32
+ --magritte-color-component-avatar-online-constant-v24-0-1:#ffffff;
33
+ --magritte-color-component-avatar-background-color-01-v24-0-1:#96aabb;
34
+ --magritte-color-component-avatar-background-color-02-v24-0-1:#ff859f;
35
+ --magritte-color-component-avatar-background-color-03-v24-0-1:#ff8a77;
36
+ --magritte-color-component-avatar-background-color-04-v24-0-1:#F7D044;
37
+ --magritte-color-component-avatar-background-color-05-v24-0-1:#ff9900;
38
+ --magritte-color-component-avatar-background-color-06-v24-0-1:#0dc267;
39
+ --magritte-color-component-avatar-background-color-07-v24-0-1:#76adfe;
40
+ --magritte-color-component-avatar-background-color-08-v24-0-1:#50b5e8;
41
+ --magritte-color-component-avatar-background-color-09-v24-0-1:#b99bf8;
42
+ --magritte-color-component-avatar-text-letters-v24-0-1:#ffffff;
43
+ --magritte-color-component-avatar-stroke-image-v24-0-1:#00000014;
44
+ --magritte-color-component-avatar-stroke-placeholder-v24-0-1:#6a788514;
45
+ --magritte-color-component-avatar-stroke-letters-v24-0-1:#0000000a;
46
+ --magritte-color-component-avatar-stroke-icon-v24-0-1:#0000000a;
47
+ --magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1:#0070ff7a;
48
+ --magritte-color-component-skeleton-background-content-v24-0-1:#8293a23d;
49
49
  }
50
50
 
51
51
  :root{
52
- --magritte-semantic-animation-time-s-duration-v24-0-0:200ms;
53
- --magritte-semantic-animation-ease-base-timing-function-v24-0-0:cubic-bezier(0.4, 0.24, 0, 1);
54
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
55
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-0-0:200ms;
52
+ --magritte-semantic-animation-time-s-duration-v24-0-1:200ms;
53
+ --magritte-semantic-animation-ease-base-timing-function-v24-0-1:cubic-bezier(0.4, 0.24, 0, 1);
54
+ --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
55
+ --magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-0-1:200ms;
56
56
  }
57
57
 
58
58
  .magritte-night-theme{
59
- --magritte-color-background-primary-v24-0-0:#1B1B1B;
60
- --magritte-color-background-secondary-v24-0-0:#303030;
61
- --magritte-color-background-tertiary-v24-0-0:#474747;
62
- --magritte-color-background-accent-secondary-v24-0-0:#222D3D;
63
- --magritte-color-background-accent-v24-0-0:#2b7fff;
64
- --magritte-color-background-positive-secondary-v24-0-0:#16321F;
65
- --magritte-color-background-positive-v24-0-0:#10b55f;
66
- --magritte-color-background-negative-secondary-v24-0-0:#3D2622;
67
- --magritte-color-background-warning-secondary-v24-0-0:#3D270E;
68
- --magritte-color-background-warning-v24-0-0:#D78009;
69
- --magritte-color-background-special-secondary-v24-0-0:#2F293C;
70
- --magritte-color-background-body-v24-0-0:#000000;
71
- --magritte-color-background-dreamy-secondary-v24-0-0:#212F40;
72
- --magritte-color-background-lovely-secondary-v24-0-0:#44222C;
73
- --magritte-color-background-vivid-secondary-v24-0-0:#373221;
74
- --magritte-color-background-vivid-v24-0-0:#F9DB76;
75
- --magritte-color-background-constant-secondary-v24-0-0:#343c43;
76
- --magritte-color-background-inverse-v24-0-0:#ffffff;
77
- --magritte-color-background-inverse-secondary-v24-0-0:#D4D4D4;
78
- --magritte-color-background-overlay-action-v24-0-0:#00000099;
79
- --magritte-color-component-avatar-background-color-04-v24-0-0:#EBBC12;
80
- --magritte-color-component-avatar-stroke-image-v24-0-0:#ffffff1f;
81
- --magritte-color-component-avatar-stroke-placeholder-v24-0-0:#ffffff1f;
82
- --magritte-color-component-avatar-stroke-letters-v24-0-0:#ffffff1f;
83
- --magritte-color-component-avatar-stroke-icon-v24-0-0:#ffffff1f;
84
- --magritte-color-component-skeleton-background-content-v24-0-0:#5e5e5e3d;
59
+ --magritte-color-background-primary-v24-0-1:#1B1B1B;
60
+ --magritte-color-background-secondary-v24-0-1:#303030;
61
+ --magritte-color-background-tertiary-v24-0-1:#474747;
62
+ --magritte-color-background-accent-secondary-v24-0-1:#222D3D;
63
+ --magritte-color-background-accent-v24-0-1:#2b7fff;
64
+ --magritte-color-background-positive-secondary-v24-0-1:#16321F;
65
+ --magritte-color-background-positive-v24-0-1:#10b55f;
66
+ --magritte-color-background-negative-secondary-v24-0-1:#3D2622;
67
+ --magritte-color-background-warning-secondary-v24-0-1:#3D270E;
68
+ --magritte-color-background-warning-v24-0-1:#D78009;
69
+ --magritte-color-background-special-secondary-v24-0-1:#2F293C;
70
+ --magritte-color-background-body-v24-0-1:#000000;
71
+ --magritte-color-background-dreamy-secondary-v24-0-1:#212F40;
72
+ --magritte-color-background-lovely-secondary-v24-0-1:#44222C;
73
+ --magritte-color-background-vivid-secondary-v24-0-1:#373221;
74
+ --magritte-color-background-vivid-v24-0-1:#F9DB76;
75
+ --magritte-color-background-constant-secondary-v24-0-1:#343c43;
76
+ --magritte-color-background-inverse-v24-0-1:#ffffff;
77
+ --magritte-color-background-inverse-secondary-v24-0-1:#D4D4D4;
78
+ --magritte-color-background-overlay-action-v24-0-1:#00000099;
79
+ --magritte-color-component-avatar-background-color-04-v24-0-1:#EBBC12;
80
+ --magritte-color-component-avatar-stroke-image-v24-0-1:#ffffff1f;
81
+ --magritte-color-component-avatar-stroke-placeholder-v24-0-1:#ffffff1f;
82
+ --magritte-color-component-avatar-stroke-letters-v24-0-1:#ffffff1f;
83
+ --magritte-color-component-avatar-stroke-icon-v24-0-1:#ffffff1f;
84
+ --magritte-color-component-skeleton-background-content-v24-0-1:#5e5e5e3d;
85
85
  }
86
86
 
87
87
  .magritte-zp-day-theme{
88
- --magritte-color-background-accent-secondary-v24-0-0:#F1F4F7;
89
- --magritte-color-background-accent-v24-0-0:#7195AF;
90
- --magritte-color-background-vivid-v24-0-0:#F9DB76;
88
+ --magritte-color-background-accent-secondary-v24-0-1:#F1F4F7;
89
+ --magritte-color-background-accent-v24-0-1:#7195AF;
90
+ --magritte-color-background-vivid-v24-0-1:#F9DB76;
91
91
  }
92
- .magritte-avatar-container___jBkeI_8-0-1{
92
+ .magritte-avatar-container___jBkeI_8-0-3{
93
93
  position:relative;
94
94
  }
95
- .magritte-avatar-container_disabled___EkG4l_8-0-1{
95
+ .magritte-avatar-container_disabled___EkG4l_8-0-3{
96
96
  pointer-events:none;
97
97
  opacity:48%;
98
98
  }
99
- .magritte-avatar___x--BK_8-0-1{
99
+ .magritte-avatar___x--BK_8-0-3{
100
100
  display:flex;
101
101
  align-items:center;
102
102
  justify-content:center;
103
103
  overflow:hidden;
104
104
  position:relative;
105
- --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v24-0-0);
105
+ --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v24-0-1);
106
106
  }
107
- .magritte-avatar___x--BK_8-0-1:not(div){
107
+ .magritte-avatar___x--BK_8-0-3:not(div){
108
108
  cursor:pointer;
109
109
  }
110
- .magritte-avatar___x--BK_8-0-1:focus{
110
+ .magritte-avatar___x--BK_8-0-3:focus{
111
111
  outline:none;
112
112
  }
113
- .magritte-avatar___x--BK_8-0-1.focus-visible{
114
- outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
113
+ .magritte-avatar___x--BK_8-0-3.focus-visible{
114
+ outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
115
115
  }
116
- .magritte-avatar___x--BK_8-0-1:not(div):active{
116
+ .magritte-avatar___x--BK_8-0-3:not(div):active{
117
117
  transform:scale(0.96);
118
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-0-0);
119
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-0-0);
118
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-0-1);
119
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-0-1);
120
120
  }
121
- .magritte-avatar___x--BK_8-0-1::after{
121
+ .magritte-avatar___x--BK_8-0-3::after{
122
122
  content:'';
123
123
  top:0;
124
124
  left:0;
@@ -126,251 +126,251 @@
126
126
  width:100%;
127
127
  height:100%;
128
128
  }
129
- .magritte-avatar-container_size-16___bGrZk_8-0-1,
130
- .magritte-avatar-skeleton-16___Iyj5G_8-0-1,
131
- .magritte-avatar_size-16___vaXSD_8-0-1{
129
+ .magritte-avatar-container_size-16___bGrZk_8-0-3,
130
+ .magritte-avatar-skeleton-16___Iyj5G_8-0-3,
131
+ .magritte-avatar_size-16___vaXSD_8-0-3{
132
132
  width:16px;
133
133
  height:16px;
134
134
  border-radius:4px;
135
135
  }
136
- .magritte-avatar-container_size-16___bGrZk_8-0-1:after,
137
- .magritte-avatar-skeleton-16___Iyj5G_8-0-1:after,
138
- .magritte-avatar_size-16___vaXSD_8-0-1:after{
136
+ .magritte-avatar-container_size-16___bGrZk_8-0-3:after,
137
+ .magritte-avatar-skeleton-16___Iyj5G_8-0-3:after,
138
+ .magritte-avatar_size-16___vaXSD_8-0-3:after{
139
139
  border-radius:4px;
140
140
  }
141
- .magritte-avatar-container_size-24___f6DH2_8-0-1,
142
- .magritte-avatar-skeleton-24___9hUuj_8-0-1,
143
- .magritte-avatar_size-24___0dAId_8-0-1{
141
+ .magritte-avatar-container_size-24___f6DH2_8-0-3,
142
+ .magritte-avatar-skeleton-24___9hUuj_8-0-3,
143
+ .magritte-avatar_size-24___0dAId_8-0-3{
144
144
  width:24px;
145
145
  height:24px;
146
146
  border-radius:8px;
147
147
  }
148
- .magritte-avatar-container_size-24___f6DH2_8-0-1:after,
149
- .magritte-avatar-skeleton-24___9hUuj_8-0-1:after,
150
- .magritte-avatar_size-24___0dAId_8-0-1:after{
148
+ .magritte-avatar-container_size-24___f6DH2_8-0-3:after,
149
+ .magritte-avatar-skeleton-24___9hUuj_8-0-3:after,
150
+ .magritte-avatar_size-24___0dAId_8-0-3:after{
151
151
  border-radius:8px;
152
152
  }
153
- .magritte-avatar-container_size-40___mVeBD_8-0-1,
154
- .magritte-avatar-skeleton-40___ZN6a7_8-0-1,
155
- .magritte-avatar_size-40___zj3fM_8-0-1{
153
+ .magritte-avatar-container_size-40___mVeBD_8-0-3,
154
+ .magritte-avatar-skeleton-40___ZN6a7_8-0-3,
155
+ .magritte-avatar_size-40___zj3fM_8-0-3{
156
156
  width:40px;
157
157
  height:40px;
158
158
  border-radius:12px;
159
159
  }
160
- .magritte-avatar-container_size-40___mVeBD_8-0-1:after,
161
- .magritte-avatar-skeleton-40___ZN6a7_8-0-1:after,
162
- .magritte-avatar_size-40___zj3fM_8-0-1:after{
160
+ .magritte-avatar-container_size-40___mVeBD_8-0-3:after,
161
+ .magritte-avatar-skeleton-40___ZN6a7_8-0-3:after,
162
+ .magritte-avatar_size-40___zj3fM_8-0-3:after{
163
163
  border-radius:12px;
164
164
  }
165
- .magritte-avatar-container_size-48___pflud_8-0-1,
166
- .magritte-avatar-skeleton-48___CC-af_8-0-1,
167
- .magritte-avatar_size-48___JzITc_8-0-1{
165
+ .magritte-avatar-container_size-48___pflud_8-0-3,
166
+ .magritte-avatar-skeleton-48___CC-af_8-0-3,
167
+ .magritte-avatar_size-48___JzITc_8-0-3{
168
168
  width:48px;
169
169
  height:48px;
170
170
  border-radius:12px;
171
171
  }
172
- .magritte-avatar-container_size-48___pflud_8-0-1:after,
173
- .magritte-avatar-skeleton-48___CC-af_8-0-1:after,
174
- .magritte-avatar_size-48___JzITc_8-0-1:after{
172
+ .magritte-avatar-container_size-48___pflud_8-0-3:after,
173
+ .magritte-avatar-skeleton-48___CC-af_8-0-3:after,
174
+ .magritte-avatar_size-48___JzITc_8-0-3:after{
175
175
  border-radius:12px;
176
176
  }
177
- .magritte-avatar-container_size-80___y8zNb_8-0-1,
178
- .magritte-avatar-skeleton-80___Z0Oc8_8-0-1,
179
- .magritte-avatar_size-80___YiSBZ_8-0-1{
177
+ .magritte-avatar-container_size-80___y8zNb_8-0-3,
178
+ .magritte-avatar-skeleton-80___Z0Oc8_8-0-3,
179
+ .magritte-avatar_size-80___YiSBZ_8-0-3{
180
180
  width:80px;
181
181
  height:80px;
182
182
  border-radius:24px;
183
183
  }
184
- .magritte-avatar-container_size-80___y8zNb_8-0-1:after,
185
- .magritte-avatar-skeleton-80___Z0Oc8_8-0-1:after,
186
- .magritte-avatar_size-80___YiSBZ_8-0-1:after{
184
+ .magritte-avatar-container_size-80___y8zNb_8-0-3:after,
185
+ .magritte-avatar-skeleton-80___Z0Oc8_8-0-3:after,
186
+ .magritte-avatar_size-80___YiSBZ_8-0-3:after{
187
187
  border-radius:24px;
188
188
  }
189
- .magritte-avatar-container_size-96___Up8Hn_8-0-1,
190
- .magritte-avatar-skeleton-96___qYG-Z_8-0-1,
191
- .magritte-avatar_size-96___5SeO2_8-0-1{
189
+ .magritte-avatar-container_size-96___Up8Hn_8-0-3,
190
+ .magritte-avatar-skeleton-96___qYG-Z_8-0-3,
191
+ .magritte-avatar_size-96___5SeO2_8-0-3{
192
192
  width:96px;
193
193
  height:96px;
194
194
  border-radius:24px;
195
195
  }
196
- .magritte-avatar-container_size-96___Up8Hn_8-0-1:after,
197
- .magritte-avatar-skeleton-96___qYG-Z_8-0-1:after,
198
- .magritte-avatar_size-96___5SeO2_8-0-1:after{
196
+ .magritte-avatar-container_size-96___Up8Hn_8-0-3:after,
197
+ .magritte-avatar-skeleton-96___qYG-Z_8-0-3:after,
198
+ .magritte-avatar_size-96___5SeO2_8-0-3:after{
199
199
  border-radius:24px;
200
200
  }
201
- .magritte-avatar-container_size-120___gkMBo_8-0-1,
202
- .magritte-avatar-skeleton-120___KD5Za_8-0-1,
203
- .magritte-avatar_size-120___th2TT_8-0-1{
201
+ .magritte-avatar-container_size-120___gkMBo_8-0-3,
202
+ .magritte-avatar-skeleton-120___KD5Za_8-0-3,
203
+ .magritte-avatar_size-120___th2TT_8-0-3{
204
204
  width:120px;
205
205
  height:120px;
206
206
  border-radius:24px;
207
207
  }
208
- .magritte-avatar-container_size-120___gkMBo_8-0-1:after,
209
- .magritte-avatar-skeleton-120___KD5Za_8-0-1:after,
210
- .magritte-avatar_size-120___th2TT_8-0-1:after{
208
+ .magritte-avatar-container_size-120___gkMBo_8-0-3:after,
209
+ .magritte-avatar-skeleton-120___KD5Za_8-0-3:after,
210
+ .magritte-avatar_size-120___th2TT_8-0-3:after{
211
211
  border-radius:24px;
212
212
  }
213
- .magritte-avatar-container_size-208___k7SkJ_8-0-1,
214
- .magritte-avatar-skeleton-208___ybqJw_8-0-1,
215
- .magritte-avatar_size-208___rzfu3_8-0-1{
213
+ .magritte-avatar-container_size-208___k7SkJ_8-0-3,
214
+ .magritte-avatar-skeleton-208___ybqJw_8-0-3,
215
+ .magritte-avatar_size-208___rzfu3_8-0-3{
216
216
  width:208px;
217
217
  height:208px;
218
218
  border-radius:8px;
219
219
  }
220
- .magritte-avatar-container_size-208___k7SkJ_8-0-1:after,
221
- .magritte-avatar-skeleton-208___ybqJw_8-0-1:after,
222
- .magritte-avatar_size-208___rzfu3_8-0-1:after{
220
+ .magritte-avatar-container_size-208___k7SkJ_8-0-3:after,
221
+ .magritte-avatar-skeleton-208___ybqJw_8-0-3:after,
222
+ .magritte-avatar_size-208___rzfu3_8-0-3:after{
223
223
  border-radius:8px;
224
224
  }
225
- .magritte-avatar_shape-circle___kEbru_8-0-1,
226
- .magritte-avatar-skeleton-circle___rD1E0_8-0-1{
225
+ .magritte-avatar_shape-circle___kEbru_8-0-3,
226
+ .magritte-avatar-skeleton-circle___rD1E0_8-0-3{
227
227
  border-radius:50%;
228
228
  }
229
- .magritte-avatar_shape-circle___kEbru_8-0-1::after,
230
- .magritte-avatar-skeleton-circle___rD1E0_8-0-1::after{
229
+ .magritte-avatar_shape-circle___kEbru_8-0-3::after,
230
+ .magritte-avatar-skeleton-circle___rD1E0_8-0-3::after{
231
231
  border-radius:50%;
232
232
  }
233
- .magritte-avatar_style-color-1___xXtkh_8-0-1{
234
- background-color:var(--magritte-color-component-avatar-background-color-01-v24-0-0);
233
+ .magritte-avatar_style-color-1___xXtkh_8-0-3{
234
+ background-color:var(--magritte-color-component-avatar-background-color-01-v24-0-1);
235
235
  }
236
- .magritte-avatar_style-color-2___JraJd_8-0-1{
237
- background-color:var(--magritte-color-component-avatar-background-color-02-v24-0-0);
236
+ .magritte-avatar_style-color-2___JraJd_8-0-3{
237
+ background-color:var(--magritte-color-component-avatar-background-color-02-v24-0-1);
238
238
  }
239
- .magritte-avatar_style-color-3___g29U3_8-0-1{
240
- background-color:var(--magritte-color-component-avatar-background-color-03-v24-0-0);
239
+ .magritte-avatar_style-color-3___g29U3_8-0-3{
240
+ background-color:var(--magritte-color-component-avatar-background-color-03-v24-0-1);
241
241
  }
242
- .magritte-avatar_style-color-4___pHhmj_8-0-1{
243
- background-color:var(--magritte-color-component-avatar-background-color-04-v24-0-0);
242
+ .magritte-avatar_style-color-4___pHhmj_8-0-3{
243
+ background-color:var(--magritte-color-component-avatar-background-color-04-v24-0-1);
244
244
  }
245
- .magritte-avatar_style-color-5___H9Ie3_8-0-1{
246
- background-color:var(--magritte-color-component-avatar-background-color-05-v24-0-0);
245
+ .magritte-avatar_style-color-5___H9Ie3_8-0-3{
246
+ background-color:var(--magritte-color-component-avatar-background-color-05-v24-0-1);
247
247
  }
248
- .magritte-avatar_style-color-6___oODXO_8-0-1{
249
- background-color:var(--magritte-color-component-avatar-background-color-06-v24-0-0);
248
+ .magritte-avatar_style-color-6___oODXO_8-0-3{
249
+ background-color:var(--magritte-color-component-avatar-background-color-06-v24-0-1);
250
250
  }
251
- .magritte-avatar_style-color-7___SfUBl_8-0-1{
252
- background-color:var(--magritte-color-component-avatar-background-color-07-v24-0-0);
251
+ .magritte-avatar_style-color-7___SfUBl_8-0-3{
252
+ background-color:var(--magritte-color-component-avatar-background-color-07-v24-0-1);
253
253
  }
254
- .magritte-avatar_style-color-8___rlI6h_8-0-1{
255
- background-color:var(--magritte-color-component-avatar-background-color-08-v24-0-0);
254
+ .magritte-avatar_style-color-8___rlI6h_8-0-3{
255
+ background-color:var(--magritte-color-component-avatar-background-color-08-v24-0-1);
256
256
  }
257
- .magritte-avatar_style-color-9___XQO4B_8-0-1{
258
- background-color:var(--magritte-color-component-avatar-background-color-09-v24-0-0);
257
+ .magritte-avatar_style-color-9___XQO4B_8-0-3{
258
+ background-color:var(--magritte-color-component-avatar-background-color-09-v24-0-1);
259
259
  }
260
- .magritte-avatar_style-primary___SvqU1_8-0-1{
261
- background-color:var(--magritte-color-background-primary-v24-0-0);
260
+ .magritte-avatar_style-primary___SvqU1_8-0-3{
261
+ background-color:var(--magritte-color-background-primary-v24-0-1);
262
262
  }
263
- .magritte-avatar_style-secondary___C6MTH_8-0-1{
264
- background-color:var(--magritte-color-background-secondary-v24-0-0);
263
+ .magritte-avatar_style-secondary___C6MTH_8-0-3{
264
+ background-color:var(--magritte-color-background-secondary-v24-0-1);
265
265
  }
266
- .magritte-avatar_style-tertiary___3o-90_8-0-1{
267
- background-color:var(--magritte-color-background-tertiary-v24-0-0);
266
+ .magritte-avatar_style-tertiary___3o-90_8-0-3{
267
+ background-color:var(--magritte-color-background-tertiary-v24-0-1);
268
268
  }
269
- .magritte-avatar_style-accent-secondary___vc7Lb_8-0-1{
270
- background-color:var(--magritte-color-background-accent-secondary-v24-0-0);
269
+ .magritte-avatar_style-accent-secondary___vc7Lb_8-0-3{
270
+ background-color:var(--magritte-color-background-accent-secondary-v24-0-1);
271
271
  }
272
- .magritte-avatar_style-accent___LgPSo_8-0-1{
273
- background-color:var(--magritte-color-background-accent-v24-0-0);
272
+ .magritte-avatar_style-accent___LgPSo_8-0-3{
273
+ background-color:var(--magritte-color-background-accent-v24-0-1);
274
274
  }
275
- .magritte-avatar_style-positive-secondary___aQrkm_8-0-1{
276
- background-color:var(--magritte-color-background-positive-secondary-v24-0-0);
275
+ .magritte-avatar_style-positive-secondary___aQrkm_8-0-3{
276
+ background-color:var(--magritte-color-background-positive-secondary-v24-0-1);
277
277
  }
278
- .magritte-avatar_style-positive___bDzbE_8-0-1{
279
- background-color:var(--magritte-color-background-positive-v24-0-0);
278
+ .magritte-avatar_style-positive___bDzbE_8-0-3{
279
+ background-color:var(--magritte-color-background-positive-v24-0-1);
280
280
  }
281
- .magritte-avatar_style-negative-secondary___GW7rc_8-0-1{
282
- background-color:var(--magritte-color-background-negative-secondary-v24-0-0);
281
+ .magritte-avatar_style-negative-secondary___GW7rc_8-0-3{
282
+ background-color:var(--magritte-color-background-negative-secondary-v24-0-1);
283
283
  }
284
- .magritte-avatar_style-negative___xHHQb_8-0-1{
285
- background-color:var(--magritte-color-background-negative-v24-0-0);
284
+ .magritte-avatar_style-negative___xHHQb_8-0-3{
285
+ background-color:var(--magritte-color-background-negative-v24-0-1);
286
286
  }
287
- .magritte-avatar_style-warning-secondary___LKwiW_8-0-1{
288
- background-color:var(--magritte-color-background-warning-secondary-v24-0-0);
287
+ .magritte-avatar_style-warning-secondary___LKwiW_8-0-3{
288
+ background-color:var(--magritte-color-background-warning-secondary-v24-0-1);
289
289
  }
290
- .magritte-avatar_style-warning___7kKRS_8-0-1{
291
- background-color:var(--magritte-color-background-warning-v24-0-0);
290
+ .magritte-avatar_style-warning___7kKRS_8-0-3{
291
+ background-color:var(--magritte-color-background-warning-v24-0-1);
292
292
  }
293
- .magritte-avatar_style-special-secondary___J2CwS_8-0-1{
294
- background-color:var(--magritte-color-background-special-secondary-v24-0-0);
293
+ .magritte-avatar_style-special-secondary___J2CwS_8-0-3{
294
+ background-color:var(--magritte-color-background-special-secondary-v24-0-1);
295
295
  }
296
- .magritte-avatar_style-special___gLmS0_8-0-1{
297
- background-color:var(--magritte-color-background-special-v24-0-0);
296
+ .magritte-avatar_style-special___gLmS0_8-0-3{
297
+ background-color:var(--magritte-color-background-special-v24-0-1);
298
298
  }
299
- .magritte-avatar_style-dreamy-secondary___WoWcK_8-0-1{
300
- background-color:var(--magritte-color-background-dreamy-secondary-v24-0-0);
299
+ .magritte-avatar_style-dreamy-secondary___WoWcK_8-0-3{
300
+ background-color:var(--magritte-color-background-dreamy-secondary-v24-0-1);
301
301
  }
302
- .magritte-avatar_style-dreamy___-zjx5_8-0-1{
303
- background-color:var(--magritte-color-background-dreamy-v24-0-0);
302
+ .magritte-avatar_style-dreamy___-zjx5_8-0-3{
303
+ background-color:var(--magritte-color-background-dreamy-v24-0-1);
304
304
  }
305
- .magritte-avatar_style-lovely-secondary___YhzZk_8-0-1{
306
- background-color:var(--magritte-color-background-lovely-secondary-v24-0-0);
305
+ .magritte-avatar_style-lovely-secondary___YhzZk_8-0-3{
306
+ background-color:var(--magritte-color-background-lovely-secondary-v24-0-1);
307
307
  }
308
- .magritte-avatar_style-lovely___wy3Zg_8-0-1{
309
- background-color:var(--magritte-color-background-lovely-v24-0-0);
308
+ .magritte-avatar_style-lovely___wy3Zg_8-0-3{
309
+ background-color:var(--magritte-color-background-lovely-v24-0-1);
310
310
  }
311
- .magritte-avatar_style-vivid-secondary___EcBn1_8-0-1{
312
- background-color:var(--magritte-color-background-vivid-secondary-v24-0-0);
311
+ .magritte-avatar_style-vivid-secondary___EcBn1_8-0-3{
312
+ background-color:var(--magritte-color-background-vivid-secondary-v24-0-1);
313
313
  }
314
- .magritte-avatar_style-vivid___pkKc5_8-0-1{
315
- background-color:var(--magritte-color-background-vivid-v24-0-0);
314
+ .magritte-avatar_style-vivid___pkKc5_8-0-3{
315
+ background-color:var(--magritte-color-background-vivid-v24-0-1);
316
316
  }
317
- .magritte-avatar_style-body___xmokY_8-0-1{
318
- background-color:var(--magritte-color-background-body-v24-0-0);
317
+ .magritte-avatar_style-body___xmokY_8-0-3{
318
+ background-color:var(--magritte-color-background-body-v24-0-1);
319
319
  }
320
- .magritte-avatar_style-overlay___0yWkS_8-0-1{
321
- background-color:var(--magritte-color-background-overlay-v24-0-0);
320
+ .magritte-avatar_style-overlay___0yWkS_8-0-3{
321
+ background-color:var(--magritte-color-background-overlay-v24-0-1);
322
322
  }
323
- .magritte-avatar_style-overlay-action___MMxS7_8-0-1{
324
- background-color:var(--magritte-color-background-overlay-action-v24-0-0);
323
+ .magritte-avatar_style-overlay-action___MMxS7_8-0-3{
324
+ background-color:var(--magritte-color-background-overlay-action-v24-0-1);
325
325
  }
326
- .magritte-avatar_style-overlay-viewer___4gNO7_8-0-1{
327
- background-color:var(--magritte-color-background-overlay-viewer-v24-0-0);
326
+ .magritte-avatar_style-overlay-viewer___4gNO7_8-0-3{
327
+ background-color:var(--magritte-color-background-overlay-viewer-v24-0-1);
328
328
  }
329
- .magritte-avatar_style-overlay-toolbar___0Lvuf_8-0-1{
330
- background-color:var(--magritte-color-background-overlay-toolbar-v24-0-0);
329
+ .magritte-avatar_style-overlay-toolbar___0Lvuf_8-0-3{
330
+ background-color:var(--magritte-color-background-overlay-toolbar-v24-0-1);
331
331
  }
332
- .magritte-avatar_style-transparent___KtjP8_8-0-1{
333
- background-color:var(--magritte-color-background-transparent-v24-0-0);
332
+ .magritte-avatar_style-transparent___KtjP8_8-0-3{
333
+ background-color:var(--magritte-color-background-transparent-v24-0-1);
334
334
  }
335
- .magritte-avatar_style-constant___HVes8_8-0-1{
336
- background-color:var(--magritte-color-background-constant-v24-0-0);
335
+ .magritte-avatar_style-constant___HVes8_8-0-3{
336
+ background-color:var(--magritte-color-background-constant-v24-0-1);
337
337
  }
338
- .magritte-avatar_style-constant-secondary___tfuOw_8-0-1{
339
- background-color:var(--magritte-color-background-constant-secondary-v24-0-0);
338
+ .magritte-avatar_style-constant-secondary___tfuOw_8-0-3{
339
+ background-color:var(--magritte-color-background-constant-secondary-v24-0-1);
340
340
  }
341
- .magritte-avatar_style-inverse___yupyU_8-0-1{
342
- background-color:var(--magritte-color-background-inverse-v24-0-0);
341
+ .magritte-avatar_style-inverse___yupyU_8-0-3{
342
+ background-color:var(--magritte-color-background-inverse-v24-0-1);
343
343
  }
344
- .magritte-avatar_style-inverse-secondary___NdawN_8-0-1{
345
- background-color:var(--magritte-color-background-inverse-secondary-v24-0-0);
344
+ .magritte-avatar_style-inverse-secondary___NdawN_8-0-3{
345
+ background-color:var(--magritte-color-background-inverse-secondary-v24-0-1);
346
346
  }
347
- .magritte-avatar_mode-image___02zr1_8-0-1::after{
348
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-image-v24-0-0);
347
+ .magritte-avatar_mode-image___02zr1_8-0-3::after{
348
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-image-v24-0-1);
349
349
  }
350
- .magritte-avatar_mode-letters___ot4qB_8-0-1::after{
351
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-letters-v24-0-0);
350
+ .magritte-avatar_mode-letters___ot4qB_8-0-3::after{
351
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-letters-v24-0-1);
352
352
  }
353
- .magritte-avatar_mode-icon___MYrlv_8-0-1::after{
354
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-icon-v24-0-0);
353
+ .magritte-avatar_mode-icon___MYrlv_8-0-3::after{
354
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-icon-v24-0-1);
355
355
  }
356
- .magritte-avatar_mode-placeholder___6hOu7_8-0-1::after{
357
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-placeholder-v24-0-0);
356
+ .magritte-avatar_mode-placeholder___6hOu7_8-0-3::after{
357
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-placeholder-v24-0-1);
358
358
  }
359
- .magritte-avatar-image___05p9Z_8-0-1{
359
+ .magritte-avatar-image___05p9Z_8-0-3{
360
360
  object-fit:cover;
361
361
  width:100%;
362
362
  height:100%;
363
363
  z-index:1;
364
364
  }
365
- .magritte-avatar-image-hidden___YNZ3i_8-0-1{
365
+ .magritte-avatar-image-hidden___YNZ3i_8-0-3{
366
366
  display:none;
367
367
  }
368
- .magritte-avatar-image-loading___0QWL4_8-0-1{
368
+ .magritte-avatar-image-loading___0QWL4_8-0-3{
369
369
  position:absolute;
370
370
  inset:0;
371
- background-color:var(--magritte-color-component-skeleton-background-content-v24-0-0);
371
+ background-color:var(--magritte-color-component-skeleton-background-content-v24-0-1);
372
372
  }
373
- @keyframes magritte-image-animation___6Q4Qv_8-0-1{
373
+ @keyframes magritte-image-animation___6Q4Qv_8-0-3{
374
374
  from{
375
375
  opacity:0;
376
376
  }
@@ -378,27 +378,27 @@
378
378
  opacity:1;
379
379
  }
380
380
  }
381
- .magritte-avatar-image-animation___Ik79H_8-0-1{
382
- animation-name:magritte-image-animation___6Q4Qv_8-0-1;
381
+ .magritte-avatar-image-animation___Ik79H_8-0-3{
382
+ animation-name:magritte-image-animation___6Q4Qv_8-0-3;
383
383
  animation-duration:1ms;
384
- animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-0);
384
+ animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-1);
385
385
  }
386
386
  @media (prefers-reduced-motion: no-preference){
387
- .magritte-avatar-image-animation___Ik79H_8-0-1{
388
- animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-0-0);
387
+ .magritte-avatar-image-animation___Ik79H_8-0-3{
388
+ animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-0-1);
389
389
  }
390
390
  }
391
- .magritte-avatar_with-online-badge-16___rhXhS_8-0-1{
391
+ .magritte-avatar_with-online-badge-16___rhXhS_8-0-3{
392
392
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(4px / 2)) calc(100% - calc(4px / 2)), transparent calc(4px / 2 + 1px), #000 0);
393
393
  -webkit-mask-image:var(--transparent-area-mask);
394
394
  mask-image:var(--transparent-area-mask);
395
395
  }
396
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-16___rhXhS_8-0-1{
396
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-16___rhXhS_8-0-3{
397
397
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(4px / 2) + 0px)) calc(100% - calc(calc(4px / 2) + 0px)), transparent calc(4px / 2 + 1px), #000 0);
398
398
  -webkit-mask-image:var(--transparent-area-mask);
399
399
  mask-image:var(--transparent-area-mask);
400
400
  }
401
- .magritte-avatar-online-badge-16___Xtv3l_8-0-1{
401
+ .magritte-avatar-online-badge-16___Xtv3l_8-0-3{
402
402
  position:absolute;
403
403
  border-radius:50%;
404
404
  width:4px;
@@ -406,13 +406,13 @@
406
406
  right:0px;
407
407
  bottom:0px;
408
408
  }
409
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
410
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
409
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
410
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
411
411
  }
412
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
413
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
412
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
413
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
414
414
  }
415
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-16___Xtv3l_8-0-1{
415
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-16___Xtv3l_8-0-3{
416
416
  position:absolute;
417
417
  border-radius:50%;
418
418
  width:4px;
@@ -420,7 +420,7 @@
420
420
  right:0px;
421
421
  bottom:0px;
422
422
  }
423
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-16___dnSiS_8-0-1{
423
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-16___dnSiS_8-0-3{
424
424
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(4px / 2) + 4px)) calc(100% - calc(calc(4px / 2) + 4px)), transparent calc(4px / 2 + 1px), #000 0);
425
425
  -webkit-mask-image:var(--transparent-area-mask);
426
426
  mask-image:var(--transparent-area-mask);
@@ -429,10 +429,10 @@
429
429
  height:16px;
430
430
  top:0;
431
431
  margin:-4px;
432
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
432
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
433
433
  border-radius:calc(4px + 4px);
434
434
  }
435
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-16___dnSiS_8-0-1{
435
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-16___dnSiS_8-0-3{
436
436
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(4px / 2) + 0px) + 4px)) calc(100% - calc(calc(calc(4px / 2) + 0px) + 4px)), transparent calc(4px / 2 + 1px), #000 0);
437
437
  -webkit-mask-image:var(--transparent-area-mask);
438
438
  mask-image:var(--transparent-area-mask);
@@ -441,20 +441,20 @@
441
441
  height:16px;
442
442
  top:0;
443
443
  margin:-4px;
444
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
444
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
445
445
  border-radius:50%;
446
446
  }
447
- .magritte-avatar_with-online-badge-24___helkM_8-0-1{
447
+ .magritte-avatar_with-online-badge-24___helkM_8-0-3{
448
448
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(6px / 2)) calc(100% - calc(6px / 2)), transparent calc(6px / 2 + 1px), #000 0);
449
449
  -webkit-mask-image:var(--transparent-area-mask);
450
450
  mask-image:var(--transparent-area-mask);
451
451
  }
452
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-24___helkM_8-0-1{
452
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-24___helkM_8-0-3{
453
453
  --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);
454
454
  -webkit-mask-image:var(--transparent-area-mask);
455
455
  mask-image:var(--transparent-area-mask);
456
456
  }
457
- .magritte-avatar-online-badge-24___mjPKB_8-0-1{
457
+ .magritte-avatar-online-badge-24___mjPKB_8-0-3{
458
458
  position:absolute;
459
459
  border-radius:50%;
460
460
  width:6px;
@@ -462,13 +462,13 @@
462
462
  right:0px;
463
463
  bottom:0px;
464
464
  }
465
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
466
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
465
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
466
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
467
467
  }
468
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
469
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
468
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
469
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
470
470
  }
471
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-24___mjPKB_8-0-1{
471
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-24___mjPKB_8-0-3{
472
472
  position:absolute;
473
473
  border-radius:50%;
474
474
  width:6px;
@@ -476,7 +476,7 @@
476
476
  right:0px;
477
477
  bottom:0px;
478
478
  }
479
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-24___wnJnb_8-0-1{
479
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-24___wnJnb_8-0-3{
480
480
  --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);
481
481
  -webkit-mask-image:var(--transparent-area-mask);
482
482
  mask-image:var(--transparent-area-mask);
@@ -485,10 +485,10 @@
485
485
  height:24px;
486
486
  top:0;
487
487
  margin:-4px;
488
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
488
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
489
489
  border-radius:calc(8px + 4px);
490
490
  }
491
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-24___wnJnb_8-0-1{
491
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-24___wnJnb_8-0-3{
492
492
  --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);
493
493
  -webkit-mask-image:var(--transparent-area-mask);
494
494
  mask-image:var(--transparent-area-mask);
@@ -497,20 +497,20 @@
497
497
  height:24px;
498
498
  top:0;
499
499
  margin:-4px;
500
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
500
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
501
501
  border-radius:50%;
502
502
  }
503
- .magritte-avatar_with-online-badge-40___Tckho_8-0-1{
503
+ .magritte-avatar_with-online-badge-40___Tckho_8-0-3{
504
504
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
505
505
  -webkit-mask-image:var(--transparent-area-mask);
506
506
  mask-image:var(--transparent-area-mask);
507
507
  }
508
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-40___Tckho_8-0-1{
508
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-40___Tckho_8-0-3{
509
509
  --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);
510
510
  -webkit-mask-image:var(--transparent-area-mask);
511
511
  mask-image:var(--transparent-area-mask);
512
512
  }
513
- .magritte-avatar-online-badge-40___HRNTS_8-0-1{
513
+ .magritte-avatar-online-badge-40___HRNTS_8-0-3{
514
514
  position:absolute;
515
515
  border-radius:50%;
516
516
  width:8px;
@@ -518,13 +518,13 @@
518
518
  right:0px;
519
519
  bottom:0px;
520
520
  }
521
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
522
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
521
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
522
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
523
523
  }
524
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
525
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
524
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
525
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
526
526
  }
527
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-40___HRNTS_8-0-1{
527
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-40___HRNTS_8-0-3{
528
528
  position:absolute;
529
529
  border-radius:50%;
530
530
  width:8px;
@@ -532,7 +532,7 @@
532
532
  right:2px;
533
533
  bottom:2px;
534
534
  }
535
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_8-0-1{
535
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_8-0-3{
536
536
  --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);
537
537
  -webkit-mask-image:var(--transparent-area-mask);
538
538
  mask-image:var(--transparent-area-mask);
@@ -541,10 +541,10 @@
541
541
  height:40px;
542
542
  top:0;
543
543
  margin:-4px;
544
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
544
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
545
545
  border-radius:calc(12px + 4px);
546
546
  }
547
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-40___Qn9NL_8-0-1{
547
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-40___Qn9NL_8-0-3{
548
548
  --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);
549
549
  -webkit-mask-image:var(--transparent-area-mask);
550
550
  mask-image:var(--transparent-area-mask);
@@ -553,20 +553,20 @@
553
553
  height:40px;
554
554
  top:0;
555
555
  margin:-4px;
556
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
556
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
557
557
  border-radius:50%;
558
558
  }
559
- .magritte-avatar_with-online-badge-48___BmWaC_8-0-1{
559
+ .magritte-avatar_with-online-badge-48___BmWaC_8-0-3{
560
560
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
561
561
  -webkit-mask-image:var(--transparent-area-mask);
562
562
  mask-image:var(--transparent-area-mask);
563
563
  }
564
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-48___BmWaC_8-0-1{
564
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-48___BmWaC_8-0-3{
565
565
  --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);
566
566
  -webkit-mask-image:var(--transparent-area-mask);
567
567
  mask-image:var(--transparent-area-mask);
568
568
  }
569
- .magritte-avatar-online-badge-48___qPmD8_8-0-1{
569
+ .magritte-avatar-online-badge-48___qPmD8_8-0-3{
570
570
  position:absolute;
571
571
  border-radius:50%;
572
572
  width:8px;
@@ -574,13 +574,13 @@
574
574
  right:0px;
575
575
  bottom:0px;
576
576
  }
577
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
578
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
577
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
578
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
579
579
  }
580
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
581
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
580
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
581
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
582
582
  }
583
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-48___qPmD8_8-0-1{
583
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-48___qPmD8_8-0-3{
584
584
  position:absolute;
585
585
  border-radius:50%;
586
586
  width:8px;
@@ -588,7 +588,7 @@
588
588
  right:3px;
589
589
  bottom:3px;
590
590
  }
591
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_8-0-1{
591
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_8-0-3{
592
592
  --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);
593
593
  -webkit-mask-image:var(--transparent-area-mask);
594
594
  mask-image:var(--transparent-area-mask);
@@ -597,10 +597,10 @@
597
597
  height:48px;
598
598
  top:0;
599
599
  margin:-4px;
600
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
600
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
601
601
  border-radius:calc(12px + 4px);
602
602
  }
603
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-48___Bc-lN_8-0-1{
603
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-48___Bc-lN_8-0-3{
604
604
  --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);
605
605
  -webkit-mask-image:var(--transparent-area-mask);
606
606
  mask-image:var(--transparent-area-mask);
@@ -609,20 +609,20 @@
609
609
  height:48px;
610
610
  top:0;
611
611
  margin:-4px;
612
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
612
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
613
613
  border-radius:50%;
614
614
  }
615
- .magritte-avatar_with-online-badge-80___jvmKS_8-0-1{
615
+ .magritte-avatar_with-online-badge-80___jvmKS_8-0-3{
616
616
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
617
617
  -webkit-mask-image:var(--transparent-area-mask);
618
618
  mask-image:var(--transparent-area-mask);
619
619
  }
620
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-80___jvmKS_8-0-1{
620
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-80___jvmKS_8-0-3{
621
621
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 6px)) calc(100% - calc(calc(12px / 2) + 6px)), transparent calc(12px / 2 + 2px), #000 0);
622
622
  -webkit-mask-image:var(--transparent-area-mask);
623
623
  mask-image:var(--transparent-area-mask);
624
624
  }
625
- .magritte-avatar-online-badge-80___zA5Rd_8-0-1{
625
+ .magritte-avatar-online-badge-80___zA5Rd_8-0-3{
626
626
  position:absolute;
627
627
  border-radius:50%;
628
628
  width:12px;
@@ -630,13 +630,13 @@
630
630
  right:0px;
631
631
  bottom:0px;
632
632
  }
633
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
634
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
633
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
634
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
635
635
  }
636
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
637
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
636
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
637
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
638
638
  }
639
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-80___zA5Rd_8-0-1{
639
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-80___zA5Rd_8-0-3{
640
640
  position:absolute;
641
641
  border-radius:50%;
642
642
  width:12px;
@@ -644,7 +644,7 @@
644
644
  right:6px;
645
645
  bottom:6px;
646
646
  }
647
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-80___1X1Aa_8-0-1{
647
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-80___1X1Aa_8-0-3{
648
648
  --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);
649
649
  -webkit-mask-image:var(--transparent-area-mask);
650
650
  mask-image:var(--transparent-area-mask);
@@ -653,10 +653,10 @@
653
653
  height:80px;
654
654
  top:0;
655
655
  margin:-4px;
656
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
656
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
657
657
  border-radius:calc(24px + 4px);
658
658
  }
659
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-80___1X1Aa_8-0-1{
659
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-80___1X1Aa_8-0-3{
660
660
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(12px / 2) + 6px) + 4px)) calc(100% - calc(calc(calc(12px / 2) + 6px) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
661
661
  -webkit-mask-image:var(--transparent-area-mask);
662
662
  mask-image:var(--transparent-area-mask);
@@ -665,20 +665,20 @@
665
665
  height:80px;
666
666
  top:0;
667
667
  margin:-4px;
668
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
668
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
669
669
  border-radius:50%;
670
670
  }
671
- .magritte-avatar_with-online-badge-96___r4E42_8-0-1{
671
+ .magritte-avatar_with-online-badge-96___r4E42_8-0-3{
672
672
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
673
673
  -webkit-mask-image:var(--transparent-area-mask);
674
674
  mask-image:var(--transparent-area-mask);
675
675
  }
676
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-96___r4E42_8-0-1{
676
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-96___r4E42_8-0-3{
677
677
  --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);
678
678
  -webkit-mask-image:var(--transparent-area-mask);
679
679
  mask-image:var(--transparent-area-mask);
680
680
  }
681
- .magritte-avatar-online-badge-96___d6bm-_8-0-1{
681
+ .magritte-avatar-online-badge-96___d6bm-_8-0-3{
682
682
  position:absolute;
683
683
  border-radius:50%;
684
684
  width:12px;
@@ -686,13 +686,13 @@
686
686
  right:0px;
687
687
  bottom:0px;
688
688
  }
689
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
690
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
689
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
690
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
691
691
  }
692
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
693
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
692
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
693
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
694
694
  }
695
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-96___d6bm-_8-0-1{
695
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-96___d6bm-_8-0-3{
696
696
  position:absolute;
697
697
  border-radius:50%;
698
698
  width:12px;
@@ -700,7 +700,7 @@
700
700
  right:8px;
701
701
  bottom:8px;
702
702
  }
703
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-96___TVpd0_8-0-1{
703
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-96___TVpd0_8-0-3{
704
704
  --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);
705
705
  -webkit-mask-image:var(--transparent-area-mask);
706
706
  mask-image:var(--transparent-area-mask);
@@ -709,10 +709,10 @@
709
709
  height:96px;
710
710
  top:0;
711
711
  margin:-4px;
712
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
712
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
713
713
  border-radius:calc(24px + 4px);
714
714
  }
715
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-96___TVpd0_8-0-1{
715
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-96___TVpd0_8-0-3{
716
716
  --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);
717
717
  -webkit-mask-image:var(--transparent-area-mask);
718
718
  mask-image:var(--transparent-area-mask);
@@ -721,20 +721,20 @@
721
721
  height:96px;
722
722
  top:0;
723
723
  margin:-4px;
724
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
724
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
725
725
  border-radius:50%;
726
726
  }
727
- .magritte-avatar_with-online-badge-120___oqIED_8-0-1{
727
+ .magritte-avatar_with-online-badge-120___oqIED_8-0-3{
728
728
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
729
729
  -webkit-mask-image:var(--transparent-area-mask);
730
730
  mask-image:var(--transparent-area-mask);
731
731
  }
732
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-120___oqIED_8-0-1{
732
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-120___oqIED_8-0-3{
733
733
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 12px)) calc(100% - calc(calc(12px / 2) + 12px)), transparent calc(12px / 2 + 2px), #000 0);
734
734
  -webkit-mask-image:var(--transparent-area-mask);
735
735
  mask-image:var(--transparent-area-mask);
736
736
  }
737
- .magritte-avatar-online-badge-120___nmWqZ_8-0-1{
737
+ .magritte-avatar-online-badge-120___nmWqZ_8-0-3{
738
738
  position:absolute;
739
739
  border-radius:50%;
740
740
  width:12px;
@@ -742,13 +742,13 @@
742
742
  right:0px;
743
743
  bottom:0px;
744
744
  }
745
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
746
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
745
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
746
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
747
747
  }
748
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
749
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
748
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
749
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
750
750
  }
751
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-120___nmWqZ_8-0-1{
751
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-120___nmWqZ_8-0-3{
752
752
  position:absolute;
753
753
  border-radius:50%;
754
754
  width:12px;
@@ -756,7 +756,7 @@
756
756
  right:12px;
757
757
  bottom:12px;
758
758
  }
759
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-120___vHWE1_8-0-1{
759
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-120___vHWE1_8-0-3{
760
760
  --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);
761
761
  -webkit-mask-image:var(--transparent-area-mask);
762
762
  mask-image:var(--transparent-area-mask);
@@ -765,10 +765,10 @@
765
765
  height:120px;
766
766
  top:0;
767
767
  margin:-4px;
768
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
768
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
769
769
  border-radius:calc(24px + 4px);
770
770
  }
771
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-120___vHWE1_8-0-1{
771
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-120___vHWE1_8-0-3{
772
772
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(12px / 2) + 12px) + 4px)) calc(100% - calc(calc(calc(12px / 2) + 12px) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
773
773
  -webkit-mask-image:var(--transparent-area-mask);
774
774
  mask-image:var(--transparent-area-mask);
@@ -777,20 +777,20 @@
777
777
  height:120px;
778
778
  top:0;
779
779
  margin:-4px;
780
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
780
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
781
781
  border-radius:50%;
782
782
  }
783
- .magritte-avatar_with-online-badge-208___AS6Lk_8-0-1{
783
+ .magritte-avatar_with-online-badge-208___AS6Lk_8-0-3{
784
784
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
785
785
  -webkit-mask-image:var(--transparent-area-mask);
786
786
  mask-image:var(--transparent-area-mask);
787
787
  }
788
- .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-208___AS6Lk_8-0-1{
788
+ .magritte-avatar_shape-circle___kEbru_8-0-3.magritte-avatar_with-online-badge-208___AS6Lk_8-0-3{
789
789
  --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);
790
790
  -webkit-mask-image:var(--transparent-area-mask);
791
791
  mask-image:var(--transparent-area-mask);
792
792
  }
793
- .magritte-avatar-online-badge-208___m4hXQ_8-0-1{
793
+ .magritte-avatar-online-badge-208___m4hXQ_8-0-3{
794
794
  position:absolute;
795
795
  border-radius:50%;
796
796
  width:12px;
@@ -798,13 +798,13 @@
798
798
  right:0px;
799
799
  bottom:0px;
800
800
  }
801
- .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
802
- background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
801
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-3{
802
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-1);
803
803
  }
804
- .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
805
- background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
804
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-3{
805
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-1);
806
806
  }
807
- .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-208___m4hXQ_8-0-1{
807
+ .magritte-avatar_shape-circle___kEbru_8-0-3 ~ .magritte-avatar-online-badge-208___m4hXQ_8-0-3{
808
808
  position:absolute;
809
809
  border-radius:50%;
810
810
  width:12px;
@@ -812,7 +812,7 @@
812
812
  right:25px;
813
813
  bottom:25px;
814
814
  }
815
- .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-208___V6We2_8-0-1{
815
+ .magritte-avatar___x--BK_8-0-3.focus-visible + .magritte-avatar-focus-border-208___V6We2_8-0-3{
816
816
  --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);
817
817
  -webkit-mask-image:var(--transparent-area-mask);
818
818
  mask-image:var(--transparent-area-mask);
@@ -821,10 +821,10 @@
821
821
  height:208px;
822
822
  top:0;
823
823
  margin:-4px;
824
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
824
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
825
825
  border-radius:calc(8px + 4px);
826
826
  }
827
- .magritte-avatar___x--BK_8-0-1.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-1 + .magritte-avatar-focus-border-208___V6We2_8-0-1{
827
+ .magritte-avatar___x--BK_8-0-3.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-3 + .magritte-avatar-focus-border-208___V6We2_8-0-3{
828
828
  --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);
829
829
  -webkit-mask-image:var(--transparent-area-mask);
830
830
  mask-image:var(--transparent-area-mask);
@@ -833,99 +833,99 @@
833
833
  height:208px;
834
834
  top:0;
835
835
  margin:-4px;
836
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
836
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-1);
837
837
  border-radius:50%;
838
838
  }
839
- .magritte-female___fSeyG_8-0-1{
839
+ .magritte-female___fSeyG_8-0-3{
840
840
  background-image:url("images/female-day.png");
841
841
  background-size:cover;
842
842
  }
843
- .magritte-night-theme .magritte-female___fSeyG_8-0-1{
843
+ .magritte-night-theme .magritte-female___fSeyG_8-0-3{
844
844
  background-image:url("images/female-night.png");
845
845
  }
846
- .magritte-male___HlZ30_8-0-1{
846
+ .magritte-male___HlZ30_8-0-3{
847
847
  background-image:url("images/male-day.png");
848
848
  background-size:cover;
849
849
  }
850
- .magritte-night-theme .magritte-male___HlZ30_8-0-1{
850
+ .magritte-night-theme .magritte-male___HlZ30_8-0-3{
851
851
  background-image:url("images/male-night.png");
852
852
  }
853
- .magritte-city___jNvGf_8-0-1{
853
+ .magritte-city___jNvGf_8-0-3{
854
854
  background-image:url("images/city-day.png");
855
855
  background-size:cover;
856
856
  }
857
- .magritte-night-theme .magritte-city___jNvGf_8-0-1{
857
+ .magritte-night-theme .magritte-city___jNvGf_8-0-3{
858
858
  background-image:url("images/city-night.png");
859
859
  }
860
- .magritte-undefined___E7573_8-0-1{
860
+ .magritte-undefined___E7573_8-0-3{
861
861
  background-image:url("images/undefined-day.png");
862
862
  background-size:cover;
863
863
  }
864
- .magritte-night-theme .magritte-undefined___E7573_8-0-1{
864
+ .magritte-night-theme .magritte-undefined___E7573_8-0-3{
865
865
  background-image:url("images/undefined-night.png");
866
866
  }
867
867
 
868
- .magritte-avatar-stack___5qOCC_8-0-1{
868
+ .magritte-avatar-stack___5qOCC_8-0-3{
869
869
  display:flex;
870
870
  }
871
- .magritte-avatar-stack-inline___aXUFe_8-0-1{
871
+ .magritte-avatar-stack-inline___aXUFe_8-0-3{
872
872
  display:inline-flex;
873
873
  }
874
- .magritte-avatar-stack-item___hDdq8_8-0-1:not(:last-child){
874
+ .magritte-avatar-stack-item___hDdq8_8-0-3:not(:last-child){
875
875
  mask-image:var(--avatar-stack-mask-image);
876
876
  mask-mode:luminance;
877
877
  }
878
- .magritte-avatar-stack-size-16___Yuwfu_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
878
+ .magritte-avatar-stack-size-16___Yuwfu_8-0-3.magritte-avatar-stack-circle___tQZvM_8-0-3{
879
879
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%228%22%20r%3D%2210%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
880
880
  }
881
- .magritte-avatar-stack-size-16___Yuwfu_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
881
+ .magritte-avatar-stack-size-16___Yuwfu_8-0-3.magritte-avatar-stack-rect___Ip8L2_8-0-3{
882
882
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20/%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20x%3D%2210%22%20y%3D%22-2%22%20rx%3D%226%22%20ry%3D%226%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
883
883
  }
884
- .magritte-avatar-stack-size-16___Yuwfu_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
884
+ .magritte-avatar-stack-size-16___Yuwfu_8-0-3 .magritte-avatar-stack-item___hDdq8_8-0-3:not(:first-child){
885
885
  margin-left:-4px;
886
886
  }
887
- .magritte-avatar-stack-size-24___oZNQA_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
887
+ .magritte-avatar-stack-size-24___oZNQA_8-0-3.magritte-avatar-stack-circle___tQZvM_8-0-3{
888
888
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20/%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2212%22%20r%3D%2214%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
889
889
  }
890
- .magritte-avatar-stack-size-24___oZNQA_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
890
+ .magritte-avatar-stack-size-24___oZNQA_8-0-3.magritte-avatar-stack-rect___Ip8L2_8-0-3{
891
891
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%20/%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20x%3D%2214%22%20y%3D%22-2%22%20rx%3D%2210%22%20ry%3D%2210%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
892
892
  }
893
- .magritte-avatar-stack-size-24___oZNQA_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
893
+ .magritte-avatar-stack-size-24___oZNQA_8-0-3 .magritte-avatar-stack-item___hDdq8_8-0-3:not(:first-child){
894
894
  margin-left:-8px;
895
895
  }
896
- .magritte-avatar-stack-size-40___oBfvX_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
896
+ .magritte-avatar-stack-size-40___oBfvX_8-0-3.magritte-avatar-stack-circle___tQZvM_8-0-3{
897
897
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22white%22%20/%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2220%22%20r%3D%2224%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
898
898
  }
899
- .magritte-avatar-stack-size-40___oBfvX_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
899
+ .magritte-avatar-stack-size-40___oBfvX_8-0-3.magritte-avatar-stack-rect___Ip8L2_8-0-3{
900
900
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22white%22%20/%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%2224%22%20y%3D%22-4%22%20rx%3D%2216%22%20ry%3D%2216%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
901
901
  }
902
- .magritte-avatar-stack-size-40___oBfvX_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
902
+ .magritte-avatar-stack-size-40___oBfvX_8-0-3 .magritte-avatar-stack-item___hDdq8_8-0-3:not(:first-child){
903
903
  margin-left:-12px;
904
904
  }
905
- .magritte-avatar-stack-size-48___KGUEt_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
905
+ .magritte-avatar-stack-size-48___KGUEt_8-0-3.magritte-avatar-stack-circle___tQZvM_8-0-3{
906
906
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22white%22%20/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2224%22%20r%3D%2228%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
907
907
  }
908
- .magritte-avatar-stack-size-48___KGUEt_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
908
+ .magritte-avatar-stack-size-48___KGUEt_8-0-3.magritte-avatar-stack-rect___Ip8L2_8-0-3{
909
909
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%20%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22white%22%20/%3E%3Crect%20width%3D%2256%22%20height%3D%2256%22%20x%3D%2232%22%20y%3D%22-4%22%20rx%3D%2216%22%20ry%3D%2216%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
910
910
  }
911
- .magritte-avatar-stack-size-48___KGUEt_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
911
+ .magritte-avatar-stack-size-48___KGUEt_8-0-3 .magritte-avatar-stack-item___hDdq8_8-0-3:not(:first-child){
912
912
  margin-left:-12px;
913
913
  }
914
- .magritte-avatar-stack-size-80___JnGV-_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
914
+ .magritte-avatar-stack-size-80___JnGV-_8-0-3.magritte-avatar-stack-circle___tQZvM_8-0-3{
915
915
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%2280%22%3E%3Crect%20width%3D%2280%22%20height%3D%2280%22%20fill%3D%22white%22%20/%3E%3Ccircle%20cx%3D%2292%22%20cy%3D%2240%22%20r%3D%2244%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
916
916
  }
917
- .magritte-avatar-stack-size-80___JnGV-_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
917
+ .magritte-avatar-stack-size-80___JnGV-_8-0-3.magritte-avatar-stack-rect___Ip8L2_8-0-3{
918
918
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%2280%22%20%3E%3Crect%20width%3D%2280%22%20height%3D%2280%22%20fill%3D%22white%22%20/%3E%3Crect%20width%3D%2288%22%20height%3D%2288%22%20x%3D%2248%22%20y%3D%22-4%22%20rx%3D%2228%22%20ry%3D%2228%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
919
919
  }
920
- .magritte-avatar-stack-size-80___JnGV-_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
920
+ .magritte-avatar-stack-size-80___JnGV-_8-0-3 .magritte-avatar-stack-item___hDdq8_8-0-3:not(:first-child){
921
921
  margin-left:-28px;
922
922
  }
923
- .magritte-avatar-stack-size-96___1LxDK_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
923
+ .magritte-avatar-stack-size-96___1LxDK_8-0-3.magritte-avatar-stack-circle___tQZvM_8-0-3{
924
924
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2296%22%20height%3D%2296%22%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22white%22%20/%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%2248%22%20r%3D%2252%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
925
925
  }
926
- .magritte-avatar-stack-size-96___1LxDK_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
926
+ .magritte-avatar-stack-size-96___1LxDK_8-0-3.magritte-avatar-stack-rect___Ip8L2_8-0-3{
927
927
  --avatar-stack-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2296%22%20height%3D%2296%22%20%3E%3Crect%20width%3D%2296%22%20height%3D%2296%22%20fill%3D%22white%22%20/%3E%3Crect%20width%3D%22104%22%20height%3D%22104%22%20x%3D%2260%22%20y%3D%22-4%22%20rx%3D%2228%22%20ry%3D%2228%22%20fill%3D%22black%22%20/%3E%3C/svg%3E');
928
928
  }
929
- .magritte-avatar-stack-size-96___1LxDK_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
929
+ .magritte-avatar-stack-size-96___1LxDK_8-0-3 .magritte-avatar-stack-item___hDdq8_8-0-3:not(:first-child){
930
930
  margin-left:-32px;
931
931
  }