.superac-day {
overflow: hidden;
}
.superac-day--slide-in-left .superac-card--back {
transform: translateX(-100%);
transition: transform 0.5s ease-out;
}
.superac-day--slide-in-left.is-open .superac-card--back {
transform: translateX(0);
}
.superac-day--slide-up .superac-card--back {
transform: translateY(100%);
transition: transform 0.5s ease-out;
}
.superac-day--slide-up.is-open .superac-card--back {
transform: translateY(0);
}
.superac-day--slide-down .superac-card--back {
transform: translateY(-100%);
transition: transform 0.5s ease-out;
}
.superac-day--slide-down.is-open .superac-card--back {
transform: translateY(0);
}
.superac-day--slide-in-right .superac-card--back {
transform: translateX(100%);
transition: transform 0.5s ease-out;
}
.superac-day--slide-in-right.is-open .superac-card--back {
transform: translateX(0);
}
.superac-day--rotate-into-view .superac-card--back {
transform-origin: 0 0;
transform: rotate(90deg);
transition: transform 0.5s ease-out;
}
.superac-day--rotate-into-view.is-open .superac-card--back {
transform: rotate(0deg);
}
.superac-day--fade-and-skew .superac-card--back {
opacity: 0;
transform: skewX(-10deg);
transition:
transform 0.3s ease-in-out,
opacity 0.3s ease-in-out;
}
.superac-day--fade-and-skew.is-open .superac-card--back {
transform: skewX(0deg);
opacity: 1;
}
.superac-day--slide-in-bottom-corner .superac-card--back {
transform: translate(100%, 100%);
transition: transform 0.4s ease-in-out;
}
.superac-day--slide-in-bottom-corner.is-open .superac-card--back {
transform: translate(0, 0);
}
.superac-day--slide-in-top-corner .superac-card--back {
transform: translate(-100%, -100%);
transition: transform 0.4s ease-in-out;
}
.superac-day--slide-in-top-corner.is-open .superac-card--back {
transform: translate(0, 0);
}