.ComposerUserButton_root__TaILh{--avatar-size:38px;position:relative;display:inline-grid;width:var(--avatar-size);height:var(--avatar-size);border-radius:999px;isolation:isolate}.ComposerUserButton_root__TaILh .cl-userButtonTrigger{width:var(--avatar-size);height:var(--avatar-size);border-radius:999px;outline-offset:3px}.ComposerUserButton_root__TaILh .cl-userButtonAvatarBox{width:var(--avatar-size);height:var(--avatar-size)}.ComposerUserButton_fallback__BByNS{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden;border:1px solid rgb(255 255 255/42%);border-radius:inherit;background:radial-gradient(circle at 67% 22%,rgb(255 255 255/48%),transparent 24%),linear-gradient(145deg,var(--avatar-from),var(--avatar-to));box-shadow:0 0 0 1px rgb(19 18 15/12%),0 7px 18px rgb(19 18 15/15%);color:white;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif);font-size:.72rem;font-weight:720;letter-spacing:.04em;line-height:1;pointer-events:none;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease}.ComposerUserButton_root__TaILh:hover .ComposerUserButton_fallback__BByNS{transform:translateY(-1px) scale(1.035);box-shadow:0 0 0 1px rgb(19 18 15/14%),0 9px 22px rgb(19 18 15/20%)}@media (prefers-reduced-motion:reduce){.ComposerUserButton_fallback__BByNS{transition:none}}