.cover[data-v-a805b5c4]{border-radius:3.2%/2%;box-shadow:var(--book-shadow);height:240px;overflow:hidden;position:relative;transition-duration:.25s;width:150px}.cover .ribbon[data-v-a805b5c4]{background-color:var(--primary);box-shadow:var(--highlight-shadow);color:var(--off-white);font-size:.75rem;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-a805b5c4]:after{background:linear-gradient(135deg,#000 15%,transparent 30%)}.cover .ribbon[data-v-a805b5c4]:after,.cover .ribbon[data-v-a805b5c4]:before{content:"";inset:0;position:absolute}.cover .ribbon[data-v-a805b5c4]:before{background:linear-gradient(-135deg,#000 15%,transparent 30%)}.cover .overlay[data-v-a805b5c4]{background:var(--book-cover);box-shadow:var(--highlight-shadow);inset:0;position:absolute}.cover[data-v-a805b5c4]:focus:not(.unclickable),.cover[data-v-a805b5c4]:hover:not(.unclickable){box-shadow:var(--book-hover-shadow);outline:none;transform:scale(1.07)}.cover img[data-v-a805b5c4]{height:100%;width:100%}.cover.big[data-v-a805b5c4]{height:480px;width:300px}