.cover[data-v-607f908f]{aspect-ratio:1/1.6;border-radius:5px 2px 2px 5px;box-shadow:5px 5px 10px #000000b3;overflow:hidden;position:relative;transition-duration:.25s}.cover .ribbon[data-v-607f908f]{background-color:var(--primary);box-shadow:var(--highlight-shadow);color:var(--off-white);font-size:.75rem;font-weight:900;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-607f908f]:after{background:linear-gradient(135deg,#000 15%,transparent 30%)}.cover .ribbon[data-v-607f908f]:after,.cover .ribbon[data-v-607f908f]:before{content:"";inset:0;position:absolute}.cover .ribbon[data-v-607f908f]:before{background:linear-gradient(-135deg,#000 15%,transparent 30%)}.cover .overlay[data-v-607f908f]{background:var(--book-cover);border-radius:5px 2px 2px 5px;box-shadow:var(--highlight-shadow);inset:0;position:absolute}.cover[data-v-607f908f]:focus:not(.unclickable),.cover[data-v-607f908f]:hover:not(.unclickable){box-shadow:15px 15px 20px #00000080;outline:none;transform:scale(1.07)}.cover.unclickable[data-v-607f908f]{pointer-events:none}.cover.big img[data-v-607f908f]{height:100%;width:100%}