#bookshelf-wrapper{user-select:none}#bookcase{color:#fff;margin:auto;width:440px}#shelf{position:relative;width:100%;height:340px}.card{position:absolute;width:95px;height:145px;border-radius:12px;border-bottom:1px solid rgba(255,255,225,.4);overflow:hidden;background-size:cover;background-position:center;transition:.35s ease;cursor:zoom-in;box-shadow:0 8px 20px rgba(0,0,0,.35)}.left-stack .top-card.card:hover{transform:translateX(10px)}.right-stack .top-card.card:hover{transform:translateX(-10px)}.left-stack .card:hover{transform:translateY(15px) translateX(10px)}.right-stack .card:hover{transform:translateY(15px) translateX(-10px)}.card.active{width:180px;height:260px;left:50%;top:30px;transform:translateX(-50%);z-index:500;cursor:pointer}.read-link{position:absolute;width:180px;text-align:center;left:calc(50% - 90px);top:5px}.card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.8))}.counter{color:#444;position:relative;top:305px;text-align:center}.label{position:absolute;bottom:10px;left:1px;z-index:2}.label div{text-align:left}.month{font-size:14px;font-weight:700}.year{font-size:18px;font-weight:700}.issue{font-size:12px}.issue-navigation{margin:auto}.issue-navigation input{width:60px;display:inline-block}.issue-navigation .sc-btn{padding-top:6px;padding-bottom:5px;top:-2px}