.cover-placeholder{width:80%;height:88%;padding:16px 13px;border-radius:3px 8px 8px 3px;background:linear-gradient(125deg,#4d405c,#292333);box-shadow:3px 7px 15px #0005;border-left:4px solid #756082;display:flex;flex-direction:column;justify-content:space-between;color:#ddd0e7;overflow:hidden}.cover-placeholder span{font-size:6px;letter-spacing:1.5px}.cover-placeholder b{font:600 15px/1.4 Manrope,Arial;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.cover-placeholder small{font-size:8px;color:#bbaac6}.cover-placeholder em{font-style:normal;font-size:7px;color:#ae9abf;margin-top:7px}.hero .cover-placeholder{transform:rotate(-7deg);flex-shrink:0}.modal-book .cover-placeholder,.list-row .cover-placeholder{width:75px;height:110px;flex-shrink:0;padding:9px}.modal-book .cover-placeholder b,.list-row .cover-placeholder b{font-size:9px}.modal-book .cover-placeholder span,.list-row .cover-placeholder span{font-size:5px}.list-row .cover-placeholder{width:47px;height:66px;padding:5px}.list-row .cover-placeholder small,.list-row .cover-placeholder em,.list-row .cover-placeholder span{display:none}.list-row .cover-placeholder b{font-size:7px}
@media(max-width:550px){.nav button{width:16.666%;min-width:0}.nav button span{max-width:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.welcome{flex-direction:column;align-items:flex-start;gap:16px}.welcome .btn{font-size:10px}}