@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap);.card[data-v-e52acae8]{height:300px;width:250px;perspective:1000px;text-transform:uppercase;font-size:1.5em}.card.flipped .card-inner[data-v-e52acae8]{transform:rotateY(180deg)}.card .card-inner[data-v-e52acae8]{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.card .card-inner .card-front[data-v-e52acae8]{background-color:var(--b300ef06);display:grid;color:#fff}.card .card-inner .card-front button[data-v-e52acae8]{background-color:transparent;border:unset;color:#fff}.card .card-inner .card-front button svg[data-v-e52acae8]{transition:opacity .3s ease}.card .card-inner .card-front button:hover svg[data-v-e52acae8]{opacity:.8}.card .card-inner .card-front .bottom-name[data-v-e52acae8]{transform:rotate(180deg)}.card .card-inner .card-back[data-v-e52acae8]{background-color:#1e90ff;color:#fff;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;font-size:.85em}.card .card-inner .card-back img[data-v-e52acae8]{width:100%;max-height:100%;object-fit:contain}.card .card-inner .card-back span[data-v-e52acae8]{word-break:break-word;text-align:center}.card .card-inner .card-back span.big[data-v-e52acae8]{font-size:1.5em}.card .card-inner .card-back[data-v-e52acae8],.card .card-inner .card-front[data-v-e52acae8]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:1em;border-radius:5px}.modal[data-v-e7a9d28a]{position:absolute;top:50%;left:50%;width:300px;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 0 20px rgba(0,0,0,.4);z-index:1000;display:none}.modal.opened[data-v-e7a9d28a]{display:block}.modal .modal-header[data-v-e7a9d28a]{display:flex;justify-content:space-between}.modal .data-container[data-v-e7a9d28a]{margin-top:20px;display:flex;flex-direction:column}.modal .data-container .data-element[data-v-e7a9d28a]{display:flex;justify-content:space-between;margin-bottom:5px;padding:10px;border-radius:5px;cursor:pointer}.modal .data-container .data-element[data-v-e7a9d28a]:not(.visible){background-color:#f0f0f0}.modal .data-container .data-element.visible[data-v-e7a9d28a]{background-color:#0569c833}*{box-sizing:border-box;margin:0;padding:0}#app{font-family:Roboto}button{cursor:pointer}.shadowed{box-shadow:1px 3px 10px rgba(0,0,0,.5)}.card-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:10px}.actions{display:grid;place-items:center;margin-top:2rem}.button{background-color:#0569c8;border:none;border-radius:10px;font-weight:500;color:#fff;padding:10px}.reset-button{text-transform:uppercase;margin:auto;font-size:2.5em;width:300px;height:100px}.header{display:flex;padding:1rem;justify-content:flex-end}