.cover[data-v-f3005dc8]{border-radius:3.2%/2%;box-shadow:var(--book-shadow);height:240px;overflow:hidden;position:relative;transition-duration:var(--fast);width:150px}.cover .ribbon[data-v-f3005dc8]{background-color:var(--primary);box-shadow:var(--highlight-shadow);color:var(--off-white);font-size:var(--tiny);font-weight:var(--heavy-weight);left:-3.5rem;letter-spacing:1px;padding:.2rem;position:absolute;text-align:center;text-transform:uppercase;top:2rem;transform:rotate(-45deg);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:200px}.cover .ribbon[data-v-f3005dc8]:after{background:linear-gradient(135deg,#000 15%,transparent 30%)}.cover .ribbon[data-v-f3005dc8]:after,.cover .ribbon[data-v-f3005dc8]:before{content:"";inset:0;position:absolute}.cover .ribbon[data-v-f3005dc8]:before{background:linear-gradient(-135deg,#000 15%,transparent 30%)}.cover .overlay[data-v-f3005dc8]{background:linear-gradient(90deg,rgba(0,0,0,.5) 1%,hsla(0,0%,100%,.5) 2%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 3%,transparent 4%,transparent 5%,hsla(0,0%,100%,.25) 6%,transparent 7%);box-shadow:var(--highlight-shadow);inset:0;position:absolute}.cover[data-v-f3005dc8]:focus:not(.unclickable),.cover[data-v-f3005dc8]:hover:not(.unclickable){box-shadow:var(--book-hover-shadow);outline:none;transform:scale(1.07)}.cover img[data-v-f3005dc8]{height:100%;width:100%}.cover.big[data-v-f3005dc8]{height:480px;width:300px}