.presence-box{position:absolute;display:none;box-sizing:border-box;border:var(--ds-border-width-selected, 2px) solid var(--presence-color);border-radius:var(--ds-radius-small, 3px);pointer-events:none;will-change:transform,width,height;transform-origin:0 0}.presence-nameplate{position:absolute;bottom:100%;left:0;height:22px;width:max-content;max-width:240px;display:none;align-items:center;box-sizing:border-box;padding:2px 6px;border-top-left-radius:var(--ds-radius-small, 3px);border-top-right-radius:var(--ds-radius-small, 3px);overflow:hidden;white-space:nowrap;font-size:12px;line-height:1;color:var(--ds-text-inverse, #fff);background-color:var(--presence-color);pointer-events:none}.presence-box--hovered>.presence-nameplate{display:flex}.presence-box--hovered{border-top-left-radius:0}.presence-box--blue{--presence-color: var(--ds-background-accent-blue-bolder, #1558bc)}.presence-box--red{--presence-color: var(--ds-background-accent-red-bolder, #c9372c)}.presence-box--purple{--presence-color: var(--ds-background-accent-purple-bolder, #6e5dc6)}.presence-box--green{--presence-color: var(--ds-background-accent-green-bolder, #1f845a)}.presence-box--teal{--presence-color: var(--ds-background-accent-teal-bolder, #1d7f8c)}.presence-box--magenta{--presence-color: var(--ds-background-accent-magenta-bolder, #ae4787)}.presence-box--orange{--presence-color: var(--ds-background-accent-orange-bolder, #a54800)}.presence-box--yellow{--presence-color: var(--ds-background-accent-yellow-bolder, #946f00)}.presence-box--lime{--presence-color: var(--ds-background-accent-lime-bolder, #5b7f24)}