.flip-card-wrapper{--kpl-flip-card-wrapper-bg:transparent}
.flip-card{min-height:32rem}
.flip-card-front,.flip-card-reverse{position:relative}
.flip-card-toggle{position:absolute;bottom:1.5rem;right:1.5rem}
@media(max-width:767.98px){.flip-card-wrapper{margin:2.5rem 0}
.flip-card{display:grid;background-color:#e0dace;grid-template-columns:1fr;grid-template-rows:auto 1fr;border-radius:.5rem;overflow:hidden}
.flip-card-image{grid-area:1/1/2/2}
.flip-card-front,.flip-card-reverse{padding:3rem 1.5rem 4rem}
.flip-card-front{grid-area:2/1/3/2}
.flip-card-reverse{grid-area:1/1/3/2;background-color:#e0dace;visibility:hidden;opacity:0;transition:opacity 500ms,visibility 500ms}
.flip-card.flipped .flip-card-reverse{visibility:visible;opacity:1}
}
@media(min-width:768px) and (max-width:991.98px){.flip-card-front{padding-top:3rem}
}
@media(min-width:768px){.flip-card-wrapper{background-color:var(--kpl-flip-card-wrapper-bg);padding:4rem 0;margin:0}
.flip-card-image img{border-radius:.5rem;overflow:hidden}
.flip-card-toggle{display:none}
}
@media(min-width:992px){.flip-card-wrapper{padding:5rem 0}
.flip-card{display:grid;grid-template-columns:5fr 0 5fr;grid-template-rows:auto 1fr}
.flip-card-image{grid-area:1/3/3/4;padding-left:1rem}
.flip-card-front,.flip-card-reverse{padding-right:1rem}
.flip-card-front{grid-area:1/1/2/2}
.flip-card-reverse{grid-area:2/1/3/2}
.flip-card-mirrored .flip-card-image{grid-area:1/1/3/2;padding-left:0;padding-right:1rem}
.flip-card-mirrored .flip-card-front,.flip-card-mirrored .flip-card-reverse{padding-right:0;padding-left:1rem}
.flip-card-mirrored .flip-card-front{grid-area:1/3/2/4}
.flip-card-mirrored .flip-card-reverse{grid-area:2/3/3/4}
}
@media(min-width:1200px){.flip-card{grid-template-columns:5fr 2fr 5fr}
.flip-card-image{padding-left:1.25rem}
.flip-card-front,.flip-card-reverse{padding-right:1.25rem}
}