.flipper{perspective:1200px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;cursor:grab;width:255px;height:345px;position:fixed}.flipper__inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:5px;transition:all .7s linear;position:relative;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.flipper__inner--rotated{transform:rotateY(180deg)}.flipper--presentation .flipper__inner{transition-duration:.3s}.flipper__front,.flipper__back{box-sizing:border-box;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.flipper__front{transform:rotateY(0)}.flipper__back{transform:rotateY(-180deg)}