.card-flip-container{perspective:800px;border-radius:6px;overflow:hidden;touch-action:none}.card-flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.card-flip-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0;border-radius:6px}.card-back{z-index:2}.card-back-pattern{width:100%;height:100%;border-radius:6px;border:2px solid #fff;background-color:#274875;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15),rgba(255,255,255,.15) 5px,transparent 0,transparent 10px),repeating-linear-gradient(-45deg,rgba(255,255,255,.15),rgba(255,255,255,.15) 5px,transparent 0,transparent 10px)}.card-front{transform:rotateY(180deg);z-index:1}