.app-container{padding:1rem}.app-info{display:flex;flex-direction:column;align-items:flex-start;list-style:none;margin-bottom:1rem;color:#00f}.buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem}.buttons__prev,.buttons__next{display:flex;align-items:center;text-align:center;justify-content:center;width:2rem;height:1.5rem;cursor:pointer}.buttons__prev:disabled,.buttons__next:disabled{cursor:unset}.search{position:relative;background-color:#eee8aa;height:2rem;border:1px solid;max-width:40rem;margin:0 auto}.search__input{width:100%;height:100%;padding:.2rem 2rem .2rem .5rem;border:0;outline:none}.search__button{position:absolute;top:0;right:0;bottom:0;border:0;background-color:#e9e9e9;padding:0 .5rem;font-size:1rem;cursor:pointer}.search__button:hover{background-color:#d6d6d6}.search-results{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.beer-preview{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;padding:1rem;max-width:40rem;margin:0 auto;transition:scale .2s ease-in-out}.beer-preview:hover{cursor:pointer;background-color:#f8f8f8;scale:1.015}.beer-preview__image{width:6rem;object-fit:contain;align-self:center}.beer-preview__content{display:flex;flex-direction:column;gap:1rem}.beer-preview__title{align-self:flex-start}.beer-preview__description{color:#3e3e3e;text-align:justify}.beer-preview__content-and-button{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}