.ccm-page .flip-wall-container{height:260px;width:260px}.ccm-page .flip-wall-container label.flip-wall{cursor:pointer;display:block;height:260px;left:50%;perspective:1000px;position:absolute;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;width:260px}.ccm-page .flip-wall-container label.flip-wall input{display:none}.ccm-page .flip-wall-container label.flip-wall .flippable{box-shadow:0 5px 5px rgba(50,50,50,.1);font-size:1rem;height:100%;position:relative;transform-style:preserve-3d;transition:all .6s;width:100%;z-index:20}.ccm-page .flip-wall-container label.flip-wall .flippable .back,.ccm-page .flip-wall-container label.flip-wall .flippable .front{align-items:center;backface-visibility:hidden;background:#fff;border-radius:2px;display:flex;height:100%;justify-content:center;position:absolute;text-align:center;width:100%}.ccm-page .flip-wall-container label.flip-wall .flippable .back{align-items:start;transform:rotateY(180deg)}.ccm-page .flip-wall-container label.flip-wall:hover .flippable{box-shadow:0 20px 20px rgba(50,50,50,.2)}@media (min-width:992px){.ccm-page .flip-wall-container label.flip-wall:hover .flippable{transform:rotateY(20deg)}}.ccm-page .flip-wall-container label.flip-wall :checked+.flippable{transform:rotateY(180deg)}.ccm-page .flip-wall-container label.flip-wall label:hover :checked+.flippable{box-shadow:0 20px 20px hsla(0,0%,100%,.2);transform:rotateY(160deg)}