.surprise-card-container[data-v-c36dab67]{width:200px;height:280px;position:relative;perspective:1000px;cursor:pointer;transform-style:preserve-3d}@media(min-width:640px){.surprise-card-container[data-v-c36dab67]{width:260px;height:360px}}@media(min-width:768px){.surprise-card-container[data-v-c36dab67]{width:300px;height:420px}}@media(min-width:1024px){.surprise-card-container[data-v-c36dab67]{width:340px;height:480px}}.surprise-card-container.flipped .card-front[data-v-c36dab67]{transform:rotateY(180deg)}.surprise-card-container.flipped .card-back[data-v-c36dab67]{transform:rotateY(0)}.card-back[data-v-c36dab67],.card-front[data-v-c36dab67]{position:absolute;width:100%;height:100%;backface-visibility:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-front[data-v-c36dab67]{transform:rotateY(0);z-index:2}.card-back[data-v-c36dab67]{transform:rotateY(-180deg);z-index:1}.surprise-card-container.flipping[data-v-c36dab67]{animation:shake-c36dab67 .5s ease-in-out}@keyframes shake-c36dab67{0%,to{transform:translate(0) rotateY(0)}25%{transform:translate(-5px) rotateY(5deg)}75%{transform:translate(5px) rotateY(-5deg)}}.surprise-card-container[data-v-c36dab67]{animation:cardEnter-c36dab67 .6s ease-out backwards}@keyframes cardEnter-c36dab67{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.surprise-card-container[data-v-c36dab67]:not(.flipped):hover{transform:translateY(-8px)}.surprise-card-container:not(.flipped):hover .card-front>div[data-v-c36dab67]{box-shadow:0 20px 40px #6366f180}.animate-fade-in[data-v-c36dab67]{animation:fadeIn-c36dab67 .5s ease-out forwards}@keyframes fadeIn-c36dab67{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-bounce-in[data-v-c36dab67]{animation:bounceIn-c36dab67 .6s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}@keyframes bounceIn-c36dab67{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:1;transform:scale(1.05) translateY(-5px)}70%{transform:scale(.95) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}
