.mp_oraculum
{
	justify-content: center;
}

.mp-oraculum-card__image
{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	object-fit: cover;
	object-position: center;
	text-align: center;

	transition: transform 0.5s;
	backface-visibility: hidden;
}

.mp-oraculum-cards
{
	position: relative;
	top: 0;
	left: 0;

	display: grid;
	object-fit: cover;
	object-position: center;
}

.mp-oraculum-cards-images
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mp-oraculum-cards-texts
{
	position: relative;
	z-index: 2;
}

.mp-oraculum-card-texts > .mp-oraculum-card__title,
.mp-oraculum-card-texts > .mp-oraculum-card__text,
.mp-oraculum-card-texts > .mp-oraculum-card__button
{
	max-height: 0;
	overflow: hidden;

	transition: max-height 1s;
}

.mp-oraculum-card-texts.mp-oraculum-show > .mp-oraculum-card__title
{
	max-height: 2em;
}

.mp-oraculum-card-texts.mp-oraculum-show > .mp-oraculum-card__text
{
	max-height: 1000px;
}

.mp-oraculum-card-texts.mp-oraculum-show > .mp-oraculum-card__button
{
	max-height: 5em;
}

.mp-oraculum-cards-images > .mp-oraculum-card__image
{
	position: absolute;
	transform: rotateY(-180deg);
}



.mp_oraculum.mp_oraculum_flipped > .mp-oraculum-card__image
{
	transform: rotateY(180deg);
}

.mp_oraculum.mp_oraculum_flipped .mp-oraculum-cards-images > .mp-oraculum-card__image.mp-oraculum-show
{
	transform: rotateY(0);
}