.oi-flipcard{position:relative;perspective:1000px;aspect-ratio:1;width:100%}.oi-flipcard__inner{display:grid!important;width:100%;height:100%}.oi-flipcard__front,.oi-flipcard__back{grid-area:1 / 1 / 2 / 2;width:100%;height:100%;backface-visibility:hidden;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out}.oi-flipcard--covers{aspect-ratio:unset;height:auto}.oi-flipcard--covers .oi-flipcard__inner{height:auto}.oi-flipcard--covers .oi-flipcard__front,.oi-flipcard--covers .oi-flipcard__back{height:auto}.oi-flipcard--flip .oi-flipcard__inner{overflow:visible}.oi-flipcard--flip .oi-flipcard__front{z-index:1;transform:rotateY(0deg)}.oi-flipcard--flip .oi-flipcard__back{z-index:0;transform:rotateY(180deg)}@media(hover:hover){.oi-flipcard--flip:hover .oi-flipcard__front{transform:rotateY(-180deg)}.oi-flipcard--flip:hover .oi-flipcard__back{transform:rotateY(0deg)}}.oi-flipcard--flip.clicked .oi-flipcard__front{transform:rotateY(-180deg)}.oi-flipcard--flip.clicked .oi-flipcard__back{transform:rotateY(0deg)}.oi-flipcard--flip-vertical .oi-flipcard__inner{overflow:visible}.oi-flipcard--flip-vertical .oi-flipcard__front{z-index:1;transform:rotateX(0deg)}.oi-flipcard--flip-vertical .oi-flipcard__back{z-index:0;transform:rotateX(180deg)}@media(hover:hover){.oi-flipcard--flip-vertical:hover .oi-flipcard__front{transform:rotateX(180deg)}.oi-flipcard--flip-vertical:hover .oi-flipcard__back{transform:rotateX(0deg)}}.oi-flipcard--flip-vertical.clicked .oi-flipcard__front{transform:rotateX(180deg)}.oi-flipcard--flip-vertical.clicked .oi-flipcard__back{transform:rotateX(0deg)}.oi-flipcard--slide .oi-flipcard__inner{overflow:hidden}.oi-flipcard--slide .oi-flipcard__front{z-index:1}.oi-flipcard--slide .oi-flipcard__back{z-index:2;transform:translateY(100%)}@media(hover:hover){.oi-flipcard--slide:hover .oi-flipcard__back{transform:translateY(0)}}.oi-flipcard--slide.clicked .oi-flipcard__back{transform:translateY(0)}.oi-flipcard--slide-right .oi-flipcard__inner{overflow:hidden}.oi-flipcard--slide-right .oi-flipcard__front{z-index:1}.oi-flipcard--slide-right .oi-flipcard__back{z-index:2;transform:translateX(-100%)}@media(hover:hover){.oi-flipcard--slide-right:hover .oi-flipcard__back{transform:translateX(0)}}.oi-flipcard--slide-right.clicked .oi-flipcard__back{transform:translateX(0)}.oi-flipcard--fade .oi-flipcard__front{z-index:1}.oi-flipcard--fade .oi-flipcard__back{z-index:2;opacity:0;pointer-events:none}@media(hover:hover){.oi-flipcard--fade:hover .oi-flipcard__front{opacity:0.4}.oi-flipcard--fade:hover .oi-flipcard__back{opacity:1;pointer-events:auto}}.oi-flipcard--fade.clicked .oi-flipcard__front{opacity:0.4}.oi-flipcard--fade.clicked .oi-flipcard__back{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.oi-flipcard__front,.oi-flipcard__back{transition:none}}