.flip-card-container{width:100%;height:auto;cursor:pointer;perspective:1500px;position:relative;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.flip-card-container:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.flip-card-face{width:100%;height:100%;position:relative;backface-visibility:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1);background-color:var(--card-bg,#ffffff);border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;box-sizing:border-box}.front{transform:rotateY(0deg)}.back{position:absolute;top:0;left:0}.back,.flip-card-container.flipped .front{transform:rotateY(180deg)}.flip-card-container.flipped .back{transform:rotateY(0deg)}.flip-card-container.flipped{box-shadow:0 16px 40px -8px rgba(0,0,0,.12),0 6px 12px -6px rgba(0,0,0,.08)}.flip-card-container.zooming{position:fixed;top:var(--fc-top);left:var(--fc-left);width:var(--fc-w);height:var(--fc-h);margin:0;z-index:60;transition:top .45s ease,left .45s ease,width .45s ease,height .45s ease,box-shadow .3s ease;transform-origin:center center}.flip-card-container.zooming.fullscreen{top:0!important;left:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:0 40px 120px rgba(0,0,0,.6)!important}.flip-card-container.zooming .flip-card-face{height:100%}.flip-card-wrapper{position:relative}.flip-card-placeholder{display:block;width:100%;background:transparent;pointer-events:none}@media (max-width:640px){.flip-card-face>.flex{flex-direction:column}.flip-card-face .sm\:w-1\/3,.flip-card-face .sm\:w-2\/3{width:100%}.flip-card-face .flex.flex-wrap{flex-direction:row;align-items:flex-start}}