.page{background-color:#fff;border-radius:4px;transition:all .5s ease-in-out;position:relative;overflow:hidden;box-shadow:0 5px 25px #0000001a}.page:hover{box-shadow:0 10px 30px #00000026}.cover-page,.back-cover{background:linear-gradient(135deg,#f5f5f5 0%,#fff 100%);border:1px solid #ddd}@keyframes pageTurn{0%{z-index:10;transform:rotateY(0)}to{z-index:0;transform:rotateY(-180deg)}}.page-turning{animation:.5s ease-in-out forwards pageTurn}@media (max-width:768px){.page{max-width:100%}}.swipe-indicator-left,.swipe-indicator-right{opacity:0;background-color:#fffc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.swipe-indicator-left{left:10px}.swipe-indicator-right{right:10px}.page:hover .swipe-indicator-left,.page:hover .swipe-indicator-right{opacity:.7}