.flipbox-container{transform-style:preserve-3d}.flipbox-container:hover .flipbox-back{transform:rotateY(0)}.flipbox-container:hover .flipbox-front{transform:rotateY(180deg)}.flipbox-back,.flipbox-container,.flipbox-front{width:100%;border-radius:var(--base-border-radius)}.flipbox-back,.flipbox-front{display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.flipper{transition:.6s;transform-style:preserve-3d;position:relative}.flipbox-back,.flipbox-front,.flipper{height:100%}.flipbox-back,.flipbox-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:1s;transform-style:preserve-3d;position:absolute;top:0;left:0}.flipbox-front{z-index:2;transform:rotateY(0)}.flipbox-back{transform:rotateY(-180deg)}