.title-section{padding-top:2rem}.books{margin-top:3.5rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.book{box-sizing:border-box;height:358px;border-radius:.25rem;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.book-image{flex-shrink:0;width:132px;height:200px}.book-content-metadata{width:100%;display:flex;flex-direction:column;gap:.5rem}.book-titles{width:100%;display:flex;flex-direction:column}.book-progress{display:flex;flex-direction:column;gap:.25rem}.progress-bar-container{width:100%;height:6px;border-radius:.25rem}.progress-bar{height:100%;border-radius:.25rem}.book-buttons{width:100%;display:flex;flex-direction:column;gap:.5rem}.book-button{border:0;border-radius:.25rem;font-size:1rem;height:2rem;cursor:pointer;transition:background-color .2s ease-in-out}@media screen and (min-width:834px){.book{height:136px;flex-direction:row;align-items:start;gap:1rem}.book-image{width:69px;height:104px}.book-buttons{width:fit-content}.book-button{width:118px}}.search-bar-container{padding-top:1rem}.search-bar{box-sizing:border-box;height:32px;display:flex;gap:.5rem;padding-block:.25rem;padding-inline:.5rem;border-radius:.25rem;border-width:1px;border-style:solid}.search-bar-input{border:0;padding:0;height:-webkit-fill-available;height:stretch;font-size:1rem}.search-bar-button{border:0;padding-block:.25rem;padding-inline:.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}@media screen and (min-width:1440px){.search-bar{width:520px}}