@charset "UTF-8";

@keyframes input-error {
	0%,
	20% {
		background-color: var(--clay-above);
	}

	50%,
	100% {
		background-color: var(--background);
	}
}

@keyframes icon-error {
	0%,
	70% {
		color: var(--icon-error);
	}
}

@keyframes row-reinitialized {
	0%,
	20% {
		filter: contrast(0.2);
	}

	50%,
	100% {
		filter: unset;
	}
}

@keyframes uprise {
	0% {
		opacity: 0;
		filter: blur(2px);
	}

	100% {
		opacity: 1;
		filter: blur(0px);
	}
}

@keyframes window-vertical-open {
	0% {
		height: 0;
		opacity: 0;
	}

	100% {
		height: var(--height, inherit);
		opacity: var(--opacity, 1);
	}
}

@keyframes window-vertical-close {
	0% {
		height: var(--height, inherit);
		opacity: var(--opacity, 1);
	}

	100% {
		height: 0;
		opacity: 0;
	}
}

@keyframes list-triangle-left {
	0% {
		left: -18px;
	}

	40%,
	100% {
		left: -30px;
	}
}

@keyframes list-triangle-right {
	0% {
		right: -18px;
	}

	40%,
	100% {
		right: -30px;
	}
}

.animation.window:not(.hidden, .horizontal) {
	overflow: hidden;
	animation-duration: 0.1s;
	animation-name: window-vertical-open;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
}

.animation.window.hidden:not(.horizontal) {
	overflow: hidden;
	animation-duration: 0.05s;
	animation-name: window-vertical-close;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
