.perspective-container{perspective:1000px}.book-container{width:130px;height:190px;transform-style:preserve-3d;transform:rotateY(-20deg)}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d}.book>div{position:absolute}.front{width:130px;height:190px;transform:translateZ(15px);border-radius:2px 6px 6px 2px;overflow:hidden;box-shadow:inset 4px 0 10px #0000001a}.back{width:130px;height:190px;transform:rotateY(180deg) translateZ(15px);border-radius:6px 2px 2px 6px}.left{width:30px;height:190px;transform:rotateY(-90deg) translateZ(15px);border-radius:2px 0 0 2px}.right{width:28px;height:186px;transform:rotateY(90deg) translateZ(115px);top:2px}.top{width:126px;height:28px;transform:rotateX(90deg) translateZ(15px);left:2px}.bottom{width:126px;height:28px;transform:rotateX(-90deg) translateZ(175px);left:2px}.right,.top,.bottom{background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 3px)}.right{background-image:repeating-linear-gradient(to right,transparent 0px,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 3px)}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}