.book-grid-block{max-width:100%}.book-grid,.book-grid-block{box-sizing:border-box;width:100%}.book-grid{display:grid;transition:all .24s}.book-grid__item{background:transparent;border-radius:8px;box-shadow:0 1px 6px 0 rgba(32,32,32,.08);flex-direction:column;justify-content:flex-end;overflow:visible;will-change:transform}.book-grid__item,.book-grid__item-imgwrap{align-items:stretch;display:flex;position:relative}.book-grid__item-imgwrap{aspect-ratio:2/3;background:#e6e6e6;border-radius:8px 8px 0 0;justify-content:center;overflow:hidden;width:100%}.book-grid__cover{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s cubic-bezier(.4,0,.2,1);width:100%}.book-grid__item-imgwrap:focus .book-grid__cover,.book-grid__item-imgwrap:hover .book-grid__cover{opacity:.85;transform:scale(1.07)}.book-grid__cover--missing{align-items:center;background:#ddd;color:#656565;display:flex;font-size:1.1em;height:100%;justify-content:center;padding:12px;text-align:center;width:100%}.book-grid__overlay{background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.16) 90%);border-radius:0 0 8px 8px;bottom:0;box-sizing:border-box;display:block;left:0;opacity:1;padding:.4em .6em;position:absolute;transition:opacity .24s;width:100%}.book-grid__caption{color:#fff;display:-webkit-box;font-size:.75em;font-weight:700;letter-spacing:0;-webkit-line-clamp:2;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.32);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}@media(max-width:880px){.book-grid{grid-template-columns:repeat(var(--cols-tablet,2),1fr)!important}}@media(max-width:640px){.book-grid{grid-template-columns:repeat(var(--cols-mobile,1),1fr)!important}}.book-grid__item-imgwrap .book-grid__remove{align-items:center;background:hsla(0,0%,100%,.94);border:none;border-radius:50%;box-shadow:0 1px 6px 0 hsla(0,9%,7%,.2);color:#222;cursor:pointer;display:flex;font-size:1.3em;height:28px;justify-content:center;padding:0;position:absolute;right:7px;top:5px;transition:background .18s,color .18s;width:28px;z-index:5}.book-grid__item-imgwrap .book-grid__remove-x{display:block;font-size:1.12em;font-weight:800;line-height:1;pointer-events:none}.book-grid__item-imgwrap .book-grid__remove:focus,.book-grid__item-imgwrap .book-grid__remove:hover{background:#e66a6a;color:#fff}.aligned-controls,.book-grid__controls{align-items:flex-end;display:flex;gap:10px;margin-bottom:1em}.add-book-title-input{flex:1 1 220px;margin-right:0;min-width:0}.book-grid__placeholder{color:#888;font-style:italic;margin-top:2.5em;text-align:center}.book-grid__caption-input{background:rgba(0,0,0,.04);border:none;color:#fff;font-size:1.08em;padding:0 .1em;width:100%}.book-grid__upload-wrap{align-items:stretch;display:flex;flex-direction:column;gap:.5em;margin-top:14px;width:100%}.book-grid__upload-btn{border-radius:0;box-sizing:border-box;margin-top:6px;width:100%}.book-grid__remove-upload-btn{padding-left:0}.book-grid__details-btn{background:#faffff;border:1.5px solid #5a7491;border-radius:5px;box-sizing:border-box;color:#295f92;margin-top:6px;transition:border .12s,color .12s;width:100%}.book-grid__details-btn:focus,.book-grid__details-btn:hover{background:#e9f3fb;border-color:#21759b;color:#17446d}