.dealing-dealer{animation:dealing-dealer .75s ease-in-out}.dealing-dealer-without-spin{animation:dealing-dealer-without-spin .75s ease-in-out}.dealing-player{animation:dealing-player .75s ease-in-out}.card{height:100%;z-index:1;float:left;perspective:1000px;position:relative;display:flex;height:6rem;width:4rem;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem}.wrap{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s linear}.wrap.flipped{transform:rotateY(180deg)}.face{position:absolute;width:100%;height:100%;backface-visibility:hidden;box-sizing:border-box}.d .wrap.flipped{box-shadow:none}.d .face.back,.d .wrap.flipped{transform:rotate3d(45,45,0,180deg)}.d .face.back{backface-visibility:hidden}@keyframes dealing-dealer{0%{transform:translate(0) rotate3d(0,0,0,0deg)}to{transform:translate(7rem,-11rem) rotate3d(1,1,0,180deg)}}@keyframes dealing-player{0%{transform:translate(0) rotate3d(0,0,0,0deg)}to{transform:translate(7rem,9rem) rotate3d(1,1,0,180deg)}}@keyframes dealing-dealer-without-spin{0%{transform:translate(0) rotate3d(0,0,0,0deg)}to{transform:translate(7rem,-11rem) rotate3d(1,1,0,0deg)}}