@-webkit-keyframes spin-to-green-data-v-7cf3ee60{0%{color:#000;background-color:#fff;transform:rotateY(180deg)}to{transform:rotateY(0deg);color:green;background-color:#fff}}@keyframes spin-to-green-data-v-7cf3ee60{0%{color:#000;background-color:#fff;transform:rotateY(180deg)}to{transform:rotateY(0deg);color:green;background-color:#fff}}@-webkit-keyframes spin-to-red-data-v-7cf3ee60{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes spin-to-red-data-v-7cf3ee60{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@-webkit-keyframes spin-to-hidden-data-v-7cf3ee60{0%{background-color:#fff}to{background-color:transparent;border:0 #fff}}@keyframes spin-to-hidden-data-v-7cf3ee60{0%{background-color:#fff}to{background-color:transparent;border:0 #fff}}.card[data-v-7cf3ee60]{width:80px;height:100px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;font-size:60px;display:flex;align-items:center;justify-content:center;outline:none!important;border-radius:8px}.card[data-v-7cf3ee60]:active,.card[data-v-7cf3ee60]:focus{outline:none!important;border:0 solid}.card-closed[data-v-7cf3ee60]{border:4px solid #fff;border-radius:8px;background-color:#458ca9}.card-green[data-v-7cf3ee60]{color:green;background-color:#fff;-webkit-animation:spin-to-green-data-v-7cf3ee60 .5s linear;animation:spin-to-green-data-v-7cf3ee60 .5s linear;border:0 solid}.card-red[data-v-7cf3ee60]{color:red;background-color:#fff;-webkit-animation:spin-to-red-data-v-7cf3ee60 .5s linear;animation:spin-to-red-data-v-7cf3ee60 .5s linear;border:0 solid}.card-hidden[data-v-7cf3ee60]{background-color:transparent;border:0 #fff;-webkit-animation:spin-to-hidden-data-v-7cf3ee60 .5s ease-out;animation:spin-to-hidden-data-v-7cf3ee60 .5s ease-out}