@hh.ru/magritte-ui-avatar 7.0.10 → 8.0.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 (39) hide show
  1. package/Avatar.js +45 -24
  2. package/Avatar.js.map +1 -1
  3. package/AvatarStack.js +1 -1
  4. package/AvatarStack.js.map +1 -1
  5. package/Skeleton-BCAS1xPg.js +18 -0
  6. package/{Skeleton-DFCBOYMh.js.map → Skeleton-BCAS1xPg.js.map} +1 -1
  7. package/Skeleton.js +1 -1
  8. package/images/city-day.png +0 -0
  9. package/images/city-night.png +0 -0
  10. package/images/female-day.png +0 -0
  11. package/images/female-night.png +0 -0
  12. package/images/male-day.png +0 -0
  13. package/images/male-night.png +0 -0
  14. package/images/undefined-day.png +0 -0
  15. package/images/undefined-night.png +0 -0
  16. package/index.css +562 -302
  17. package/index.js +1 -5
  18. package/index.js.map +1 -1
  19. package/package.json +5 -5
  20. package/types.d.ts +10 -15
  21. package/utils.d.ts +3 -0
  22. package/utils.js +3 -0
  23. package/utils.js.map +1 -1
  24. package/Placeholder/City.d.ts +0 -3
  25. package/Placeholder/City.js +0 -7
  26. package/Placeholder/City.js.map +0 -1
  27. package/Placeholder/Female.d.ts +0 -3
  28. package/Placeholder/Female.js +0 -7
  29. package/Placeholder/Female.js.map +0 -1
  30. package/Placeholder/Male.d.ts +0 -3
  31. package/Placeholder/Male.js +0 -7
  32. package/Placeholder/Male.js.map +0 -1
  33. package/Placeholder/Undefined.d.ts +0 -3
  34. package/Placeholder/Undefined.js +0 -7
  35. package/Placeholder/Undefined.js.map +0 -1
  36. package/Placeholder/index.d.ts +0 -4
  37. package/Placeholder/index.js +0 -7
  38. package/Placeholder/index.js.map +0 -1
  39. package/Skeleton-DFCBOYMh.js +0 -18
package/index.css CHANGED
@@ -1,128 +1,124 @@
1
1
  :root{
2
- --magritte-color-background-primary-v23-2-3:#ffffff;
3
- --magritte-color-background-secondary-v23-2-3:#F1F4F9;
4
- --magritte-color-background-tertiary-v23-2-3:#DCE3EB;
5
- --magritte-color-background-accent-secondary-v23-2-3:#EDF6FF;
6
- --magritte-color-background-accent-v23-2-3:#0070ff;
7
- --magritte-color-background-positive-secondary-v23-2-3:#E8F9EC;
8
- --magritte-color-background-positive-v23-2-3:#0dc267;
9
- --magritte-color-background-negative-secondary-v23-2-3:#FEF2EF;
10
- --magritte-color-background-negative-v23-2-3:#ff4d3a;
11
- --magritte-color-background-warning-secondary-v23-2-3:#FFF3E6;
12
- --magritte-color-background-warning-v23-2-3:#ff9900;
13
- --magritte-color-background-special-secondary-v23-2-3:#F7F4FF;
14
- --magritte-color-background-special-v23-2-3:#9054ea;
15
- --magritte-color-background-dreamy-secondary-v23-2-3:#E8F7FE;
16
- --magritte-color-background-dreamy-v23-2-3:#5ac8ff;
17
- --magritte-color-background-lovely-secondary-v23-2-3:#FFF1F3;
18
- --magritte-color-background-lovely-v23-2-3:#ff3c77;
19
- --magritte-color-background-vivid-secondary-v23-2-3:#FDF4D7;
20
- --magritte-color-background-vivid-v23-2-3:#F7D044;
21
- --magritte-color-background-body-v23-2-3:#ffffff;
22
- --magritte-color-background-overlay-v23-2-3:#20262b99;
23
- --magritte-color-background-overlay-action-v23-2-3:#ffffff99;
24
- --magritte-color-background-overlay-viewer-v23-2-3:#000000;
25
- --magritte-color-background-overlay-toolbar-v23-2-3:#000000a3;
26
- --magritte-color-background-transparent-v23-2-3:#00000000;
27
- --magritte-color-background-constant-v23-2-3:#000000;
28
- --magritte-color-background-constant-secondary-v23-2-3:#303030;
29
- --magritte-color-background-inverse-v23-2-3:#000000;
30
- --magritte-color-background-inverse-secondary-v23-2-3:#303030;
31
- --magritte-color-component-avatar-online-positive-v23-2-3:#0ea658;
32
- --magritte-color-component-avatar-online-contrast-v23-2-3:#ffffff;
33
- --magritte-color-component-avatar-background-color-01-v23-2-3:#96aabb;
34
- --magritte-color-component-avatar-background-color-02-v23-2-3:#ff859f;
35
- --magritte-color-component-avatar-background-color-03-v23-2-3:#ff8a77;
36
- --magritte-color-component-avatar-background-color-04-v23-2-3:#F7D044;
37
- --magritte-color-component-avatar-background-color-05-v23-2-3:#ff9900;
38
- --magritte-color-component-avatar-background-color-06-v23-2-3:#0dc267;
39
- --magritte-color-component-avatar-background-color-07-v23-2-3:#76adfe;
40
- --magritte-color-component-avatar-background-color-08-v23-2-3:#50b5e8;
41
- --magritte-color-component-avatar-background-color-09-v23-2-3:#b99bf8;
42
- --magritte-color-component-avatar-text-letters-v23-2-3:#ffffff;
43
- --magritte-color-component-avatar-stroke-image-v23-2-3:#00000014;
44
- --magritte-color-component-avatar-stroke-placeholder-v23-2-3:#6a788514;
45
- --magritte-color-component-avatar-stroke-letters-v23-2-3:#0000000a;
46
- --magritte-color-component-avatar-stroke-icon-v23-2-3:#0000000a;
47
- --magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3:#0070ff7a;
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;
48
49
  }
49
50
 
50
51
  :root{
51
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v23-2-3:cubic-bezier(0.25, 0.1, 0.25, 1);
52
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v23-2-3:200ms;
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;
53
56
  }
54
57
 
55
58
  .magritte-night-theme{
56
- --magritte-color-background-primary-v23-2-3:#1B1B1B;
57
- --magritte-color-background-secondary-v23-2-3:#303030;
58
- --magritte-color-background-tertiary-v23-2-3:#474747;
59
- --magritte-color-background-accent-secondary-v23-2-3:#222D3D;
60
- --magritte-color-background-accent-v23-2-3:#2b7fff;
61
- --magritte-color-background-positive-secondary-v23-2-3:#16321F;
62
- --magritte-color-background-positive-v23-2-3:#10b55f;
63
- --magritte-color-background-negative-secondary-v23-2-3:#3D2622;
64
- --magritte-color-background-warning-secondary-v23-2-3:#3D270E;
65
- --magritte-color-background-warning-v23-2-3:#D78009;
66
- --magritte-color-background-special-secondary-v23-2-3:#2F293C;
67
- --magritte-color-background-body-v23-2-3:#000000;
68
- --magritte-color-background-dreamy-secondary-v23-2-3:#212F40;
69
- --magritte-color-background-lovely-secondary-v23-2-3:#44222C;
70
- --magritte-color-background-vivid-secondary-v23-2-3:#373221;
71
- --magritte-color-background-vivid-v23-2-3:#F9DB76;
72
- --magritte-color-background-constant-secondary-v23-2-3:#343c43;
73
- --magritte-color-background-inverse-v23-2-3:#ffffff;
74
- --magritte-color-background-inverse-secondary-v23-2-3:#D4D4D4;
75
- --magritte-color-background-overlay-action-v23-2-3:#00000099;
76
- --magritte-color-component-avatar-background-color-04-v23-2-3:#EBBC12;
77
- --magritte-color-component-avatar-stroke-image-v23-2-3:#ffffff1f;
78
- --magritte-color-component-avatar-stroke-placeholder-v23-2-3:#ffffff1f;
79
- --magritte-color-component-avatar-stroke-letters-v23-2-3:#ffffff1f;
80
- --magritte-color-component-avatar-stroke-icon-v23-2-3:#ffffff1f;
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;
81
85
  }
82
86
 
83
87
  .magritte-zp-day-theme{
84
- --magritte-color-background-accent-secondary-v23-2-3:#F1F4F7;
85
- --magritte-color-background-accent-v23-2-3:#7195AF;
86
- --magritte-color-background-vivid-v23-2-3:#F9DB76;
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;
87
91
  }
88
- .magritte-avatar-container___jBkeI_7-0-10{
92
+ .magritte-avatar-container___jBkeI_8-0-1{
89
93
  position:relative;
90
94
  }
91
- .magritte-avatar-container_disabled___EkG4l_7-0-10{
95
+ .magritte-avatar-container_disabled___EkG4l_8-0-1{
92
96
  pointer-events:none;
93
97
  opacity:48%;
94
98
  }
95
- .magritte-avatar___x--BK_7-0-10{
99
+ .magritte-avatar___x--BK_8-0-1{
96
100
  display:flex;
97
101
  align-items:center;
98
102
  justify-content:center;
99
103
  overflow:hidden;
100
104
  position:relative;
101
- --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v23-2-3);
102
- --magritte-ui-avatar-placeholder-background:#EEF1F7;
103
- --magritte-ui-avatar-placeholder-body:#ffffff;
104
- --magritte-ui-avatar-placeholder-clothes:#DCE3EB;
105
- --magritte-ui-avatar-placeholder-hair:#DCE3EB;
106
- --magritte-ui-avatar-placeholder-shadow-female:#F1F4F9;
107
- --magritte-ui-avatar-placeholder-shadow-male:#DCE3EB;
108
- --magritte-ui-avatar-placeholder-city:#ffffff;
109
- --magritte-ui-avatar-placeholder-shadow-city:#DCE3EB;
110
- }
111
- .magritte-avatar___x--BK_7-0-10:not(div){
105
+ --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v24-0-0);
106
+ }
107
+ .magritte-avatar___x--BK_8-0-1:not(div){
112
108
  cursor:pointer;
113
109
  }
114
- .magritte-avatar___x--BK_7-0-10:focus{
110
+ .magritte-avatar___x--BK_8-0-1:focus{
115
111
  outline:none;
116
112
  }
117
- .magritte-avatar___x--BK_7-0-10.focus-visible{
118
- outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
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);
119
115
  }
120
- .magritte-avatar___x--BK_7-0-10:not(div):active{
116
+ .magritte-avatar___x--BK_8-0-1:not(div):active{
121
117
  transform:scale(0.96);
122
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v23-2-3);
123
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v23-2-3);
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);
124
120
  }
125
- .magritte-avatar___x--BK_7-0-10::after{
121
+ .magritte-avatar___x--BK_8-0-1::after{
126
122
  content:'';
127
123
  top:0;
128
124
  left:0;
@@ -130,229 +126,335 @@
130
126
  width:100%;
131
127
  height:100%;
132
128
  }
133
- .magritte-night-theme .magritte-avatar___x--BK_7-0-10{
134
- --magritte-ui-avatar-placeholder-background:#1B1B1B;
135
- --magritte-ui-avatar-placeholder-body:#767676;
136
- --magritte-ui-avatar-placeholder-clothes:#5E5E5E;
137
- --magritte-ui-avatar-placeholder-hair:#474747;
138
- --magritte-ui-avatar-placeholder-shadow-female:#535353;
139
- --magritte-ui-avatar-placeholder-shadow-male:#535353;
140
- --magritte-ui-avatar-placeholder-city:#767676;
141
- --magritte-ui-avatar-placeholder-shadow-city:#474747;
142
- }
143
- .magritte-avatar-container_size-24___f6DH2_7-0-10,
144
- .magritte-avatar-skeleton-24___9hUuj_7-0-10,
145
- .magritte-avatar_size-24___0dAId_7-0-10{
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{
132
+ width:16px;
133
+ height:16px;
134
+ border-radius:4px;
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{
139
+ border-radius:4px;
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{
146
144
  width:24px;
147
145
  height:24px;
148
146
  border-radius:8px;
149
147
  }
150
- .magritte-avatar-container_size-24___f6DH2_7-0-10:after,
151
- .magritte-avatar-skeleton-24___9hUuj_7-0-10:after,
152
- .magritte-avatar_size-24___0dAId_7-0-10:after{
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{
153
151
  border-radius:8px;
154
152
  }
155
- .magritte-avatar-container_size-40___mVeBD_7-0-10,
156
- .magritte-avatar-skeleton-40___ZN6a7_7-0-10,
157
- .magritte-avatar_size-40___zj3fM_7-0-10{
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{
158
156
  width:40px;
159
157
  height:40px;
160
158
  border-radius:12px;
161
159
  }
162
- .magritte-avatar-container_size-40___mVeBD_7-0-10:after,
163
- .magritte-avatar-skeleton-40___ZN6a7_7-0-10:after,
164
- .magritte-avatar_size-40___zj3fM_7-0-10:after{
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{
165
163
  border-radius:12px;
166
164
  }
167
- .magritte-avatar-container_size-48___pflud_7-0-10,
168
- .magritte-avatar-skeleton-48___CC-af_7-0-10,
169
- .magritte-avatar_size-48___JzITc_7-0-10{
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{
170
168
  width:48px;
171
169
  height:48px;
172
170
  border-radius:12px;
173
171
  }
174
- .magritte-avatar-container_size-48___pflud_7-0-10:after,
175
- .magritte-avatar-skeleton-48___CC-af_7-0-10:after,
176
- .magritte-avatar_size-48___JzITc_7-0-10:after{
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{
177
175
  border-radius:12px;
178
176
  }
179
- .magritte-avatar-container_size-96___Up8Hn_7-0-10,
180
- .magritte-avatar-skeleton-96___qYG-Z_7-0-10,
181
- .magritte-avatar_size-96___5SeO2_7-0-10{
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{
180
+ width:80px;
181
+ height:80px;
182
+ border-radius:24px;
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{
187
+ border-radius:24px;
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{
182
192
  width:96px;
183
193
  height:96px;
184
194
  border-radius:24px;
185
195
  }
186
- .magritte-avatar-container_size-96___Up8Hn_7-0-10:after,
187
- .magritte-avatar-skeleton-96___qYG-Z_7-0-10:after,
188
- .magritte-avatar_size-96___5SeO2_7-0-10:after{
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{
199
+ border-radius:24px;
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{
204
+ width:120px;
205
+ height:120px;
206
+ border-radius:24px;
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{
189
211
  border-radius:24px;
190
212
  }
191
- .magritte-avatar-container_size-208___k7SkJ_7-0-10,
192
- .magritte-avatar-skeleton-208___ybqJw_7-0-10,
193
- .magritte-avatar_size-208___rzfu3_7-0-10{
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{
194
216
  width:208px;
195
217
  height:208px;
196
218
  border-radius:8px;
197
219
  }
198
- .magritte-avatar-container_size-208___k7SkJ_7-0-10:after,
199
- .magritte-avatar-skeleton-208___ybqJw_7-0-10:after,
200
- .magritte-avatar_size-208___rzfu3_7-0-10:after{
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{
201
223
  border-radius:8px;
202
224
  }
203
- .magritte-avatar_shape-circle___kEbru_7-0-10,
204
- .magritte-avatar-skeleton-circle___rD1E0_7-0-10{
225
+ .magritte-avatar_shape-circle___kEbru_8-0-1,
226
+ .magritte-avatar-skeleton-circle___rD1E0_8-0-1{
205
227
  border-radius:50%;
206
228
  }
207
- .magritte-avatar_shape-circle___kEbru_7-0-10::after,
208
- .magritte-avatar-skeleton-circle___rD1E0_7-0-10::after{
229
+ .magritte-avatar_shape-circle___kEbru_8-0-1::after,
230
+ .magritte-avatar-skeleton-circle___rD1E0_8-0-1::after{
209
231
  border-radius:50%;
210
232
  }
211
- .magritte-avatar_style-color-1___xXtkh_7-0-10{
212
- background-color:var(--magritte-color-component-avatar-background-color-01-v23-2-3);
233
+ .magritte-avatar_style-color-1___xXtkh_8-0-1{
234
+ background-color:var(--magritte-color-component-avatar-background-color-01-v24-0-0);
213
235
  }
214
- .magritte-avatar_style-color-2___JraJd_7-0-10{
215
- background-color:var(--magritte-color-component-avatar-background-color-02-v23-2-3);
236
+ .magritte-avatar_style-color-2___JraJd_8-0-1{
237
+ background-color:var(--magritte-color-component-avatar-background-color-02-v24-0-0);
216
238
  }
217
- .magritte-avatar_style-color-3___g29U3_7-0-10{
218
- background-color:var(--magritte-color-component-avatar-background-color-03-v23-2-3);
239
+ .magritte-avatar_style-color-3___g29U3_8-0-1{
240
+ background-color:var(--magritte-color-component-avatar-background-color-03-v24-0-0);
219
241
  }
220
- .magritte-avatar_style-color-4___pHhmj_7-0-10{
221
- background-color:var(--magritte-color-component-avatar-background-color-04-v23-2-3);
242
+ .magritte-avatar_style-color-4___pHhmj_8-0-1{
243
+ background-color:var(--magritte-color-component-avatar-background-color-04-v24-0-0);
222
244
  }
223
- .magritte-avatar_style-color-5___H9Ie3_7-0-10{
224
- background-color:var(--magritte-color-component-avatar-background-color-05-v23-2-3);
245
+ .magritte-avatar_style-color-5___H9Ie3_8-0-1{
246
+ background-color:var(--magritte-color-component-avatar-background-color-05-v24-0-0);
225
247
  }
226
- .magritte-avatar_style-color-6___oODXO_7-0-10{
227
- background-color:var(--magritte-color-component-avatar-background-color-06-v23-2-3);
248
+ .magritte-avatar_style-color-6___oODXO_8-0-1{
249
+ background-color:var(--magritte-color-component-avatar-background-color-06-v24-0-0);
228
250
  }
229
- .magritte-avatar_style-color-7___SfUBl_7-0-10{
230
- background-color:var(--magritte-color-component-avatar-background-color-07-v23-2-3);
251
+ .magritte-avatar_style-color-7___SfUBl_8-0-1{
252
+ background-color:var(--magritte-color-component-avatar-background-color-07-v24-0-0);
231
253
  }
232
- .magritte-avatar_style-color-8___rlI6h_7-0-10{
233
- background-color:var(--magritte-color-component-avatar-background-color-08-v23-2-3);
254
+ .magritte-avatar_style-color-8___rlI6h_8-0-1{
255
+ background-color:var(--magritte-color-component-avatar-background-color-08-v24-0-0);
234
256
  }
235
- .magritte-avatar_style-color-9___XQO4B_7-0-10{
236
- background-color:var(--magritte-color-component-avatar-background-color-09-v23-2-3);
257
+ .magritte-avatar_style-color-9___XQO4B_8-0-1{
258
+ background-color:var(--magritte-color-component-avatar-background-color-09-v24-0-0);
237
259
  }
238
- .magritte-avatar_style-primary___SvqU1_7-0-10{
239
- background-color:var(--magritte-color-background-primary-v23-2-3);
260
+ .magritte-avatar_style-primary___SvqU1_8-0-1{
261
+ background-color:var(--magritte-color-background-primary-v24-0-0);
240
262
  }
241
- .magritte-avatar_style-secondary___C6MTH_7-0-10{
242
- background-color:var(--magritte-color-background-secondary-v23-2-3);
263
+ .magritte-avatar_style-secondary___C6MTH_8-0-1{
264
+ background-color:var(--magritte-color-background-secondary-v24-0-0);
243
265
  }
244
- .magritte-avatar_style-tertiary___3o-90_7-0-10{
245
- background-color:var(--magritte-color-background-tertiary-v23-2-3);
266
+ .magritte-avatar_style-tertiary___3o-90_8-0-1{
267
+ background-color:var(--magritte-color-background-tertiary-v24-0-0);
246
268
  }
247
- .magritte-avatar_style-accent-secondary___vc7Lb_7-0-10{
248
- background-color:var(--magritte-color-background-accent-secondary-v23-2-3);
269
+ .magritte-avatar_style-accent-secondary___vc7Lb_8-0-1{
270
+ background-color:var(--magritte-color-background-accent-secondary-v24-0-0);
249
271
  }
250
- .magritte-avatar_style-accent___LgPSo_7-0-10{
251
- background-color:var(--magritte-color-background-accent-v23-2-3);
272
+ .magritte-avatar_style-accent___LgPSo_8-0-1{
273
+ background-color:var(--magritte-color-background-accent-v24-0-0);
252
274
  }
253
- .magritte-avatar_style-positive-secondary___aQrkm_7-0-10{
254
- background-color:var(--magritte-color-background-positive-secondary-v23-2-3);
275
+ .magritte-avatar_style-positive-secondary___aQrkm_8-0-1{
276
+ background-color:var(--magritte-color-background-positive-secondary-v24-0-0);
255
277
  }
256
- .magritte-avatar_style-positive___bDzbE_7-0-10{
257
- background-color:var(--magritte-color-background-positive-v23-2-3);
278
+ .magritte-avatar_style-positive___bDzbE_8-0-1{
279
+ background-color:var(--magritte-color-background-positive-v24-0-0);
258
280
  }
259
- .magritte-avatar_style-negative-secondary___GW7rc_7-0-10{
260
- background-color:var(--magritte-color-background-negative-secondary-v23-2-3);
281
+ .magritte-avatar_style-negative-secondary___GW7rc_8-0-1{
282
+ background-color:var(--magritte-color-background-negative-secondary-v24-0-0);
261
283
  }
262
- .magritte-avatar_style-negative___xHHQb_7-0-10{
263
- background-color:var(--magritte-color-background-negative-v23-2-3);
284
+ .magritte-avatar_style-negative___xHHQb_8-0-1{
285
+ background-color:var(--magritte-color-background-negative-v24-0-0);
264
286
  }
265
- .magritte-avatar_style-warning-secondary___LKwiW_7-0-10{
266
- background-color:var(--magritte-color-background-warning-secondary-v23-2-3);
287
+ .magritte-avatar_style-warning-secondary___LKwiW_8-0-1{
288
+ background-color:var(--magritte-color-background-warning-secondary-v24-0-0);
267
289
  }
268
- .magritte-avatar_style-warning___7kKRS_7-0-10{
269
- background-color:var(--magritte-color-background-warning-v23-2-3);
290
+ .magritte-avatar_style-warning___7kKRS_8-0-1{
291
+ background-color:var(--magritte-color-background-warning-v24-0-0);
270
292
  }
271
- .magritte-avatar_style-special-secondary___J2CwS_7-0-10{
272
- background-color:var(--magritte-color-background-special-secondary-v23-2-3);
293
+ .magritte-avatar_style-special-secondary___J2CwS_8-0-1{
294
+ background-color:var(--magritte-color-background-special-secondary-v24-0-0);
273
295
  }
274
- .magritte-avatar_style-special___gLmS0_7-0-10{
275
- background-color:var(--magritte-color-background-special-v23-2-3);
296
+ .magritte-avatar_style-special___gLmS0_8-0-1{
297
+ background-color:var(--magritte-color-background-special-v24-0-0);
276
298
  }
277
- .magritte-avatar_style-dreamy-secondary___WoWcK_7-0-10{
278
- background-color:var(--magritte-color-background-dreamy-secondary-v23-2-3);
299
+ .magritte-avatar_style-dreamy-secondary___WoWcK_8-0-1{
300
+ background-color:var(--magritte-color-background-dreamy-secondary-v24-0-0);
279
301
  }
280
- .magritte-avatar_style-dreamy___-zjx5_7-0-10{
281
- background-color:var(--magritte-color-background-dreamy-v23-2-3);
302
+ .magritte-avatar_style-dreamy___-zjx5_8-0-1{
303
+ background-color:var(--magritte-color-background-dreamy-v24-0-0);
282
304
  }
283
- .magritte-avatar_style-lovely-secondary___YhzZk_7-0-10{
284
- background-color:var(--magritte-color-background-lovely-secondary-v23-2-3);
305
+ .magritte-avatar_style-lovely-secondary___YhzZk_8-0-1{
306
+ background-color:var(--magritte-color-background-lovely-secondary-v24-0-0);
285
307
  }
286
- .magritte-avatar_style-lovely___wy3Zg_7-0-10{
287
- background-color:var(--magritte-color-background-lovely-v23-2-3);
308
+ .magritte-avatar_style-lovely___wy3Zg_8-0-1{
309
+ background-color:var(--magritte-color-background-lovely-v24-0-0);
288
310
  }
289
- .magritte-avatar_style-vivid-secondary___EcBn1_7-0-10{
290
- background-color:var(--magritte-color-background-vivid-secondary-v23-2-3);
311
+ .magritte-avatar_style-vivid-secondary___EcBn1_8-0-1{
312
+ background-color:var(--magritte-color-background-vivid-secondary-v24-0-0);
291
313
  }
292
- .magritte-avatar_style-vivid___pkKc5_7-0-10{
293
- background-color:var(--magritte-color-background-vivid-v23-2-3);
314
+ .magritte-avatar_style-vivid___pkKc5_8-0-1{
315
+ background-color:var(--magritte-color-background-vivid-v24-0-0);
294
316
  }
295
- .magritte-avatar_style-body___xmokY_7-0-10{
296
- background-color:var(--magritte-color-background-body-v23-2-3);
317
+ .magritte-avatar_style-body___xmokY_8-0-1{
318
+ background-color:var(--magritte-color-background-body-v24-0-0);
297
319
  }
298
- .magritte-avatar_style-overlay___0yWkS_7-0-10{
299
- background-color:var(--magritte-color-background-overlay-v23-2-3);
320
+ .magritte-avatar_style-overlay___0yWkS_8-0-1{
321
+ background-color:var(--magritte-color-background-overlay-v24-0-0);
300
322
  }
301
- .magritte-avatar_style-overlay-action___MMxS7_7-0-10{
302
- background-color:var(--magritte-color-background-overlay-action-v23-2-3);
323
+ .magritte-avatar_style-overlay-action___MMxS7_8-0-1{
324
+ background-color:var(--magritte-color-background-overlay-action-v24-0-0);
303
325
  }
304
- .magritte-avatar_style-overlay-viewer___4gNO7_7-0-10{
305
- background-color:var(--magritte-color-background-overlay-viewer-v23-2-3);
326
+ .magritte-avatar_style-overlay-viewer___4gNO7_8-0-1{
327
+ background-color:var(--magritte-color-background-overlay-viewer-v24-0-0);
306
328
  }
307
- .magritte-avatar_style-overlay-toolbar___0Lvuf_7-0-10{
308
- background-color:var(--magritte-color-background-overlay-toolbar-v23-2-3);
329
+ .magritte-avatar_style-overlay-toolbar___0Lvuf_8-0-1{
330
+ background-color:var(--magritte-color-background-overlay-toolbar-v24-0-0);
309
331
  }
310
- .magritte-avatar_style-transparent___KtjP8_7-0-10{
311
- background-color:var(--magritte-color-background-transparent-v23-2-3);
332
+ .magritte-avatar_style-transparent___KtjP8_8-0-1{
333
+ background-color:var(--magritte-color-background-transparent-v24-0-0);
312
334
  }
313
- .magritte-avatar_style-constant___HVes8_7-0-10{
314
- background-color:var(--magritte-color-background-constant-v23-2-3);
335
+ .magritte-avatar_style-constant___HVes8_8-0-1{
336
+ background-color:var(--magritte-color-background-constant-v24-0-0);
315
337
  }
316
- .magritte-avatar_style-constant-secondary___tfuOw_7-0-10{
317
- background-color:var(--magritte-color-background-constant-secondary-v23-2-3);
338
+ .magritte-avatar_style-constant-secondary___tfuOw_8-0-1{
339
+ background-color:var(--magritte-color-background-constant-secondary-v24-0-0);
318
340
  }
319
- .magritte-avatar_style-inverse___yupyU_7-0-10{
320
- background-color:var(--magritte-color-background-inverse-v23-2-3);
341
+ .magritte-avatar_style-inverse___yupyU_8-0-1{
342
+ background-color:var(--magritte-color-background-inverse-v24-0-0);
321
343
  }
322
- .magritte-avatar_style-inverse-secondary___NdawN_7-0-10{
323
- background-color:var(--magritte-color-background-inverse-secondary-v23-2-3);
344
+ .magritte-avatar_style-inverse-secondary___NdawN_8-0-1{
345
+ background-color:var(--magritte-color-background-inverse-secondary-v24-0-0);
324
346
  }
325
- .magritte-avatar_mode-image___02zr1_7-0-10::after{
326
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-image-v23-2-3);
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);
327
349
  }
328
- .magritte-avatar_mode-letters___ot4qB_7-0-10::after{
329
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-letters-v23-2-3);
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);
330
352
  }
331
- .magritte-avatar_mode-icon___MYrlv_7-0-10::after{
332
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-icon-v23-2-3);
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);
333
355
  }
334
- .magritte-avatar_mode-placeholder___6hOu7_7-0-10::after{
335
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-placeholder-v23-2-3);
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);
336
358
  }
337
- .magritte-avatar-image___05p9Z_7-0-10{
359
+ .magritte-avatar-image___05p9Z_8-0-1{
338
360
  object-fit:cover;
339
361
  width:100%;
340
362
  height:100%;
363
+ z-index:1;
341
364
  }
342
- .magritte-avatar-image_hidden___DPQBK_7-0-10{
365
+ .magritte-avatar-image-hidden___YNZ3i_8-0-1{
343
366
  display:none;
344
367
  }
345
- .magritte-avatar_with-online-badge-24___helkM_7-0-10{
368
+ .magritte-avatar-image-loading___0QWL4_8-0-1{
369
+ position:absolute;
370
+ inset:0;
371
+ background-color:var(--magritte-color-component-skeleton-background-content-v24-0-0);
372
+ }
373
+ @keyframes magritte-image-animation___6Q4Qv_8-0-1{
374
+ from{
375
+ opacity:0;
376
+ }
377
+ to{
378
+ opacity:1;
379
+ }
380
+ }
381
+ .magritte-avatar-image-animation___Ik79H_8-0-1{
382
+ animation-name:magritte-image-animation___6Q4Qv_8-0-1;
383
+ animation-duration:1ms;
384
+ animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-0-0);
385
+ }
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);
389
+ }
390
+ }
391
+ .magritte-avatar_with-online-badge-16___rhXhS_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
394
+ mask-image:var(--transparent-area-mask);
395
+ }
396
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-16___rhXhS_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
399
+ mask-image:var(--transparent-area-mask);
400
+ }
401
+ .magritte-avatar-online-badge-16___Xtv3l_8-0-1{
402
+ position:absolute;
403
+ border-radius:50%;
404
+ width:4px;
405
+ height:4px;
406
+ right:0px;
407
+ bottom:0px;
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);
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);
414
+ }
415
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-16___Xtv3l_8-0-1{
416
+ position:absolute;
417
+ border-radius:50%;
418
+ width:4px;
419
+ height:4px;
420
+ right:0px;
421
+ bottom:0px;
422
+ }
423
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-16___dnSiS_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
426
+ mask-image:var(--transparent-area-mask);
427
+ position:absolute;
428
+ width:16px;
429
+ height:16px;
430
+ top:0;
431
+ margin:-4px;
432
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
433
+ border-radius:calc(4px + 4px);
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{
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
+ -webkit-mask-image:var(--transparent-area-mask);
438
+ mask-image:var(--transparent-area-mask);
439
+ position:absolute;
440
+ width:16px;
441
+ height:16px;
442
+ top:0;
443
+ margin:-4px;
444
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
445
+ border-radius:50%;
446
+ }
447
+ .magritte-avatar_with-online-badge-24___helkM_8-0-1{
346
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);
347
449
  -webkit-mask-image:var(--transparent-area-mask);
348
450
  mask-image:var(--transparent-area-mask);
349
451
  }
350
- .magritte-avatar_shape-circle___kEbru_7-0-10.magritte-avatar_with-online-badge-24___helkM_7-0-10{
452
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-24___helkM_8-0-1{
351
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);
352
454
  -webkit-mask-image:var(--transparent-area-mask);
353
455
  mask-image:var(--transparent-area-mask);
354
456
  }
355
- .magritte-avatar-online-badge-24___mjPKB_7-0-10{
457
+ .magritte-avatar-online-badge-24___mjPKB_8-0-1{
356
458
  position:absolute;
357
459
  border-radius:50%;
358
460
  width:6px;
@@ -360,13 +462,13 @@
360
462
  right:0px;
361
463
  bottom:0px;
362
464
  }
363
- .magritte-avatar-online-badge_style_positive___jHyv3_7-0-10{
364
- background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
465
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
466
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
365
467
  }
366
- .magritte-avatar-online-badge_style_contrast___GZFCO_7-0-10{
367
- background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-3);
468
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
469
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
368
470
  }
369
- .magritte-avatar_shape-circle___kEbru_7-0-10 ~ .magritte-avatar-online-badge-24___mjPKB_7-0-10{
471
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-24___mjPKB_8-0-1{
370
472
  position:absolute;
371
473
  border-radius:50%;
372
474
  width:6px;
@@ -374,7 +476,7 @@
374
476
  right:0px;
375
477
  bottom:0px;
376
478
  }
377
- .magritte-avatar___x--BK_7-0-10.focus-visible + .magritte-avatar-focus-border-24___wnJnb_7-0-10{
479
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-24___wnJnb_8-0-1{
378
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);
379
481
  -webkit-mask-image:var(--transparent-area-mask);
380
482
  mask-image:var(--transparent-area-mask);
@@ -383,10 +485,10 @@
383
485
  height:24px;
384
486
  top:0;
385
487
  margin:-4px;
386
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
488
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
387
489
  border-radius:calc(8px + 4px);
388
490
  }
389
- .magritte-avatar___x--BK_7-0-10.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-10 + .magritte-avatar-focus-border-24___wnJnb_7-0-10{
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{
390
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);
391
493
  -webkit-mask-image:var(--transparent-area-mask);
392
494
  mask-image:var(--transparent-area-mask);
@@ -395,20 +497,20 @@
395
497
  height:24px;
396
498
  top:0;
397
499
  margin:-4px;
398
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
500
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
399
501
  border-radius:50%;
400
502
  }
401
- .magritte-avatar_with-online-badge-40___Tckho_7-0-10{
503
+ .magritte-avatar_with-online-badge-40___Tckho_8-0-1{
402
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);
403
505
  -webkit-mask-image:var(--transparent-area-mask);
404
506
  mask-image:var(--transparent-area-mask);
405
507
  }
406
- .magritte-avatar_shape-circle___kEbru_7-0-10.magritte-avatar_with-online-badge-40___Tckho_7-0-10{
508
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-40___Tckho_8-0-1{
407
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);
408
510
  -webkit-mask-image:var(--transparent-area-mask);
409
511
  mask-image:var(--transparent-area-mask);
410
512
  }
411
- .magritte-avatar-online-badge-40___HRNTS_7-0-10{
513
+ .magritte-avatar-online-badge-40___HRNTS_8-0-1{
412
514
  position:absolute;
413
515
  border-radius:50%;
414
516
  width:8px;
@@ -416,13 +518,13 @@
416
518
  right:0px;
417
519
  bottom:0px;
418
520
  }
419
- .magritte-avatar-online-badge_style_positive___jHyv3_7-0-10{
420
- background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
521
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
522
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
421
523
  }
422
- .magritte-avatar-online-badge_style_contrast___GZFCO_7-0-10{
423
- background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-3);
524
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
525
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
424
526
  }
425
- .magritte-avatar_shape-circle___kEbru_7-0-10 ~ .magritte-avatar-online-badge-40___HRNTS_7-0-10{
527
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-40___HRNTS_8-0-1{
426
528
  position:absolute;
427
529
  border-radius:50%;
428
530
  width:8px;
@@ -430,7 +532,7 @@
430
532
  right:2px;
431
533
  bottom:2px;
432
534
  }
433
- .magritte-avatar___x--BK_7-0-10.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_7-0-10{
535
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_8-0-1{
434
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);
435
537
  -webkit-mask-image:var(--transparent-area-mask);
436
538
  mask-image:var(--transparent-area-mask);
@@ -439,10 +541,10 @@
439
541
  height:40px;
440
542
  top:0;
441
543
  margin:-4px;
442
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
544
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
443
545
  border-radius:calc(12px + 4px);
444
546
  }
445
- .magritte-avatar___x--BK_7-0-10.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-10 + .magritte-avatar-focus-border-40___Qn9NL_7-0-10{
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{
446
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);
447
549
  -webkit-mask-image:var(--transparent-area-mask);
448
550
  mask-image:var(--transparent-area-mask);
@@ -451,20 +553,20 @@
451
553
  height:40px;
452
554
  top:0;
453
555
  margin:-4px;
454
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
556
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
455
557
  border-radius:50%;
456
558
  }
457
- .magritte-avatar_with-online-badge-48___BmWaC_7-0-10{
559
+ .magritte-avatar_with-online-badge-48___BmWaC_8-0-1{
458
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);
459
561
  -webkit-mask-image:var(--transparent-area-mask);
460
562
  mask-image:var(--transparent-area-mask);
461
563
  }
462
- .magritte-avatar_shape-circle___kEbru_7-0-10.magritte-avatar_with-online-badge-48___BmWaC_7-0-10{
564
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-48___BmWaC_8-0-1{
463
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);
464
566
  -webkit-mask-image:var(--transparent-area-mask);
465
567
  mask-image:var(--transparent-area-mask);
466
568
  }
467
- .magritte-avatar-online-badge-48___qPmD8_7-0-10{
569
+ .magritte-avatar-online-badge-48___qPmD8_8-0-1{
468
570
  position:absolute;
469
571
  border-radius:50%;
470
572
  width:8px;
@@ -472,13 +574,13 @@
472
574
  right:0px;
473
575
  bottom:0px;
474
576
  }
475
- .magritte-avatar-online-badge_style_positive___jHyv3_7-0-10{
476
- background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
577
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
578
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
477
579
  }
478
- .magritte-avatar-online-badge_style_contrast___GZFCO_7-0-10{
479
- background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-3);
580
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
581
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
480
582
  }
481
- .magritte-avatar_shape-circle___kEbru_7-0-10 ~ .magritte-avatar-online-badge-48___qPmD8_7-0-10{
583
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-48___qPmD8_8-0-1{
482
584
  position:absolute;
483
585
  border-radius:50%;
484
586
  width:8px;
@@ -486,7 +588,7 @@
486
588
  right:3px;
487
589
  bottom:3px;
488
590
  }
489
- .magritte-avatar___x--BK_7-0-10.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_7-0-10{
591
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_8-0-1{
490
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);
491
593
  -webkit-mask-image:var(--transparent-area-mask);
492
594
  mask-image:var(--transparent-area-mask);
@@ -495,10 +597,10 @@
495
597
  height:48px;
496
598
  top:0;
497
599
  margin:-4px;
498
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
600
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
499
601
  border-radius:calc(12px + 4px);
500
602
  }
501
- .magritte-avatar___x--BK_7-0-10.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-10 + .magritte-avatar-focus-border-48___Bc-lN_7-0-10{
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{
502
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);
503
605
  -webkit-mask-image:var(--transparent-area-mask);
504
606
  mask-image:var(--transparent-area-mask);
@@ -507,20 +609,76 @@
507
609
  height:48px;
508
610
  top:0;
509
611
  margin:-4px;
510
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
612
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
511
613
  border-radius:50%;
512
614
  }
513
- .magritte-avatar_with-online-badge-96___r4E42_7-0-10{
615
+ .magritte-avatar_with-online-badge-80___jvmKS_8-0-1{
514
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);
515
617
  -webkit-mask-image:var(--transparent-area-mask);
516
618
  mask-image:var(--transparent-area-mask);
517
619
  }
518
- .magritte-avatar_shape-circle___kEbru_7-0-10.magritte-avatar_with-online-badge-96___r4E42_7-0-10{
620
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-80___jvmKS_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
623
+ mask-image:var(--transparent-area-mask);
624
+ }
625
+ .magritte-avatar-online-badge-80___zA5Rd_8-0-1{
626
+ position:absolute;
627
+ border-radius:50%;
628
+ width:12px;
629
+ height:12px;
630
+ right:0px;
631
+ bottom:0px;
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);
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);
638
+ }
639
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-80___zA5Rd_8-0-1{
640
+ position:absolute;
641
+ border-radius:50%;
642
+ width:12px;
643
+ height:12px;
644
+ right:6px;
645
+ bottom:6px;
646
+ }
647
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-80___1X1Aa_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
650
+ mask-image:var(--transparent-area-mask);
651
+ position:absolute;
652
+ width:80px;
653
+ height:80px;
654
+ top:0;
655
+ margin:-4px;
656
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
657
+ border-radius:calc(24px + 4px);
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{
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
+ -webkit-mask-image:var(--transparent-area-mask);
662
+ mask-image:var(--transparent-area-mask);
663
+ position:absolute;
664
+ width:80px;
665
+ height:80px;
666
+ top:0;
667
+ margin:-4px;
668
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
669
+ border-radius:50%;
670
+ }
671
+ .magritte-avatar_with-online-badge-96___r4E42_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
674
+ mask-image:var(--transparent-area-mask);
675
+ }
676
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-96___r4E42_8-0-1{
519
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);
520
678
  -webkit-mask-image:var(--transparent-area-mask);
521
679
  mask-image:var(--transparent-area-mask);
522
680
  }
523
- .magritte-avatar-online-badge-96___d6bm-_7-0-10{
681
+ .magritte-avatar-online-badge-96___d6bm-_8-0-1{
524
682
  position:absolute;
525
683
  border-radius:50%;
526
684
  width:12px;
@@ -528,13 +686,13 @@
528
686
  right:0px;
529
687
  bottom:0px;
530
688
  }
531
- .magritte-avatar-online-badge_style_positive___jHyv3_7-0-10{
532
- background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
689
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
690
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
533
691
  }
534
- .magritte-avatar-online-badge_style_contrast___GZFCO_7-0-10{
535
- background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-3);
692
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
693
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
536
694
  }
537
- .magritte-avatar_shape-circle___kEbru_7-0-10 ~ .magritte-avatar-online-badge-96___d6bm-_7-0-10{
695
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-96___d6bm-_8-0-1{
538
696
  position:absolute;
539
697
  border-radius:50%;
540
698
  width:12px;
@@ -542,7 +700,7 @@
542
700
  right:8px;
543
701
  bottom:8px;
544
702
  }
545
- .magritte-avatar___x--BK_7-0-10.focus-visible + .magritte-avatar-focus-border-96___TVpd0_7-0-10{
703
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-96___TVpd0_8-0-1{
546
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);
547
705
  -webkit-mask-image:var(--transparent-area-mask);
548
706
  mask-image:var(--transparent-area-mask);
@@ -551,10 +709,10 @@
551
709
  height:96px;
552
710
  top:0;
553
711
  margin:-4px;
554
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
712
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
555
713
  border-radius:calc(24px + 4px);
556
714
  }
557
- .magritte-avatar___x--BK_7-0-10.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-10 + .magritte-avatar-focus-border-96___TVpd0_7-0-10{
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{
558
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);
559
717
  -webkit-mask-image:var(--transparent-area-mask);
560
718
  mask-image:var(--transparent-area-mask);
@@ -563,20 +721,76 @@
563
721
  height:96px;
564
722
  top:0;
565
723
  margin:-4px;
566
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
724
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
567
725
  border-radius:50%;
568
726
  }
569
- .magritte-avatar_with-online-badge-208___AS6Lk_7-0-10{
727
+ .magritte-avatar_with-online-badge-120___oqIED_8-0-1{
570
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);
571
729
  -webkit-mask-image:var(--transparent-area-mask);
572
730
  mask-image:var(--transparent-area-mask);
573
731
  }
574
- .magritte-avatar_shape-circle___kEbru_7-0-10.magritte-avatar_with-online-badge-208___AS6Lk_7-0-10{
732
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-120___oqIED_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
735
+ mask-image:var(--transparent-area-mask);
736
+ }
737
+ .magritte-avatar-online-badge-120___nmWqZ_8-0-1{
738
+ position:absolute;
739
+ border-radius:50%;
740
+ width:12px;
741
+ height:12px;
742
+ right:0px;
743
+ bottom:0px;
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);
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);
750
+ }
751
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-120___nmWqZ_8-0-1{
752
+ position:absolute;
753
+ border-radius:50%;
754
+ width:12px;
755
+ height:12px;
756
+ right:12px;
757
+ bottom:12px;
758
+ }
759
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-120___vHWE1_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
762
+ mask-image:var(--transparent-area-mask);
763
+ position:absolute;
764
+ width:120px;
765
+ height:120px;
766
+ top:0;
767
+ margin:-4px;
768
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
769
+ border-radius:calc(24px + 4px);
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{
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
+ -webkit-mask-image:var(--transparent-area-mask);
774
+ mask-image:var(--transparent-area-mask);
775
+ position:absolute;
776
+ width:120px;
777
+ height:120px;
778
+ top:0;
779
+ margin:-4px;
780
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
781
+ border-radius:50%;
782
+ }
783
+ .magritte-avatar_with-online-badge-208___AS6Lk_8-0-1{
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
+ -webkit-mask-image:var(--transparent-area-mask);
786
+ mask-image:var(--transparent-area-mask);
787
+ }
788
+ .magritte-avatar_shape-circle___kEbru_8-0-1.magritte-avatar_with-online-badge-208___AS6Lk_8-0-1{
575
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);
576
790
  -webkit-mask-image:var(--transparent-area-mask);
577
791
  mask-image:var(--transparent-area-mask);
578
792
  }
579
- .magritte-avatar-online-badge-208___m4hXQ_7-0-10{
793
+ .magritte-avatar-online-badge-208___m4hXQ_8-0-1{
580
794
  position:absolute;
581
795
  border-radius:50%;
582
796
  width:12px;
@@ -584,13 +798,13 @@
584
798
  right:0px;
585
799
  bottom:0px;
586
800
  }
587
- .magritte-avatar-online-badge_style_positive___jHyv3_7-0-10{
588
- background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
801
+ .magritte-avatar-online-badge_style_positive___jHyv3_8-0-1{
802
+ background-color:var(--magritte-color-component-avatar-online-positive-v24-0-0);
589
803
  }
590
- .magritte-avatar-online-badge_style_contrast___GZFCO_7-0-10{
591
- background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-3);
804
+ .magritte-avatar-online-badge_style_constant___-TeoG_8-0-1{
805
+ background-color:var(--magritte-color-component-avatar-online-constant-v24-0-0);
592
806
  }
593
- .magritte-avatar_shape-circle___kEbru_7-0-10 ~ .magritte-avatar-online-badge-208___m4hXQ_7-0-10{
807
+ .magritte-avatar_shape-circle___kEbru_8-0-1 ~ .magritte-avatar-online-badge-208___m4hXQ_8-0-1{
594
808
  position:absolute;
595
809
  border-radius:50%;
596
810
  width:12px;
@@ -598,7 +812,7 @@
598
812
  right:25px;
599
813
  bottom:25px;
600
814
  }
601
- .magritte-avatar___x--BK_7-0-10.focus-visible + .magritte-avatar-focus-border-208___V6We2_7-0-10{
815
+ .magritte-avatar___x--BK_8-0-1.focus-visible + .magritte-avatar-focus-border-208___V6We2_8-0-1{
602
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);
603
817
  -webkit-mask-image:var(--transparent-area-mask);
604
818
  mask-image:var(--transparent-area-mask);
@@ -607,10 +821,10 @@
607
821
  height:208px;
608
822
  top:0;
609
823
  margin:-4px;
610
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
824
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
611
825
  border-radius:calc(8px + 4px);
612
826
  }
613
- .magritte-avatar___x--BK_7-0-10.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-10 + .magritte-avatar-focus-border-208___V6We2_7-0-10{
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{
614
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);
615
829
  -webkit-mask-image:var(--transparent-area-mask);
616
830
  mask-image:var(--transparent-area-mask);
@@ -619,53 +833,99 @@
619
833
  height:208px;
620
834
  top:0;
621
835
  margin:-4px;
622
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
836
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v24-0-0);
623
837
  border-radius:50%;
624
838
  }
839
+ .magritte-female___fSeyG_8-0-1{
840
+ background-image:url("images/female-day.png");
841
+ background-size:cover;
842
+ }
843
+ .magritte-night-theme .magritte-female___fSeyG_8-0-1{
844
+ background-image:url("images/female-night.png");
845
+ }
846
+ .magritte-male___HlZ30_8-0-1{
847
+ background-image:url("images/male-day.png");
848
+ background-size:cover;
849
+ }
850
+ .magritte-night-theme .magritte-male___HlZ30_8-0-1{
851
+ background-image:url("images/male-night.png");
852
+ }
853
+ .magritte-city___jNvGf_8-0-1{
854
+ background-image:url("images/city-day.png");
855
+ background-size:cover;
856
+ }
857
+ .magritte-night-theme .magritte-city___jNvGf_8-0-1{
858
+ background-image:url("images/city-night.png");
859
+ }
860
+ .magritte-undefined___E7573_8-0-1{
861
+ background-image:url("images/undefined-day.png");
862
+ background-size:cover;
863
+ }
864
+ .magritte-night-theme .magritte-undefined___E7573_8-0-1{
865
+ background-image:url("images/undefined-night.png");
866
+ }
625
867
 
626
- .magritte-avatar-stack___yEcSg_7-0-10{
868
+ .magritte-avatar-stack___5qOCC_8-0-1{
627
869
  display:flex;
628
870
  }
629
- .magritte-avatar-stack-inline___jLtu7_7-0-10{
871
+ .magritte-avatar-stack-inline___aXUFe_8-0-1{
630
872
  display:inline-flex;
631
873
  }
632
- .magritte-avatar-stack-item___XGFoG_7-0-10:not(:last-child){
874
+ .magritte-avatar-stack-item___hDdq8_8-0-1:not(:last-child){
633
875
  mask-image:var(--avatar-stack-mask-image);
634
876
  mask-mode:luminance;
635
877
  }
636
- .magritte-avatar-stack-size-24___Sfn0C_7-0-10.magritte-avatar-stack-circle___nDRDS_7-0-10{
878
+ .magritte-avatar-stack-size-16___Yuwfu_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
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
+ }
881
+ .magritte-avatar-stack-size-16___Yuwfu_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
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
+ }
884
+ .magritte-avatar-stack-size-16___Yuwfu_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
885
+ margin-left:-4px;
886
+ }
887
+ .magritte-avatar-stack-size-24___oZNQA_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
637
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');
638
889
  }
639
- .magritte-avatar-stack-size-24___Sfn0C_7-0-10.magritte-avatar-stack-rect___33hV1_7-0-10{
890
+ .magritte-avatar-stack-size-24___oZNQA_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
640
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');
641
892
  }
642
- .magritte-avatar-stack-size-24___Sfn0C_7-0-10 .magritte-avatar-stack-item___XGFoG_7-0-10:not(:first-child){
893
+ .magritte-avatar-stack-size-24___oZNQA_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
643
894
  margin-left:-8px;
644
895
  }
645
- .magritte-avatar-stack-size-40___6d6Xo_7-0-10.magritte-avatar-stack-circle___nDRDS_7-0-10{
896
+ .magritte-avatar-stack-size-40___oBfvX_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
646
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');
647
898
  }
648
- .magritte-avatar-stack-size-40___6d6Xo_7-0-10.magritte-avatar-stack-rect___33hV1_7-0-10{
899
+ .magritte-avatar-stack-size-40___oBfvX_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
649
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');
650
901
  }
651
- .magritte-avatar-stack-size-40___6d6Xo_7-0-10 .magritte-avatar-stack-item___XGFoG_7-0-10:not(:first-child){
902
+ .magritte-avatar-stack-size-40___oBfvX_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
652
903
  margin-left:-12px;
653
904
  }
654
- .magritte-avatar-stack-size-48___OjxbX_7-0-10.magritte-avatar-stack-circle___nDRDS_7-0-10{
905
+ .magritte-avatar-stack-size-48___KGUEt_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
655
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');
656
907
  }
657
- .magritte-avatar-stack-size-48___OjxbX_7-0-10.magritte-avatar-stack-rect___33hV1_7-0-10{
908
+ .magritte-avatar-stack-size-48___KGUEt_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
658
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');
659
910
  }
660
- .magritte-avatar-stack-size-48___OjxbX_7-0-10 .magritte-avatar-stack-item___XGFoG_7-0-10:not(:first-child){
911
+ .magritte-avatar-stack-size-48___KGUEt_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
661
912
  margin-left:-12px;
662
913
  }
663
- .magritte-avatar-stack-size-96___7k1Fh_7-0-10.magritte-avatar-stack-circle___nDRDS_7-0-10{
914
+ .magritte-avatar-stack-size-80___JnGV-_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
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
+ }
917
+ .magritte-avatar-stack-size-80___JnGV-_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
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
+ }
920
+ .magritte-avatar-stack-size-80___JnGV-_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
921
+ margin-left:-28px;
922
+ }
923
+ .magritte-avatar-stack-size-96___1LxDK_8-0-1.magritte-avatar-stack-circle___tQZvM_8-0-1{
664
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');
665
925
  }
666
- .magritte-avatar-stack-size-96___7k1Fh_7-0-10.magritte-avatar-stack-rect___33hV1_7-0-10{
926
+ .magritte-avatar-stack-size-96___1LxDK_8-0-1.magritte-avatar-stack-rect___Ip8L2_8-0-1{
667
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');
668
928
  }
669
- .magritte-avatar-stack-size-96___7k1Fh_7-0-10 .magritte-avatar-stack-item___XGFoG_7-0-10:not(:first-child){
929
+ .magritte-avatar-stack-size-96___1LxDK_8-0-1 .magritte-avatar-stack-item___hDdq8_8-0-1:not(:first-child){
670
930
  margin-left:-32px;
671
931
  }