@font-face{font-family:Play;src:url(/assets/Play-Regular-CKeI4xp0.ttf) format("truetype");font-weight:400;font-style:normal}body{background:#f6f6f6;font-family:Play,sans-serif;padding:0 40px}.book-list{margin-top:50px;display:flex;flex-wrap:wrap;gap:22px}.book-list>div{max-width:100px}.shelf-block{display:flex;gap:22px}.template-shelf{gap:5px;display:flex;flex-direction:column;margin-top:30px;min-width:45%;max-width:45%}.template-shelf h3{max-width:80px;width:100%}.template-shelf>div{min-height:90px;max-height:90px;display:flex;align-items:center;background:#fff;border-radius:10px;padding:5px;cursor:pointer;width:100%;box-shadow:2px 2px 10px #cecedd80}.book-item h3,.book-item p{margin:0;font-size:13px}.book-item{display:flex;flex-direction:column;max-width:149px;justify-content:space-between;text-align:center;align-items:center;z-index:99;position:relative}.book-item img{border-radius:7px;width:100px;height:150px}.book-item.in-zone h3{display:none}.books-in-rating{margin-left:15px;display:flex;gap:5px}.book-item.in-zone img{border-radius:3px;width:63px;height:93px}.form-add-book{gap:20px;display:flex;flex-direction:column}.form-add-book .text-input,.form-add-book .number-input{box-shadow:4px 4px 20px #cecedd80;border:unset;border-radius:5px}.form-add-book input{margin-left:10px}.book-item.in-zone p{position:absolute;display:block;bottom:10px;font-size:11px}.book-item.in-zone:before{content:"";width:100%;height:30px;background:#fff;position:absolute;bottom:0;opacity:.8}.book-container{position:relative}.book-container .remove-btn{position:absolute;top:3px;right:3px;width:15px;height:15px;opacity:0}.book-container:hover .remove-btn{opacity:1;z-index:99}.book-list .book-item-wrapper{position:relative;cursor:pointer}.book-list .book-item-wrapper .remove-btn{display:none;position:absolute;top:5px;right:5px;z-index:99}.book-list .book-item-wrapper:hover .remove-btn{display:block}