:root{--card-width:256px;--card-height:405px}.v-application,body,html{background-color:transparent!important;overflow:hidden}.holder{width:100%;height:100%;position:relative;color:#fff;overflow:hidden}.card-holder{position:absolute;width:var(--card-width);height:calc(var(--card-height) + 90px);transition:right 2s,left 2s,top 2s,bottom 2s}.card-holder-right{right:calc(-20px - var(--card-width))}.card-holder-right.active{right:0}.card-holder-left{left:calc(-20px - var(--card-width))}.card-holder-left.active{left:0}.card-holder-top{top:calc(-110px - var(--card-height))}.card-holder-top.active{top:0}.card-holder-bottom{bottom:calc(-110px - var(--card-height))}.card-holder-left .flipper{margin-left:1em}.card-holder-right .flipper{right:1em}.card-holder-bottom.active{bottom:0}.card-holder.shake .cardx{-webkit-animation:shake .5s;animation:shake .5s;-webkit-animation-iteration-count:4;animation-iteration-count:4}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.card-holder .info-box{width:100%;position:absolute;bottom:0;background-color:#1a1a1a;color:#fff;font-size:1.2em;text-align:center;padding:.5em}.card-holder-left .info-box,.card-holder-right .info-box{width:calc(100% + 1em)}.card-holder-top .info-box{border-radius:10px}.card-holder-bottom .info-box{border-top-left-radius:10px;border-top-right-radius:10px}.card-holder-left .info-box{border-top-right-radius:10px;border-bottom-right-radius:10px}.card-holder-right .info-box{border-top-left-radius:10px;border-bottom-left-radius:10px;right:0}.card-holder .info-box-url{font-weight:700}.card-front-content .name{font-size:1.7em!important;overflow:hidden}.card-front-content .code{font-size:2em!important}