.animation-comedi {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	opacity: 1;
	z-index: 10;
	transition: opacity 0.3s ease-in-out;
	cursor: pointer;
	background-color: white;
	padding: var(--margin);
	width: 100%;
	height: 100%;
}

.animation-comedi.is-animated {
	display: block;
}

.animation-comedi.is-hidden {
	opacity: 0;
	pointer-events: none;
}

.animation-comedi > svg {
	width: calc(100% - var(--margin-x2));
	height: auto;
}

.animation-comedi > svg > #rect {
	transform: translate(-100%);
}