.closer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

.holder {
	position: absolute;
	height: 0;
	width: 0;
}

.holder[data-origin='left'] .popover {
	float: left;
}

.popover {
	background: var(--color-secondary);
	color: var(--color-secondary-text);
	z-index: 99;
	box-shadow: var(--sh-card);
	font-weight: 500;
	border-radius: var(--radius-default);
	float: right;
	transform-origin: top right;
	animation: appear 0.1s ease-in-out;
	contain: content;
}

@keyframes appear {
	0% {
		transform: scale(0.95);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}