.card-container[data-v-4fbee052]{display:flex;position:relative;width:90%;max-width:600px;height:250px;justify-content:flex-start;align-items:center;overflow:hidden;margin:0 auto}.card[data-v-4fbee052]{position:absolute;width:120px;height:230px;background-image:var(--780707af);background-size:cover;background-position:center;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 4px 8px #00000026;font-size:10px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:1;transform:scale(1);will-change:transform,opacity}.card[data-v-4fbee052]:hover{transform:scale(1.2);box-shadow:0 8px 12px #0003}.centered-image-container[data-v-4fbee052]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000}.centered-image[data-v-4fbee052]{width:40px;height:60px;object-fit:cover;border-radius:8px;box-shadow:0 8px 12px #0003;transform:scale(1);opacity:1;transition:all 3s cubic-bezier(.4,0,.2,1)}.centered-image-container.show-image .centered-image[data-v-4fbee052]{width:auto;height:auto;transform:scale(.8);opacity:0;animation:zoomIn-4fbee052 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes zoomIn-4fbee052{0%{transform:scale(.8);opacity:0}to{transform:scale(1.5);opacity:1}}@media (max-width: 768px){.card-container[data-v-4fbee052]{max-width:100%;height:250px;margin:auto}.card[data-v-4fbee052]{width:90px;height:180px;font-size:8px}}.reset-button[data-v-4fbee052]{display:block;margin:20px auto;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease-in-out}.reset-button[data-v-4fbee052]:hover{background-color:#45a049}.card-flip[data-v-c83292f3]{width:100%;max-width:600px;margin:0 auto;height:500px;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-image[data-v-c83292f3]{max-width:200px;transition:transform .3s ease}.card-image[data-v-c83292f3]:hover{transform:scale(1.05)}.card-flip.flipped[data-v-c83292f3],.card-back[data-v-c83292f3]{transform:rotateY(180deg)}.card-description[data-v-c83292f3]{margin-top:1rem;padding:1rem;border-radius:8px}.card-reader{text-align:center;margin-top:2rem;max-width:800px;margin:0 auto;padding:2rem;position:relative}.card-result{perspective:1000px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media screen and (max-width: 768px){.card-reader,.nouvel-oracle-view,.card-block{padding:0}.card-result{margin-top:1rem}}