.book{height:240px;perspective:1000px;position:relative;transform-style:preserve-3d;width:160px}@media (max-width:600px){.book{margin:0 auto}}.book :after,.book :before{content:""}.book ul{list-style:none;margin:0;padding:0}.book .hardcover_front li:first-child{backface-visibility:hidden;background-color:#eee}.book .hardcover_back li:first-child,.book .hardcover_back li:last-child,.book .hardcover_front li:last-child{background:#fffbec}.book .book_spine li:first-child{background:#eee}.book .book_spine li:last-child{background:#333}.book .book_spine li:first-child:after,.book .book_spine li:first-child:before,.book .book_spine li:last-child:after,.book .book_spine li:last-child:before,.book .hardcover_back li:first-child:after,.book .hardcover_back li:first-child:before,.book .hardcover_back li:last-child:after,.book .hardcover_back li:last-child:before,.book .hardcover_front li:first-child:after,.book .hardcover_front li:first-child:before,.book .hardcover_front li:last-child:after,.book .hardcover_front li:last-child:before{background:#999}.book .page>li{background:linear-gradient(90deg,#e1ddd8 0,#fffbf6);border-radius:0 5px 5px 0;box-shadow:inset 0 -1px 2px #3232321a,inset -1px 0 1px #96969633;color:rgba(var(--v-theme-black-lighten-4));font-size:3px;padding:12px 20px;text-align:right}.book .page>li:not(.page-item--with-btn){pointer-events:none}.book .hardcover_front{transform:rotateY(-36deg) translateZ(8px);z-index:100}.book .hardcover_back{transform:rotateY(-15deg) translateZ(-8px)}.book .page li:first-child{transform:rotateY(-24deg)}.book .page li:nth-child(2){transform:rotateY(-25deg)}.book .page li:nth-child(3){transform:rotateY(-26deg)}.book .page li:nth-child(4){transform:rotateY(-28deg)}.book .page li:nth-child(5){transform:rotateY(-30deg)}.book .page li:nth-child(6){transform:rotateY(-32deg)}.book .page li:nth-child(7){transform:rotateY(-34deg)}.book .page li:nth-child(8){transform:rotateY(-36deg)}.book .book_spine,.book .book_spine li,.book .hardcover_back,.book .hardcover_back li,.book .hardcover_front,.book .hardcover_front li{height:100%;left:0;position:absolute;top:0;transform-style:preserve-3d;width:100%}.book .hardcover_back,.book .hardcover_front{transform-origin:0 100%}.book .hardcover_front{transition:all .8s ease,z-index .6s}.book .hardcover_front li:first-child{cursor:default;transform:translateZ(2px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.book .hardcover_front li:last-child{transform:rotateY(180deg) translateZ(2px)}.book .hardcover_back li:first-child{transform:translateZ(2px)}.book .hardcover_back li:last-child{transform:translateZ(-2px)}.book .book_spine li:first-child:after,.book .book_spine li:first-child:before,.book .book_spine li:last-child:after,.book .book_spine li:last-child:before,.book .hardcover_back li:first-child:after,.book .hardcover_back li:first-child:before,.book .hardcover_back li:last-child:after,.book .hardcover_back li:last-child:before,.book .hardcover_front li:first-child:after,.book .hardcover_front li:first-child:before,.book .hardcover_front li:last-child:after,.book .hardcover_front li:last-child:before{left:0;position:absolute;top:0}.book .hardcover_front li:first-child:after,.book .hardcover_front li:first-child:before{height:100%;width:4px}.book .hardcover_front li:first-child:after{transform:rotateY(90deg) translateZ(-2px) translate(2px)}.book .hardcover_front li:first-child:before{transform:rotateY(90deg) translateZ(158px) translate(2px)}.book .hardcover_front li:last-child:after,.book .hardcover_front li:last-child:before{height:160px;width:4px}.book .hardcover_front li:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(80px) translate(-2px) translateY(-78px)}.book .hardcover_front li:last-child:before{box-shadow:0 0 30px 5px #333;transform:rotateX(90deg) rotate(90deg) translateZ(-160px) translate(-2px) translateY(-78px)}.book .hardcover_back li:first-child:after,.book .hardcover_back li:first-child:before{height:100%;width:4px}.book .hardcover_back li:first-child:after{transform:rotateY(90deg) translateZ(-2px) translate(2px)}.book .hardcover_back li:first-child:before{transform:rotateY(90deg) translateZ(158px) translate(2px)}.book .hardcover_back li:last-child:after,.book .hardcover_back li:last-child:before{height:160px;width:4px}.book .hardcover_back li:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(80px) translate(2px) translateY(-78px)}.book .hardcover_back li:last-child:before{box-shadow:10px -1px 80px 20px #666;transform:rotateX(90deg) rotate(90deg) translateZ(-160px) translate(2px) translateY(-78px)}.book .book_spine{transform:rotateY(60deg) translate(-5px) translateZ(-12px);width:16px;z-index:0}.book .book_spine li:first-child{transform:translateZ(2px)}.book .book_spine li:last-child{transform:translateZ(-2px)}.book .book_spine li:first-child:after,.book .book_spine li:first-child:before{height:100%;width:4px}.book .book_spine li:first-child:after{transform:rotateY(90deg) translateZ(-2px) translate(2px)}.book .book_spine li:first-child:before{transform:rotateY(-90deg) translateZ(-12px)}.book .book_spine li:last-child:after,.book .book_spine li:last-child:before{height:16px;width:4px}.book .book_spine li:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(8px) translate(2px) translateY(-6px)}.book .book_spine li:last-child:before{box-shadow:5px -1px 100px 40px #0003;transform:rotateX(90deg) rotate(90deg) translateZ(-230px) translate(2px) translateY(-6px)}.book .page,.book .page>li{left:0;position:absolute;top:0;transform-style:preserve-3d}.book .page{height:98%;left:3%;top:1%;width:100%;z-index:10}.book .page>li{height:100%;transform-origin:left center;transition-property:transform;transition-timing-function:ease;width:100%}.book .page>li,.book .page>li:first-child,.book .page>li:nth-child(2){transition-duration:.6s}.book .page>li:nth-child(3){transition-duration:.4s}.book .page>li:nth-child(4){transition-duration:.5s}.book .page>li:nth-child(5){transition-duration:.6s}.book--animated:hover .hardcover_front{transform:rotateY(-145deg) translateZ(0);z-index:0}.book--animated:hover .page li:first-child{transform:rotateY(-30deg);transition-duration:1.5s}.book--animated:hover .page li:nth-child(2){transform:rotateY(-32deg);transition-duration:1.6s}.book--animated:hover .page li:nth-child(3){transform:rotateY(-35deg);transition-duration:1.8s}.book--animated:hover .page li:nth-child(4){transform:rotateY(-118deg);transition-duration:1.6s}.book--animated:hover .page li:nth-child(5){transform:rotateY(-125deg);transition-duration:1.5s}.book--animated:hover .page li:nth-child(6){transform:rotateY(-132deg);transition-duration:1.4s}.book--animated:hover .page li:nth-child(7){transform:rotateY(-136deg);transition-duration:1.3s}.book--animated:hover .page li:nth-child(8){transform:rotateY(-140deg);transition-duration:1.2s}.book .coverDesign{backface-visibility:hidden;overflow:hidden;z-index:1}.book .coverDesign,.book .coverDesign:after{bottom:0;left:0;position:absolute;right:0;top:0}.book .coverDesign:after{background-image:linear-gradient(-135deg,hsla(0,0%,100%,.25),transparent)}.book-modal-content{background:rgba(var(--v-theme-black-lighten-2));border:1px solid rgba(var(--v-theme-black-lighten-3));max-height:100%;overflow:auto;position:relative}.modal-close-btn{position:sticky;top:0;z-index:1}.modal-close-btn .v-btn{position:absolute;right:2px;top:2px}.book-card__title{-webkit-line-clamp:var(--book-card-num-of-title-lines)}.book-card__description,.book-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.book-card__description{-webkit-line-clamp:var(--book-card-num-of-description-lines)}.book-card__description *{font-weight:400}.book-card__genre{display:-webkit-box;line-height:1.5!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}