@hh.ru/magritte-ui-avatar 7.0.9 → 8.0.0

package/index.css

@@ -1,127 +1,124 @@
 :root{
-  --magritte-color-background-primary-v23-2-2:#ffffff;
-  --magritte-color-background-secondary-v23-2-2:#F1F4F9;
-  --magritte-color-background-tertiary-v23-2-2:#DCE3EB;
-  --magritte-color-background-accent-secondary-v23-2-2:#EDF6FF;
-  --magritte-color-background-accent-v23-2-2:#0070ff;
-  --magritte-color-background-positive-secondary-v23-2-2:#E8F9EC;
-  --magritte-color-background-positive-v23-2-2:#0dc267;
-  --magritte-color-background-negative-secondary-v23-2-2:#FEF2EF;
-  --magritte-color-background-negative-v23-2-2:#ff4d3a;
-  --magritte-color-background-warning-secondary-v23-2-2:#FFF3E6;
-  --magritte-color-background-warning-v23-2-2:#ff9900;
-  --magritte-color-background-special-secondary-v23-2-2:#F7F4FF;
-  --magritte-color-background-special-v23-2-2:#9054ea;
-  --magritte-color-background-dreamy-secondary-v23-2-2:#E8F7FE;
-  --magritte-color-background-dreamy-v23-2-2:#5ac8ff;
-  --magritte-color-background-lovely-secondary-v23-2-2:#FFF1F3;
-  --magritte-color-background-lovely-v23-2-2:#ff3c77;
-  --magritte-color-background-vivid-secondary-v23-2-2:#FDF4D7;
-  --magritte-color-background-vivid-v23-2-2:#F7D044;
-  --magritte-color-background-body-v23-2-2:#ffffff;
-  --magritte-color-background-overlay-v23-2-2:#20262b99;
-  --magritte-color-background-overlay-action-v23-2-2:#ffffff99;
-  --magritte-color-background-overlay-viewer-v23-2-2:#000000;
-  --magritte-color-background-overlay-toolbar-v23-2-2:#000000a3;
-  --magritte-color-background-transparent-v23-2-2:#00000000;
-  --magritte-color-background-constant-v23-2-2:#000000;
-  --magritte-color-background-constant-secondary-v23-2-2:#343c43;
-  --magritte-color-background-inverse-v23-2-2:#000000;
-  --magritte-color-background-inverse-secondary-v23-2-2:#343c43;
-  --magritte-color-component-avatar-online-positive-v23-2-2:#0ea658;
-  --magritte-color-component-avatar-online-contrast-v23-2-2:#ffffff;
-  --magritte-color-component-avatar-background-color-01-v23-2-2:#96aabb;
-  --magritte-color-component-avatar-background-color-02-v23-2-2:#ff859f;
-  --magritte-color-component-avatar-background-color-03-v23-2-2:#ff8a77;
-  --magritte-color-component-avatar-background-color-04-v23-2-2:#F7D044;
-  --magritte-color-component-avatar-background-color-05-v23-2-2:#ff9900;
-  --magritte-color-component-avatar-background-color-06-v23-2-2:#0dc267;
-  --magritte-color-component-avatar-background-color-07-v23-2-2:#76adfe;
-  --magritte-color-component-avatar-background-color-08-v23-2-2:#50b5e8;
-  --magritte-color-component-avatar-background-color-09-v23-2-2:#b99bf8;
-  --magritte-color-component-avatar-text-letters-v23-2-2:#ffffff;
-  --magritte-color-component-avatar-stroke-image-v23-2-2:#00000014;
-  --magritte-color-component-avatar-stroke-placeholder-v23-2-2:#6a788514;
-  --magritte-color-component-avatar-stroke-letters-v23-2-2:#0000000a;
-  --magritte-color-component-avatar-stroke-icon-v23-2-2:#0000000a;
-  --magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2:#0070ff7a;
+  --magritte-color-background-primary-v23-2-3:#ffffff;
+  --magritte-color-background-secondary-v23-2-3:#F1F4F9;
+  --magritte-color-background-tertiary-v23-2-3:#DCE3EB;
+  --magritte-color-background-accent-secondary-v23-2-3:#EDF6FF;
+  --magritte-color-background-accent-v23-2-3:#0070ff;
+  --magritte-color-background-positive-secondary-v23-2-3:#E8F9EC;
+  --magritte-color-background-positive-v23-2-3:#0dc267;
+  --magritte-color-background-negative-secondary-v23-2-3:#FEF2EF;
+  --magritte-color-background-negative-v23-2-3:#ff4d3a;
+  --magritte-color-background-warning-secondary-v23-2-3:#FFF3E6;
+  --magritte-color-background-warning-v23-2-3:#ff9900;
+  --magritte-color-background-special-secondary-v23-2-3:#F7F4FF;
+  --magritte-color-background-special-v23-2-3:#9054ea;
+  --magritte-color-background-dreamy-secondary-v23-2-3:#E8F7FE;
+  --magritte-color-background-dreamy-v23-2-3:#5ac8ff;
+  --magritte-color-background-lovely-secondary-v23-2-3:#FFF1F3;
+  --magritte-color-background-lovely-v23-2-3:#ff3c77;
+  --magritte-color-background-vivid-secondary-v23-2-3:#FDF4D7;
+  --magritte-color-background-vivid-v23-2-3:#F7D044;
+  --magritte-color-background-body-v23-2-3:#ffffff;
+  --magritte-color-background-overlay-v23-2-3:#20262b99;
+  --magritte-color-background-overlay-action-v23-2-3:#ffffff99;
+  --magritte-color-background-overlay-viewer-v23-2-3:#000000;
+  --magritte-color-background-overlay-toolbar-v23-2-3:#000000a3;
+  --magritte-color-background-transparent-v23-2-3:#00000000;
+  --magritte-color-background-constant-v23-2-3:#000000;
+  --magritte-color-background-constant-secondary-v23-2-3:#303030;
+  --magritte-color-background-inverse-v23-2-3:#000000;
+  --magritte-color-background-inverse-secondary-v23-2-3:#303030;
+  --magritte-color-component-avatar-online-positive-v23-2-3:#0ea658;
+  --magritte-color-component-avatar-online-constant-v23-2-3:#ffffff;
+  --magritte-color-component-avatar-background-color-01-v23-2-3:#96aabb;
+  --magritte-color-component-avatar-background-color-02-v23-2-3:#ff859f;
+  --magritte-color-component-avatar-background-color-03-v23-2-3:#ff8a77;
+  --magritte-color-component-avatar-background-color-04-v23-2-3:#F7D044;
+  --magritte-color-component-avatar-background-color-05-v23-2-3:#ff9900;
+  --magritte-color-component-avatar-background-color-06-v23-2-3:#0dc267;
+  --magritte-color-component-avatar-background-color-07-v23-2-3:#76adfe;
+  --magritte-color-component-avatar-background-color-08-v23-2-3:#50b5e8;
+  --magritte-color-component-avatar-background-color-09-v23-2-3:#b99bf8;
+  --magritte-color-component-avatar-text-letters-v23-2-3:#ffffff;
+  --magritte-color-component-avatar-stroke-image-v23-2-3:#00000014;
+  --magritte-color-component-avatar-stroke-placeholder-v23-2-3:#6a788514;
+  --magritte-color-component-avatar-stroke-letters-v23-2-3:#0000000a;
+  --magritte-color-component-avatar-stroke-icon-v23-2-3:#0000000a;
+  --magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3:#0070ff7a;
+  --magritte-color-component-skeleton-background-content-v23-2-3:#8293a23d;
 }
 
 :root{
-  --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v23-2-2:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-tiger-200-duration-v23-2-2:200ms;
+  --magritte-semantic-animation-time-s-duration-v23-2-3:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v23-2-3:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v23-2-3:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-tiger-200-duration-v23-2-3:200ms;
 }
 
 .magritte-night-theme{
-  --magritte-color-background-primary-v23-2-2:#1B1B1B;
-  --magritte-color-background-secondary-v23-2-2:#303030;
-  --magritte-color-background-tertiary-v23-2-2:#474747;
-  --magritte-color-background-accent-secondary-v23-2-2:#222D3D;
-  --magritte-color-background-accent-v23-2-2:#2b7fff;
-  --magritte-color-background-positive-secondary-v23-2-2:#16321F;
-  --magritte-color-background-positive-v23-2-2:#10b55f;
-  --magritte-color-background-negative-secondary-v23-2-2:#3D2622;
-  --magritte-color-background-warning-secondary-v23-2-2:#3D270E;
-  --magritte-color-background-warning-v23-2-2:#D78009;
-  --magritte-color-background-special-secondary-v23-2-2:#2F293C;
-  --magritte-color-background-body-v23-2-2:#000000;
-  --magritte-color-background-dreamy-secondary-v23-2-2:#212F40;
-  --magritte-color-background-lovely-secondary-v23-2-2:#44222C;
-  --magritte-color-background-vivid-secondary-v23-2-2:#373221;
-  --magritte-color-background-vivid-v23-2-2:#F9DB76;
-  --magritte-color-background-inverse-v23-2-2:#ffffff;
-  --magritte-color-background-inverse-secondary-v23-2-2:#D4D4D4;
-  --magritte-color-background-overlay-action-v23-2-2:#00000099;
-  --magritte-color-component-avatar-background-color-04-v23-2-2:#EBBC12;
-  --magritte-color-component-avatar-stroke-image-v23-2-2:#ffffff1f;
-  --magritte-color-component-avatar-stroke-placeholder-v23-2-2:#ffffff1f;
-  --magritte-color-component-avatar-stroke-letters-v23-2-2:#ffffff1f;
-  --magritte-color-component-avatar-stroke-icon-v23-2-2:#ffffff1f;
+  --magritte-color-background-primary-v23-2-3:#1B1B1B;
+  --magritte-color-background-secondary-v23-2-3:#303030;
+  --magritte-color-background-tertiary-v23-2-3:#474747;
+  --magritte-color-background-accent-secondary-v23-2-3:#222D3D;
+  --magritte-color-background-accent-v23-2-3:#2b7fff;
+  --magritte-color-background-positive-secondary-v23-2-3:#16321F;
+  --magritte-color-background-positive-v23-2-3:#10b55f;
+  --magritte-color-background-negative-secondary-v23-2-3:#3D2622;
+  --magritte-color-background-warning-secondary-v23-2-3:#3D270E;
+  --magritte-color-background-warning-v23-2-3:#D78009;
+  --magritte-color-background-special-secondary-v23-2-3:#2F293C;
+  --magritte-color-background-body-v23-2-3:#000000;
+  --magritte-color-background-dreamy-secondary-v23-2-3:#212F40;
+  --magritte-color-background-lovely-secondary-v23-2-3:#44222C;
+  --magritte-color-background-vivid-secondary-v23-2-3:#373221;
+  --magritte-color-background-vivid-v23-2-3:#F9DB76;
+  --magritte-color-background-constant-secondary-v23-2-3:#343c43;
+  --magritte-color-background-inverse-v23-2-3:#ffffff;
+  --magritte-color-background-inverse-secondary-v23-2-3:#D4D4D4;
+  --magritte-color-background-overlay-action-v23-2-3:#00000099;
+  --magritte-color-component-avatar-background-color-04-v23-2-3:#EBBC12;
+  --magritte-color-component-avatar-stroke-image-v23-2-3:#ffffff1f;
+  --magritte-color-component-avatar-stroke-placeholder-v23-2-3:#ffffff1f;
+  --magritte-color-component-avatar-stroke-letters-v23-2-3:#ffffff1f;
+  --magritte-color-component-avatar-stroke-icon-v23-2-3:#ffffff1f;
+  --magritte-color-component-skeleton-background-content-v23-2-3:#5e5e5e3d;
 }
 
 .magritte-zp-day-theme{
-  --magritte-color-background-accent-secondary-v23-2-2:#F1F4F7;
-  --magritte-color-background-accent-v23-2-2:#7195AF;
-  --magritte-color-background-vivid-v23-2-2:#F9DB76;
+  --magritte-color-background-accent-secondary-v23-2-3:#F1F4F7;
+  --magritte-color-background-accent-v23-2-3:#7195AF;
+  --magritte-color-background-vivid-v23-2-3:#F9DB76;
 }
-.magritte-avatar-container___jBkeI_7-0-9{
+.magritte-avatar-container___jBkeI_8-0-0{
   position:relative;
 }
-.magritte-avatar-container_disabled___EkG4l_7-0-9{
+.magritte-avatar-container_disabled___EkG4l_8-0-0{
   pointer-events:none;
   opacity:48%;
 }
-.magritte-avatar___x--BK_7-0-9{
+.magritte-avatar___x--BK_8-0-0{
   display:flex;
   align-items:center;
   justify-content:center;
   overflow:hidden;
   position:relative;
-  --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v23-2-2);
-  --magritte-ui-avatar-placeholder-background:#EEF1F7;
-  --magritte-ui-avatar-placeholder-body:#ffffff;
-  --magritte-ui-avatar-placeholder-clothes:#DCE3EB;
-  --magritte-ui-avatar-placeholder-hair:#DCE3EB;
-  --magritte-ui-avatar-placeholder-shadow-female:#F1F4F9;
-  --magritte-ui-avatar-placeholder-shadow-male:#DCE3EB;
-  --magritte-ui-avatar-placeholder-city:#ffffff;
-  --magritte-ui-avatar-placeholder-shadow-city:#DCE3EB;
-}
-.magritte-avatar___x--BK_7-0-9:not(div){
+  --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v23-2-3);
+}
+.magritte-avatar___x--BK_8-0-0:not(div){
   cursor:pointer;
 }
-.magritte-avatar___x--BK_7-0-9:focus{
+.magritte-avatar___x--BK_8-0-0:focus{
   outline:none;
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible{
-  outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+.magritte-avatar___x--BK_8-0-0.focus-visible{
+  outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
 }
-.magritte-avatar___x--BK_7-0-9:not(div):active{
+.magritte-avatar___x--BK_8-0-0:not(div):active{
   transform:scale(0.96);
-  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v23-2-2);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v23-2-2);
+  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v23-2-3);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v23-2-3);
 }
-.magritte-avatar___x--BK_7-0-9::after{
+.magritte-avatar___x--BK_8-0-0::after{
   content:'';
   top:0;
   left:0;
@@ -129,229 +126,335 @@
   width:100%;
   height:100%;
 }
-.magritte-night-theme .magritte-avatar___x--BK_7-0-9{
-  --magritte-ui-avatar-placeholder-background:#1B1B1B;
-  --magritte-ui-avatar-placeholder-body:#767676;
-  --magritte-ui-avatar-placeholder-clothes:#5E5E5E;
-  --magritte-ui-avatar-placeholder-hair:#474747;
-  --magritte-ui-avatar-placeholder-shadow-female:#535353;
-  --magritte-ui-avatar-placeholder-shadow-male:#535353;
-  --magritte-ui-avatar-placeholder-city:#767676;
-  --magritte-ui-avatar-placeholder-shadow-city:#474747;
-}
-.magritte-avatar-container_size-24___f6DH2_7-0-9,
-.magritte-avatar-skeleton-24___9hUuj_7-0-9,
-.magritte-avatar_size-24___0dAId_7-0-9{
+.magritte-avatar-container_size-16___bGrZk_8-0-0,
+.magritte-avatar-skeleton-16___Iyj5G_8-0-0,
+.magritte-avatar_size-16___vaXSD_8-0-0{
+  width:16px;
+  height:16px;
+  border-radius:4px;
+}
+.magritte-avatar-container_size-16___bGrZk_8-0-0:after,
+.magritte-avatar-skeleton-16___Iyj5G_8-0-0:after,
+.magritte-avatar_size-16___vaXSD_8-0-0:after{
+  border-radius:4px;
+}
+.magritte-avatar-container_size-24___f6DH2_8-0-0,
+.magritte-avatar-skeleton-24___9hUuj_8-0-0,
+.magritte-avatar_size-24___0dAId_8-0-0{
   width:24px;
   height:24px;
   border-radius:8px;
 }
-.magritte-avatar-container_size-24___f6DH2_7-0-9:after,
-.magritte-avatar-skeleton-24___9hUuj_7-0-9:after,
-.magritte-avatar_size-24___0dAId_7-0-9:after{
+.magritte-avatar-container_size-24___f6DH2_8-0-0:after,
+.magritte-avatar-skeleton-24___9hUuj_8-0-0:after,
+.magritte-avatar_size-24___0dAId_8-0-0:after{
   border-radius:8px;
 }
-.magritte-avatar-container_size-40___mVeBD_7-0-9,
-.magritte-avatar-skeleton-40___ZN6a7_7-0-9,
-.magritte-avatar_size-40___zj3fM_7-0-9{
+.magritte-avatar-container_size-40___mVeBD_8-0-0,
+.magritte-avatar-skeleton-40___ZN6a7_8-0-0,
+.magritte-avatar_size-40___zj3fM_8-0-0{
   width:40px;
   height:40px;
   border-radius:12px;
 }
-.magritte-avatar-container_size-40___mVeBD_7-0-9:after,
-.magritte-avatar-skeleton-40___ZN6a7_7-0-9:after,
-.magritte-avatar_size-40___zj3fM_7-0-9:after{
+.magritte-avatar-container_size-40___mVeBD_8-0-0:after,
+.magritte-avatar-skeleton-40___ZN6a7_8-0-0:after,
+.magritte-avatar_size-40___zj3fM_8-0-0:after{
   border-radius:12px;
 }
-.magritte-avatar-container_size-48___pflud_7-0-9,
-.magritte-avatar-skeleton-48___CC-af_7-0-9,
-.magritte-avatar_size-48___JzITc_7-0-9{
+.magritte-avatar-container_size-48___pflud_8-0-0,
+.magritte-avatar-skeleton-48___CC-af_8-0-0,
+.magritte-avatar_size-48___JzITc_8-0-0{
   width:48px;
   height:48px;
   border-radius:12px;
 }
-.magritte-avatar-container_size-48___pflud_7-0-9:after,
-.magritte-avatar-skeleton-48___CC-af_7-0-9:after,
-.magritte-avatar_size-48___JzITc_7-0-9:after{
+.magritte-avatar-container_size-48___pflud_8-0-0:after,
+.magritte-avatar-skeleton-48___CC-af_8-0-0:after,
+.magritte-avatar_size-48___JzITc_8-0-0:after{
   border-radius:12px;
 }
-.magritte-avatar-container_size-96___Up8Hn_7-0-9,
-.magritte-avatar-skeleton-96___qYG-Z_7-0-9,
-.magritte-avatar_size-96___5SeO2_7-0-9{
+.magritte-avatar-container_size-80___y8zNb_8-0-0,
+.magritte-avatar-skeleton-80___Z0Oc8_8-0-0,
+.magritte-avatar_size-80___YiSBZ_8-0-0{
+  width:80px;
+  height:80px;
+  border-radius:24px;
+}
+.magritte-avatar-container_size-80___y8zNb_8-0-0:after,
+.magritte-avatar-skeleton-80___Z0Oc8_8-0-0:after,
+.magritte-avatar_size-80___YiSBZ_8-0-0:after{
+  border-radius:24px;
+}
+.magritte-avatar-container_size-96___Up8Hn_8-0-0,
+.magritte-avatar-skeleton-96___qYG-Z_8-0-0,
+.magritte-avatar_size-96___5SeO2_8-0-0{
   width:96px;
   height:96px;
   border-radius:24px;
 }
-.magritte-avatar-container_size-96___Up8Hn_7-0-9:after,
-.magritte-avatar-skeleton-96___qYG-Z_7-0-9:after,
-.magritte-avatar_size-96___5SeO2_7-0-9:after{
+.magritte-avatar-container_size-96___Up8Hn_8-0-0:after,
+.magritte-avatar-skeleton-96___qYG-Z_8-0-0:after,
+.magritte-avatar_size-96___5SeO2_8-0-0:after{
+  border-radius:24px;
+}
+.magritte-avatar-container_size-120___gkMBo_8-0-0,
+.magritte-avatar-skeleton-120___KD5Za_8-0-0,
+.magritte-avatar_size-120___th2TT_8-0-0{
+  width:120px;
+  height:120px;
+  border-radius:24px;
+}
+.magritte-avatar-container_size-120___gkMBo_8-0-0:after,
+.magritte-avatar-skeleton-120___KD5Za_8-0-0:after,
+.magritte-avatar_size-120___th2TT_8-0-0:after{
   border-radius:24px;
 }
-.magritte-avatar-container_size-208___k7SkJ_7-0-9,
-.magritte-avatar-skeleton-208___ybqJw_7-0-9,
-.magritte-avatar_size-208___rzfu3_7-0-9{
+.magritte-avatar-container_size-208___k7SkJ_8-0-0,
+.magritte-avatar-skeleton-208___ybqJw_8-0-0,
+.magritte-avatar_size-208___rzfu3_8-0-0{
   width:208px;
   height:208px;
   border-radius:8px;
 }
-.magritte-avatar-container_size-208___k7SkJ_7-0-9:after,
-.magritte-avatar-skeleton-208___ybqJw_7-0-9:after,
-.magritte-avatar_size-208___rzfu3_7-0-9:after{
+.magritte-avatar-container_size-208___k7SkJ_8-0-0:after,
+.magritte-avatar-skeleton-208___ybqJw_8-0-0:after,
+.magritte-avatar_size-208___rzfu3_8-0-0:after{
   border-radius:8px;
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9,
-.magritte-avatar-skeleton-circle___rD1E0_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0,
+.magritte-avatar-skeleton-circle___rD1E0_8-0-0{
   border-radius:50%;
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9::after,
-.magritte-avatar-skeleton-circle___rD1E0_7-0-9::after{
+.magritte-avatar_shape-circle___kEbru_8-0-0::after,
+.magritte-avatar-skeleton-circle___rD1E0_8-0-0::after{
   border-radius:50%;
 }
-.magritte-avatar_style-color-1___xXtkh_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-01-v23-2-2);
+.magritte-avatar_style-color-1___xXtkh_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-01-v23-2-3);
 }
-.magritte-avatar_style-color-2___JraJd_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-02-v23-2-2);
+.magritte-avatar_style-color-2___JraJd_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-02-v23-2-3);
 }
-.magritte-avatar_style-color-3___g29U3_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-03-v23-2-2);
+.magritte-avatar_style-color-3___g29U3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-03-v23-2-3);
 }
-.magritte-avatar_style-color-4___pHhmj_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-04-v23-2-2);
+.magritte-avatar_style-color-4___pHhmj_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-04-v23-2-3);
 }
-.magritte-avatar_style-color-5___H9Ie3_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-05-v23-2-2);
+.magritte-avatar_style-color-5___H9Ie3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-05-v23-2-3);
 }
-.magritte-avatar_style-color-6___oODXO_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-06-v23-2-2);
+.magritte-avatar_style-color-6___oODXO_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-06-v23-2-3);
 }
-.magritte-avatar_style-color-7___SfUBl_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-07-v23-2-2);
+.magritte-avatar_style-color-7___SfUBl_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-07-v23-2-3);
 }
-.magritte-avatar_style-color-8___rlI6h_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-08-v23-2-2);
+.magritte-avatar_style-color-8___rlI6h_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-08-v23-2-3);
 }
-.magritte-avatar_style-color-9___XQO4B_7-0-9{
-  background-color:var(--magritte-color-component-avatar-background-color-09-v23-2-2);
+.magritte-avatar_style-color-9___XQO4B_8-0-0{
+  background-color:var(--magritte-color-component-avatar-background-color-09-v23-2-3);
 }
-.magritte-avatar_style-primary___SvqU1_7-0-9{
-  background-color:var(--magritte-color-background-primary-v23-2-2);
+.magritte-avatar_style-primary___SvqU1_8-0-0{
+  background-color:var(--magritte-color-background-primary-v23-2-3);
 }
-.magritte-avatar_style-secondary___C6MTH_7-0-9{
-  background-color:var(--magritte-color-background-secondary-v23-2-2);
+.magritte-avatar_style-secondary___C6MTH_8-0-0{
+  background-color:var(--magritte-color-background-secondary-v23-2-3);
 }
-.magritte-avatar_style-tertiary___3o-90_7-0-9{
-  background-color:var(--magritte-color-background-tertiary-v23-2-2);
+.magritte-avatar_style-tertiary___3o-90_8-0-0{
+  background-color:var(--magritte-color-background-tertiary-v23-2-3);
 }
-.magritte-avatar_style-accent-secondary___vc7Lb_7-0-9{
-  background-color:var(--magritte-color-background-accent-secondary-v23-2-2);
+.magritte-avatar_style-accent-secondary___vc7Lb_8-0-0{
+  background-color:var(--magritte-color-background-accent-secondary-v23-2-3);
 }
-.magritte-avatar_style-accent___LgPSo_7-0-9{
-  background-color:var(--magritte-color-background-accent-v23-2-2);
+.magritte-avatar_style-accent___LgPSo_8-0-0{
+  background-color:var(--magritte-color-background-accent-v23-2-3);
 }
-.magritte-avatar_style-positive-secondary___aQrkm_7-0-9{
-  background-color:var(--magritte-color-background-positive-secondary-v23-2-2);
+.magritte-avatar_style-positive-secondary___aQrkm_8-0-0{
+  background-color:var(--magritte-color-background-positive-secondary-v23-2-3);
 }
-.magritte-avatar_style-positive___bDzbE_7-0-9{
-  background-color:var(--magritte-color-background-positive-v23-2-2);
+.magritte-avatar_style-positive___bDzbE_8-0-0{
+  background-color:var(--magritte-color-background-positive-v23-2-3);
 }
-.magritte-avatar_style-negative-secondary___GW7rc_7-0-9{
-  background-color:var(--magritte-color-background-negative-secondary-v23-2-2);
+.magritte-avatar_style-negative-secondary___GW7rc_8-0-0{
+  background-color:var(--magritte-color-background-negative-secondary-v23-2-3);
 }
-.magritte-avatar_style-negative___xHHQb_7-0-9{
-  background-color:var(--magritte-color-background-negative-v23-2-2);
+.magritte-avatar_style-negative___xHHQb_8-0-0{
+  background-color:var(--magritte-color-background-negative-v23-2-3);
 }
-.magritte-avatar_style-warning-secondary___LKwiW_7-0-9{
-  background-color:var(--magritte-color-background-warning-secondary-v23-2-2);
+.magritte-avatar_style-warning-secondary___LKwiW_8-0-0{
+  background-color:var(--magritte-color-background-warning-secondary-v23-2-3);
 }
-.magritte-avatar_style-warning___7kKRS_7-0-9{
-  background-color:var(--magritte-color-background-warning-v23-2-2);
+.magritte-avatar_style-warning___7kKRS_8-0-0{
+  background-color:var(--magritte-color-background-warning-v23-2-3);
 }
-.magritte-avatar_style-special-secondary___J2CwS_7-0-9{
-  background-color:var(--magritte-color-background-special-secondary-v23-2-2);
+.magritte-avatar_style-special-secondary___J2CwS_8-0-0{
+  background-color:var(--magritte-color-background-special-secondary-v23-2-3);
 }
-.magritte-avatar_style-special___gLmS0_7-0-9{
-  background-color:var(--magritte-color-background-special-v23-2-2);
+.magritte-avatar_style-special___gLmS0_8-0-0{
+  background-color:var(--magritte-color-background-special-v23-2-3);
 }
-.magritte-avatar_style-dreamy-secondary___WoWcK_7-0-9{
-  background-color:var(--magritte-color-background-dreamy-secondary-v23-2-2);
+.magritte-avatar_style-dreamy-secondary___WoWcK_8-0-0{
+  background-color:var(--magritte-color-background-dreamy-secondary-v23-2-3);
 }
-.magritte-avatar_style-dreamy___-zjx5_7-0-9{
-  background-color:var(--magritte-color-background-dreamy-v23-2-2);
+.magritte-avatar_style-dreamy___-zjx5_8-0-0{
+  background-color:var(--magritte-color-background-dreamy-v23-2-3);
 }
-.magritte-avatar_style-lovely-secondary___YhzZk_7-0-9{
-  background-color:var(--magritte-color-background-lovely-secondary-v23-2-2);
+.magritte-avatar_style-lovely-secondary___YhzZk_8-0-0{
+  background-color:var(--magritte-color-background-lovely-secondary-v23-2-3);
 }
-.magritte-avatar_style-lovely___wy3Zg_7-0-9{
-  background-color:var(--magritte-color-background-lovely-v23-2-2);
+.magritte-avatar_style-lovely___wy3Zg_8-0-0{
+  background-color:var(--magritte-color-background-lovely-v23-2-3);
 }
-.magritte-avatar_style-vivid-secondary___EcBn1_7-0-9{
-  background-color:var(--magritte-color-background-vivid-secondary-v23-2-2);
+.magritte-avatar_style-vivid-secondary___EcBn1_8-0-0{
+  background-color:var(--magritte-color-background-vivid-secondary-v23-2-3);
 }
-.magritte-avatar_style-vivid___pkKc5_7-0-9{
-  background-color:var(--magritte-color-background-vivid-v23-2-2);
+.magritte-avatar_style-vivid___pkKc5_8-0-0{
+  background-color:var(--magritte-color-background-vivid-v23-2-3);
 }
-.magritte-avatar_style-body___xmokY_7-0-9{
-  background-color:var(--magritte-color-background-body-v23-2-2);
+.magritte-avatar_style-body___xmokY_8-0-0{
+  background-color:var(--magritte-color-background-body-v23-2-3);
 }
-.magritte-avatar_style-overlay___0yWkS_7-0-9{
-  background-color:var(--magritte-color-background-overlay-v23-2-2);
+.magritte-avatar_style-overlay___0yWkS_8-0-0{
+  background-color:var(--magritte-color-background-overlay-v23-2-3);
 }
-.magritte-avatar_style-overlay-action___MMxS7_7-0-9{
-  background-color:var(--magritte-color-background-overlay-action-v23-2-2);
+.magritte-avatar_style-overlay-action___MMxS7_8-0-0{
+  background-color:var(--magritte-color-background-overlay-action-v23-2-3);
 }
-.magritte-avatar_style-overlay-viewer___4gNO7_7-0-9{
-  background-color:var(--magritte-color-background-overlay-viewer-v23-2-2);
+.magritte-avatar_style-overlay-viewer___4gNO7_8-0-0{
+  background-color:var(--magritte-color-background-overlay-viewer-v23-2-3);
 }
-.magritte-avatar_style-overlay-toolbar___0Lvuf_7-0-9{
-  background-color:var(--magritte-color-background-overlay-toolbar-v23-2-2);
+.magritte-avatar_style-overlay-toolbar___0Lvuf_8-0-0{
+  background-color:var(--magritte-color-background-overlay-toolbar-v23-2-3);
 }
-.magritte-avatar_style-transparent___KtjP8_7-0-9{
-  background-color:var(--magritte-color-background-transparent-v23-2-2);
+.magritte-avatar_style-transparent___KtjP8_8-0-0{
+  background-color:var(--magritte-color-background-transparent-v23-2-3);
 }
-.magritte-avatar_style-constant___HVes8_7-0-9{
-  background-color:var(--magritte-color-background-constant-v23-2-2);
+.magritte-avatar_style-constant___HVes8_8-0-0{
+  background-color:var(--magritte-color-background-constant-v23-2-3);
 }
-.magritte-avatar_style-constant-secondary___tfuOw_7-0-9{
-  background-color:var(--magritte-color-background-constant-secondary-v23-2-2);
+.magritte-avatar_style-constant-secondary___tfuOw_8-0-0{
+  background-color:var(--magritte-color-background-constant-secondary-v23-2-3);
 }
-.magritte-avatar_style-inverse___yupyU_7-0-9{
-  background-color:var(--magritte-color-background-inverse-v23-2-2);
+.magritte-avatar_style-inverse___yupyU_8-0-0{
+  background-color:var(--magritte-color-background-inverse-v23-2-3);
 }
-.magritte-avatar_style-inverse-secondary___NdawN_7-0-9{
-  background-color:var(--magritte-color-background-inverse-secondary-v23-2-2);
+.magritte-avatar_style-inverse-secondary___NdawN_8-0-0{
+  background-color:var(--magritte-color-background-inverse-secondary-v23-2-3);
 }
-.magritte-avatar_mode-image___02zr1_7-0-9::after{
-  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-image-v23-2-2);
+.magritte-avatar_mode-image___02zr1_8-0-0::after{
+  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-image-v23-2-3);
 }
-.magritte-avatar_mode-letters___ot4qB_7-0-9::after{
-  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-letters-v23-2-2);
+.magritte-avatar_mode-letters___ot4qB_8-0-0::after{
+  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-letters-v23-2-3);
 }
-.magritte-avatar_mode-icon___MYrlv_7-0-9::after{
-  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-icon-v23-2-2);
+.magritte-avatar_mode-icon___MYrlv_8-0-0::after{
+  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-icon-v23-2-3);
 }
-.magritte-avatar_mode-placeholder___6hOu7_7-0-9::after{
-  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-placeholder-v23-2-2);
+.magritte-avatar_mode-placeholder___6hOu7_8-0-0::after{
+  box-shadow:inset 0 0 0 1px var(--magritte-color-component-avatar-stroke-placeholder-v23-2-3);
 }
-.magritte-avatar-image___05p9Z_7-0-9{
+.magritte-avatar-image___05p9Z_8-0-0{
   object-fit:cover;
   width:100%;
   height:100%;
+  z-index:1;
 }
-.magritte-avatar-image_hidden___DPQBK_7-0-9{
+.magritte-avatar-image-hidden___YNZ3i_8-0-0{
   display:none;
 }
-.magritte-avatar_with-online-badge-24___helkM_7-0-9{
+.magritte-avatar-image-loading___0QWL4_8-0-0{
+  position:absolute;
+  inset:0;
+  background-color:var(--magritte-color-component-skeleton-background-content-v23-2-3);
+}
+@keyframes magritte-image-animation___6Q4Qv_8-0-0{
+  from{
+    opacity:0;
+  }
+  to{
+    opacity:1;
+  }
+}
+.magritte-avatar-image-animation___Ik79H_8-0-0{
+  animation-name:magritte-image-animation___6Q4Qv_8-0-0;
+  animation-duration:1ms;
+  animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v23-2-3);
+}
+@media (prefers-reduced-motion: no-preference){
+  .magritte-avatar-image-animation___Ik79H_8-0-0{
+    animation-duration:var(--magritte-semantic-animation-time-s-duration-v23-2-3);
+  }
+}
+.magritte-avatar_with-online-badge-16___rhXhS_8-0-0{
+  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(4px / 2)) calc(100% - calc(4px / 2)), transparent calc(4px / 2 + 1px), #000 0);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+}
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-16___rhXhS_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+}
+.magritte-avatar-online-badge-16___Xtv3l_8-0-0{
+  position:absolute;
+  border-radius:50%;
+  width:4px;
+  height:4px;
+  right:0px;
+  bottom:0px;
+}
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
+}
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
+}
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-16___Xtv3l_8-0-0{
+  position:absolute;
+  border-radius:50%;
+  width:4px;
+  height:4px;
+  right:0px;
+  bottom:0px;
+}
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-16___dnSiS_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+  position:absolute;
+  width:16px;
+  height:16px;
+  top:0;
+  margin:-4px;
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
+  border-radius:calc(4px + 4px);
+}
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-16___dnSiS_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+  position:absolute;
+  width:16px;
+  height:16px;
+  top:0;
+  margin:-4px;
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
+  border-radius:50%;
+}
+.magritte-avatar_with-online-badge-24___helkM_8-0-0{
   --transparent-area-mask:radial-gradient(circle at calc(100% - calc(6px / 2)) calc(100% - calc(6px / 2)), transparent calc(6px / 2 + 1px), #000 0);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9.magritte-avatar_with-online-badge-24___helkM_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-24___helkM_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar-online-badge-24___mjPKB_7-0-9{
+.magritte-avatar-online-badge-24___mjPKB_8-0-0{
   position:absolute;
   border-radius:50%;
   width:6px;
@@ -359,13 +462,13 @@
   right:0px;
   bottom:0px;
 }
-.magritte-avatar-online-badge_style_positive___jHyv3_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-2);
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
 }
-.magritte-avatar-online-badge_style_contrast___GZFCO_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-2);
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9 ~ .magritte-avatar-online-badge-24___mjPKB_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-24___mjPKB_8-0-0{
   position:absolute;
   border-radius:50%;
   width:6px;
@@ -373,7 +476,7 @@
   right:0px;
   bottom:0px;
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible + .magritte-avatar-focus-border-24___wnJnb_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-24___wnJnb_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -382,10 +485,10 @@
   height:24px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:calc(8px + 4px);
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-9 + .magritte-avatar-focus-border-24___wnJnb_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-24___wnJnb_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -394,20 +497,20 @@
   height:24px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:50%;
 }
-.magritte-avatar_with-online-badge-40___Tckho_7-0-9{
+.magritte-avatar_with-online-badge-40___Tckho_8-0-0{
   --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9.magritte-avatar_with-online-badge-40___Tckho_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-40___Tckho_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar-online-badge-40___HRNTS_7-0-9{
+.magritte-avatar-online-badge-40___HRNTS_8-0-0{
   position:absolute;
   border-radius:50%;
   width:8px;
@@ -415,13 +518,13 @@
   right:0px;
   bottom:0px;
 }
-.magritte-avatar-online-badge_style_positive___jHyv3_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-2);
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
 }
-.magritte-avatar-online-badge_style_contrast___GZFCO_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-2);
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9 ~ .magritte-avatar-online-badge-40___HRNTS_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-40___HRNTS_8-0-0{
   position:absolute;
   border-radius:50%;
   width:8px;
@@ -429,7 +532,7 @@
   right:2px;
   bottom:2px;
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -438,10 +541,10 @@
   height:40px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:calc(12px + 4px);
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-9 + .magritte-avatar-focus-border-40___Qn9NL_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-40___Qn9NL_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -450,20 +553,20 @@
   height:40px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:50%;
 }
-.magritte-avatar_with-online-badge-48___BmWaC_7-0-9{
+.magritte-avatar_with-online-badge-48___BmWaC_8-0-0{
   --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9.magritte-avatar_with-online-badge-48___BmWaC_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-48___BmWaC_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar-online-badge-48___qPmD8_7-0-9{
+.magritte-avatar-online-badge-48___qPmD8_8-0-0{
   position:absolute;
   border-radius:50%;
   width:8px;
@@ -471,13 +574,13 @@
   right:0px;
   bottom:0px;
 }
-.magritte-avatar-online-badge_style_positive___jHyv3_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-2);
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
 }
-.magritte-avatar-online-badge_style_contrast___GZFCO_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-2);
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9 ~ .magritte-avatar-online-badge-48___qPmD8_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-48___qPmD8_8-0-0{
   position:absolute;
   border-radius:50%;
   width:8px;
@@ -485,7 +588,7 @@
   right:3px;
   bottom:3px;
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -494,10 +597,10 @@
   height:48px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:calc(12px + 4px);
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-9 + .magritte-avatar-focus-border-48___Bc-lN_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-48___Bc-lN_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -506,20 +609,76 @@
   height:48px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:50%;
 }
-.magritte-avatar_with-online-badge-96___r4E42_7-0-9{
+.magritte-avatar_with-online-badge-80___jvmKS_8-0-0{
   --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9.magritte-avatar_with-online-badge-96___r4E42_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-80___jvmKS_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+}
+.magritte-avatar-online-badge-80___zA5Rd_8-0-0{
+  position:absolute;
+  border-radius:50%;
+  width:12px;
+  height:12px;
+  right:0px;
+  bottom:0px;
+}
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
+}
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
+}
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-80___zA5Rd_8-0-0{
+  position:absolute;
+  border-radius:50%;
+  width:12px;
+  height:12px;
+  right:6px;
+  bottom:6px;
+}
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-80___1X1Aa_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+  position:absolute;
+  width:80px;
+  height:80px;
+  top:0;
+  margin:-4px;
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
+  border-radius:calc(24px + 4px);
+}
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-80___1X1Aa_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+  position:absolute;
+  width:80px;
+  height:80px;
+  top:0;
+  margin:-4px;
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
+  border-radius:50%;
+}
+.magritte-avatar_with-online-badge-96___r4E42_8-0-0{
+  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+}
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-96___r4E42_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar-online-badge-96___d6bm-_7-0-9{
+.magritte-avatar-online-badge-96___d6bm-_8-0-0{
   position:absolute;
   border-radius:50%;
   width:12px;
@@ -527,13 +686,13 @@
   right:0px;
   bottom:0px;
 }
-.magritte-avatar-online-badge_style_positive___jHyv3_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-2);
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
 }
-.magritte-avatar-online-badge_style_contrast___GZFCO_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-2);
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9 ~ .magritte-avatar-online-badge-96___d6bm-_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-96___d6bm-_8-0-0{
   position:absolute;
   border-radius:50%;
   width:12px;
@@ -541,7 +700,7 @@
   right:8px;
   bottom:8px;
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible + .magritte-avatar-focus-border-96___TVpd0_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-96___TVpd0_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -550,10 +709,10 @@
   height:96px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:calc(24px + 4px);
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-9 + .magritte-avatar-focus-border-96___TVpd0_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-96___TVpd0_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -562,20 +721,76 @@
   height:96px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:50%;
 }
-.magritte-avatar_with-online-badge-208___AS6Lk_7-0-9{
+.magritte-avatar_with-online-badge-120___oqIED_8-0-0{
   --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9.magritte-avatar_with-online-badge-208___AS6Lk_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-120___oqIED_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+}
+.magritte-avatar-online-badge-120___nmWqZ_8-0-0{
+  position:absolute;
+  border-radius:50%;
+  width:12px;
+  height:12px;
+  right:0px;
+  bottom:0px;
+}
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
+}
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
+}
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-120___nmWqZ_8-0-0{
+  position:absolute;
+  border-radius:50%;
+  width:12px;
+  height:12px;
+  right:12px;
+  bottom:12px;
+}
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-120___vHWE1_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+  position:absolute;
+  width:120px;
+  height:120px;
+  top:0;
+  margin:-4px;
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
+  border-radius:calc(24px + 4px);
+}
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-120___vHWE1_8-0-0{
+  --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);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+  position:absolute;
+  width:120px;
+  height:120px;
+  top:0;
+  margin:-4px;
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
+  border-radius:50%;
+}
+.magritte-avatar_with-online-badge-208___AS6Lk_8-0-0{
+  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
+  -webkit-mask-image:var(--transparent-area-mask);
+  mask-image:var(--transparent-area-mask);
+}
+.magritte-avatar_shape-circle___kEbru_8-0-0.magritte-avatar_with-online-badge-208___AS6Lk_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
 }
-.magritte-avatar-online-badge-208___m4hXQ_7-0-9{
+.magritte-avatar-online-badge-208___m4hXQ_8-0-0{
   position:absolute;
   border-radius:50%;
   width:12px;
@@ -583,13 +798,13 @@
   right:0px;
   bottom:0px;
 }
-.magritte-avatar-online-badge_style_positive___jHyv3_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-2);
+.magritte-avatar-online-badge_style_positive___jHyv3_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-positive-v23-2-3);
 }
-.magritte-avatar-online-badge_style_contrast___GZFCO_7-0-9{
-  background-color:var(--magritte-color-component-avatar-online-contrast-v23-2-2);
+.magritte-avatar-online-badge_style_constant___-TeoG_8-0-0{
+  background-color:var(--magritte-color-component-avatar-online-constant-v23-2-3);
 }
-.magritte-avatar_shape-circle___kEbru_7-0-9 ~ .magritte-avatar-online-badge-208___m4hXQ_7-0-9{
+.magritte-avatar_shape-circle___kEbru_8-0-0 ~ .magritte-avatar-online-badge-208___m4hXQ_8-0-0{
   position:absolute;
   border-radius:50%;
   width:12px;
@@ -597,7 +812,7 @@
   right:25px;
   bottom:25px;
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible + .magritte-avatar-focus-border-208___V6We2_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible + .magritte-avatar-focus-border-208___V6We2_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -606,10 +821,10 @@
   height:208px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:calc(8px + 4px);
 }
-.magritte-avatar___x--BK_7-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_7-0-9 + .magritte-avatar-focus-border-208___V6We2_7-0-9{
+.magritte-avatar___x--BK_8-0-0.focus-visible.magritte-avatar_shape-circle___kEbru_8-0-0 + .magritte-avatar-focus-border-208___V6We2_8-0-0{
   --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);
   -webkit-mask-image:var(--transparent-area-mask);
   mask-image:var(--transparent-area-mask);
@@ -618,53 +833,99 @@
   height:208px;
   top:0;
   margin:-4px;
-  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-2);
+  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v23-2-3);
   border-radius:50%;
 }
+.magritte-female___fSeyG_8-0-0{
+  background-image:url("images/female-day.png");
+  background-size:cover;
+}
+.magritte-night-theme .magritte-female___fSeyG_8-0-0{
+  background-image:url("images/female-night.png");
+}
+.magritte-male___HlZ30_8-0-0{
+  background-image:url("images/male-day.png");
+  background-size:cover;
+}
+.magritte-night-theme .magritte-male___HlZ30_8-0-0{
+  background-image:url("images/male-night.png");
+}
+.magritte-city___jNvGf_8-0-0{
+  background-image:url("images/city-day.png");
+  background-size:cover;
+}
+.magritte-night-theme .magritte-city___jNvGf_8-0-0{
+  background-image:url("images/city-night.png");
+}
+.magritte-undefined___E7573_8-0-0{
+  background-image:url("images/undefined-day.png");
+  background-size:cover;
+}
+.magritte-night-theme .magritte-undefined___E7573_8-0-0{
+  background-image:url("images/undefined-night.png");
+}
 
-.magritte-avatar-stack___yEcSg_7-0-9{
+.magritte-avatar-stack___5qOCC_8-0-0{
   display:flex;
 }
-.magritte-avatar-stack-inline___jLtu7_7-0-9{
+.magritte-avatar-stack-inline___aXUFe_8-0-0{
   display:inline-flex;
 }
-.magritte-avatar-stack-item___XGFoG_7-0-9:not(:last-child){
+.magritte-avatar-stack-item___hDdq8_8-0-0:not(:last-child){
   mask-image:var(--avatar-stack-mask-image);
   mask-mode:luminance;
 }
-.magritte-avatar-stack-size-24___Sfn0C_7-0-9.magritte-avatar-stack-circle___nDRDS_7-0-9{
+.magritte-avatar-stack-size-16___Yuwfu_8-0-0.magritte-avatar-stack-circle___tQZvM_8-0-0{
+  --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');
+}
+.magritte-avatar-stack-size-16___Yuwfu_8-0-0.magritte-avatar-stack-rect___Ip8L2_8-0-0{
+  --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');
+}
+.magritte-avatar-stack-size-16___Yuwfu_8-0-0 .magritte-avatar-stack-item___hDdq8_8-0-0:not(:first-child){
+  margin-left:-4px;
+}
+.magritte-avatar-stack-size-24___oZNQA_8-0-0.magritte-avatar-stack-circle___tQZvM_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-24___Sfn0C_7-0-9.magritte-avatar-stack-rect___33hV1_7-0-9{
+.magritte-avatar-stack-size-24___oZNQA_8-0-0.magritte-avatar-stack-rect___Ip8L2_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-24___Sfn0C_7-0-9 .magritte-avatar-stack-item___XGFoG_7-0-9:not(:first-child){
+.magritte-avatar-stack-size-24___oZNQA_8-0-0 .magritte-avatar-stack-item___hDdq8_8-0-0:not(:first-child){
   margin-left:-8px;
 }
-.magritte-avatar-stack-size-40___6d6Xo_7-0-9.magritte-avatar-stack-circle___nDRDS_7-0-9{
+.magritte-avatar-stack-size-40___oBfvX_8-0-0.magritte-avatar-stack-circle___tQZvM_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-40___6d6Xo_7-0-9.magritte-avatar-stack-rect___33hV1_7-0-9{
+.magritte-avatar-stack-size-40___oBfvX_8-0-0.magritte-avatar-stack-rect___Ip8L2_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-40___6d6Xo_7-0-9 .magritte-avatar-stack-item___XGFoG_7-0-9:not(:first-child){
+.magritte-avatar-stack-size-40___oBfvX_8-0-0 .magritte-avatar-stack-item___hDdq8_8-0-0:not(:first-child){
   margin-left:-12px;
 }
-.magritte-avatar-stack-size-48___OjxbX_7-0-9.magritte-avatar-stack-circle___nDRDS_7-0-9{
+.magritte-avatar-stack-size-48___KGUEt_8-0-0.magritte-avatar-stack-circle___tQZvM_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-48___OjxbX_7-0-9.magritte-avatar-stack-rect___33hV1_7-0-9{
+.magritte-avatar-stack-size-48___KGUEt_8-0-0.magritte-avatar-stack-rect___Ip8L2_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-48___OjxbX_7-0-9 .magritte-avatar-stack-item___XGFoG_7-0-9:not(:first-child){
+.magritte-avatar-stack-size-48___KGUEt_8-0-0 .magritte-avatar-stack-item___hDdq8_8-0-0:not(:first-child){
   margin-left:-12px;
 }
-.magritte-avatar-stack-size-96___7k1Fh_7-0-9.magritte-avatar-stack-circle___nDRDS_7-0-9{
+.magritte-avatar-stack-size-80___JnGV-_8-0-0.magritte-avatar-stack-circle___tQZvM_8-0-0{
+  --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');
+}
+.magritte-avatar-stack-size-80___JnGV-_8-0-0.magritte-avatar-stack-rect___Ip8L2_8-0-0{
+  --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');
+}
+.magritte-avatar-stack-size-80___JnGV-_8-0-0 .magritte-avatar-stack-item___hDdq8_8-0-0:not(:first-child){
+  margin-left:-28px;
+}
+.magritte-avatar-stack-size-96___1LxDK_8-0-0.magritte-avatar-stack-circle___tQZvM_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-96___7k1Fh_7-0-9.magritte-avatar-stack-rect___33hV1_7-0-9{
+.magritte-avatar-stack-size-96___1LxDK_8-0-0.magritte-avatar-stack-rect___Ip8L2_8-0-0{
   --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');
 }
-.magritte-avatar-stack-size-96___7k1Fh_7-0-9 .magritte-avatar-stack-item___XGFoG_7-0-9:not(:first-child){
+.magritte-avatar-stack-size-96___1LxDK_8-0-0 .magritte-avatar-stack-item___hDdq8_8-0-0:not(:first-child){
   margin-left:-32px;
 }