.qui-avatar__root{align-items:center;background:transparent;border:0 solid;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px;--avatar-status-border-size:var(
      --component-utility-icons-stroke-weight-xs
    );--avatar-status-offset:0px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px;--avatar-status-border-size:var(
      --component-utility-icons-stroke-weight-sm
    );--avatar-status-offset:1px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px;--avatar-status-border-size:var(
      --component-utility-icons-stroke-weight-md
    );--avatar-status-offset:1px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px;--avatar-status-border-size:var(
      --component-utility-icons-stroke-weight-lg
    );--avatar-status-offset:1px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px;--avatar-status-border-size:var(
      --component-utility-icons-stroke-weight-xl
    );--avatar-status-offset:2px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__root:has(.qui-avatar__status){--_status-cutout-offset:calc(var(--avatar-status-offset) + var(--avatar-status-size) / 2);--_status-cutout-x:calc(100% - var(--_status-cutout-offset));--_status-cutout-y:calc(100% - var(--_status-cutout-offset));--_status-cutout-radius:calc(var(--avatar-status-size) / 2 + var(--avatar-status-border-size))}.qui-avatar__root:has(.qui-avatar__status)>.qui-avatar__content,.qui-avatar__root:has(.qui-avatar__status)>.qui-avatar__image{-webkit-mask-image:radial-gradient(circle at var(--_status-cutout-x) var(--_status-cutout-y),transparent calc(var(--_status-cutout-radius) - 0.5px),black calc(var(--_status-cutout-radius) + 0.5px));mask-image:radial-gradient(circle at var(--_status-cutout-x) var(--_status-cutout-y),transparent calc(var(--_status-cutout-radius) - 0.5px),black calc(var(--_status-cutout-radius) + 0.5px))}.qui-avatar__image{border-radius:var(--avatar-radius);display:block;height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__image[hidden]{display:none}.qui-avatar__content[data-emphasis=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-emphasis=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-emphasis=brand]{--avatar-foreground-color:var(--color-utility-persistent-white);--avatar-background-color:var(--color-background-brand-primary)}.qui-avatar__content{align-items:center;background-color:var(--avatar-background-color);border-radius:var(--avatar-radius);color:var(--avatar-foreground-color);display:flex;font:var(--avatar-content-font);height:100%;justify-content:center;line-height:1;overflow:clip;text-transform:uppercase;width:100%}.qui-avatar__content[hidden]{display:none}.qui-avatar__status{border-radius:50%;bottom:var(--avatar-status-offset);height:var(--avatar-status-size);position:absolute;right:var(--avatar-status-offset);width:var(--avatar-status-size)}.qui-avatar__status[data-status=active]{background-color:var(--color-background-support-success)}.qui-avatar__status[data-status=offline]{background-color:var(--color-background-support-neutral)}.qui-avatar__status[data-status=away]{background-color:var(--color-background-support-warning)}.qui-avatar__status[data-status=busy]{background-color:var(--color-background-support-danger)}