.app__header{position:sticky;top:0;right:0;z-index:100}.app__main{max-width:94rem;margin-inline:auto;padding:.5rem}.header{height:5rem;background-color:#242424;color:#f0f8ff;display:flex;gap:1rem;padding:1rem 4rem;align-items:center}.header__title{display:none}@media (width > 600px){.header__title{display:block}}.logo{height:3rem;color:inherit}.header__menu{display:flex;gap:1rem;align-items:center;margin-left:auto}.header__menu a.active{padding-bottom:2px;border-bottom:1px solid #efdfc0}.book-details{display:flex;flex-direction:column;gap:2rem;max-width:40rem}.book-details__header{display:flex;justify-content:space-between}.book-details__cta{font-size:1.5rem;font-weight:700;border:none;background:none}.search-input{background-color:#f0f8ff;text-align:center;padding:.5rem;margin-bottom:.5rem}.input{--input-border: #242424;font-size:16px;font-size:Max(16px,1em);font-family:inherit;padding:.25em .5em;background-color:#fff;border:2px solid var(--input-border);border-radius:4px}.cards{--minCardWidth: 20rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(var(--minCardWidth),1fr));align-content:stretch;align-items:stretch;justify-content:center}@media (width > 75rem){.cards{--minCardWidth: 24%}}.is-fetching{opacity:.6}.book-card{grid-row:auto / span 4;display:grid;grid-template-rows:subgrid;align-items:start;justify-items:center;border:1px solid black;border-radius:.5rem;padding:.5rem;background-color:#efdfc0;text-align:center}.book-card:hover{box-shadow:0 7px 10px #0003;transition:.3s}.book-card:hover .book-card__cover>img{scale:107%}.book-cover{width:75%}.book-cover img{max-height:20rem;object-fit:contain;width:100%;transition:scale .2s}.book-card__cover{align-self:stretch}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#242424;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul{list-style:none}a{text-decoration:none;color:inherit}
