/* Presence dot on Voxel avatars (ts-status-avatar). */
.esmira-presence-host.esmira-presence-target,
.esmira-presence-host .ts-comp-icon {
	position: relative;
}

.esmira-presence-host.esmira-presence-target > .esmira-presence {
	right: 0;
	bottom: 0;
}

.esmira-presence {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid var(--esmira-presence-ring, #fff);
	box-sizing: content-box;
	pointer-events: none;
	z-index: 2;
}

button.esmira-presence {
	display: block;
	padding: 0;
	font: inherit;
	line-height: 0;
}

.esmira-presence--online {
	background: #22c55e;
}

.esmira-presence--away {
	background: #f59e0b;
}

.esmira-presence--busy {
	background: #ef4444;
}

.esmira-presence--offline {
	background: #94a3b8;
}

.esmira-presence-host.esmira-presence-target {
	flex-wrap: wrap;
}

.esmira-presence-target,
a.vxf-avatar.esmira-presence-target {
	position: relative;
	display: inline-block;
}

a.vxf-avatar.esmira-presence-target > img {
	display: block;
}

.esmira-presence-target > .esmira-presence {
	right: 2px;
	bottom: 2px;
}

.esmira-presence-target > img.ts-status-avatar {
	display: block;
}

body.esmira-presence-single .esmira-presence-target {
	position: relative;
	display: inline-block;
}