:root{--red: #f15156ff;--green: #3ec300ff;--black: #2f2f2fff;--ipa: #d28f37ff;--yellow: #f6f740ff;--text: #e0e0e0;--red-hsl: hsla(358, 85%, 63%, 1);--black-hsl: hsla(0, 0%, 18%, 1);--ipa-hsl: hsla(34, 63%, 52%, 1);--green-hsl: hsla(101, 100%, 38%, 1);--yellow-hsl: hsla(60, 92%, 61%, 1)}html,body{background:var(--black)}#root{max-width:80rem;margin:0 auto;padding:2rem;min-height:100vh;background:var(--black);color:var(--text);width:100%}.app{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.beer-list{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%;min-height:20rem}@media (min-width: 768px){.beer-list{max-width:55vw;margin:0 auto}}.beer-list__header{align-self:center;text-align:center}.beer-list__title{color:var(--ipa)}.beer-list__subtitle{color:var(--text)}.beer-list__subtitle span{color:var(--yellow)}.beer-list__nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.beer-list__nav-item{margin:0}.beer-list__nav-item--active{background-color:var(--ipa);color:#000}.beer-list__items{list-style:none;padding:0;margin:0}.beer-list__toggle-view{margin-top:1rem}.beer-list__price-range-wrapper{display:flex;flex-direction:column}@media (min-width: 768px){.beer-list__price-range-wrapper{flex-direction:row}}.beer-list__price-range{margin-right:.5rem}.beer-list__content{position:relative;transition:opacity .3s ease;min-height:20rem}.beer-list__content--loading{opacity:.6}.beer-list__loading{text-align:center;padding:1rem;font-size:1rem}.beer-list__loading span{display:inline-block;margin:0 .2rem;animation:carry 1.5s ease-in-out infinite}.beer-list__loading span:nth-child(2){animation-delay:.2s}.beer-list__loading span:nth-child(3){animation-delay:.4s}.beer-list__loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;background-color:var(--black);min-height:20rem}h1 span{color:var(--yellow)}.beer-item{width:100%;list-style:none;padding:0;margin:0;margin-bottom:1rem}@media (min-width: 768px){.beer-item{margin-bottom:.5rem}}.beer-link{width:100%}.beer-link__name{margin-left:.5rem;margin-right:.5rem;color:var(--green)}.beer-link__price{color:var(--ipa)}.beer-link__price-per-liter{color:var(--yellow)}.beer-link:hover{background:#ffffff1a}.beer-index{color:var(--ipa)}@keyframes carry{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2px,-3px) rotate(-5deg)}50%{transform:translate(4px,-5px) rotate(0)}75%{transform:translate(2px,-3px) rotate(5deg)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}