.join-card[data-turn=out]{animation:.28s cubic-bezier(.55,0,.8,.25) forwards join-turn-out}.join-card[data-turn=in]{animation:.62s cubic-bezier(.22,1,.36,1) join-turn-in}.join-card{--turn:90deg}.join-card[data-toward=front]{--turn:-90deg}@keyframes join-turn-out{to{transform:perspective(1400px) rotateY(var(--turn)) scale(.96)}}@keyframes join-turn-in{0%{transform:perspective(1400px) rotateY(calc(var(--turn) * -1)) scale(.96)}}