/**
 * @author Jaroslav Louma <xlouma00@stud.fit.vutbr.cz>
 * @brief This file is part of the ITU project - Music Player App.
 * @copyright Copyright (c) 2023
 */

body.page-open {
	overflow: hidden;
}

#pages {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

#pages:not(:empty) {
	pointer-events: auto;
}

#pages>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	background-color: var(--background-color);
}

@keyframes page-top-in {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@keyframes page-top-out {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-100%);
	}
}

@keyframes page-right-in {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0%);
	}
}

@keyframes page-right-out {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(100%);
	}
}

@keyframes page-bottom-in {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@keyframes page-bottom-out {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(100%);
	}
}

@keyframes page-left-in {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0%);
	}
}

@keyframes page-left-out {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}