.direct-emoji-anchor {
	position: relative;
}

.direct-emoji-popover {
	position: absolute;
	bottom: calc(100% + 0.5rem);
	right: 0;
	left: auto;
	z-index: 50;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
	max-width: min(352px, calc(100vw - 1.5rem));
	direction: ltr;
}

.direct-emoji-popover[hidden] {
	display: none !important;
}

.direct-emoji-popover em-emoji-picker {
	--em-rgb-background: 15, 23, 42;
	--em-rgb-input: 30, 41, 59;
	--em-rgb-color: 241, 245, 249;
	--em-rgb-accent: 124, 58, 237;
	--border-radius: 0.75rem;
	--font-size: 0.875rem;
	width: min(352px, calc(100vw - 1.5rem));
}