@keyframes popupAppear {
	0% {
		background: transparent;
	}
	100% {
		background: black;
	}
}

.popup {
	animation: popupAppear 1s linear no-repeat;

	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

	.content {
		border-radius: 2rem;
		background: @accentbg;
		text-align: center;

		postion: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}