body{background-color:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{padding:0 20px;@media (max-width:768px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.header-container{margin-top:20px;position:fixed;transition:margin-top .3s ease;width:calc(100% - 40px);z-index:3;@media (max-width:768px){margin-top:0;position:relative;width:100%}&:before{background:#f5f5f5;content:"";height:100px;left:-20px;position:absolute;top:-50px;width:100vw;z-index:0}}.header{background:linear-gradient(#f0c040,#e08000 50%,#b85000);border-radius:10px 10px 0 0;box-shadow:0 4px 6px #0000001a;color:#fff;padding:2rem;position:relative;text-align:center;transition:all .3s ease;@media (max-width:768px){border-radius:0;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}&:before{background-image:url(/static/media/bubble_overlay.e4958368284c3b0e0016.png);background-position:50%;background-size:10%;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0;@media (max-width:768px){background-size:20%}}}.header h1{font-size:2.5rem;line-height:2.4rem;margin:0;text-shadow:2px 2px 4px #0000004d;transition:font-size .3s ease,line-height .3s ease;@media (max-width:768px){font-size:1.5rem;line-height:1.8rem}}.header h1,.header p{position:relative;z-index:1}.header p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9;transition:font-size .3s ease;@media (max-width:768px){font-size:.8rem}}@media (min-width:769px){.header-container.scrolled{margin-top:0;padding-top:0}.header-container.scrolled .header h1{font-size:1.8rem;line-height:1.7rem}.header-container.scrolled .header p{font-size:.9rem}.header-container.scrolled .header{border-radius:0;padding:1rem 2rem}.header-container.scrolled .controls{padding:1rem}}.controls{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease;@media (max-width:768px){margin-bottom:1rem;padding-bottom:.8rem;padding-left:.8rem;padding-right:.8rem;padding-top:.8rem}.location-select{text-transform:capitalize}}.controls h3{color:#555;margin:0 0 1rem}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.filter-group label{color:#555;font-size:.9rem;gap:.2rem;margin-bottom:.5rem;@media (max-width:768px){font-size:.8rem;margin-bottom:0}}.filter-group-item{display:flex;flex-direction:column;gap:.2rem;margin:0 auto;max-width:calc(50% - .25rem);width:100%;@media (max-width:768px){max-width:100%}}button,select{background:#fff;font-size:1rem;padding:.5rem}button,select{border:2px solid #ddd;border-radius:5px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath fill=%27%23666%27 d=%27M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z%27/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.75rem;color:#666;cursor:pointer;font-size:.8rem;padding-right:2.5rem;transition:all .2s ease-in-out;&:hover{background-color:#f5f5f5}}@media (max-width:768px){select{margin-right:0}}button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;transition:transform .2s}button:hover{box-shadow:0 4px 8px #0003;transition:all .2s ease-in-out}button#updateButton{@media (max-width:768px){margin-top:1rem}}.stats{margin-bottom:2rem;padding:1rem}.loading,.stats{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;text-align:center}.loading{padding:3rem}.beer-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:280px 0 20px;@media (max-width:768px){gap:1rem;padding-bottom:20px;padding-left:15px;padding-right:15px;padding-top:0}}.beer-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s;@media (max-width:768px){box-shadow:0 2px 4px #0000001a;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}}.beer-name{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:.5rem;@media (max-width:768px){font-size:1rem}}.beer-type{color:#666;font-style:italic;margin-bottom:.5rem;@media (max-width:768px){font-size:.8rem}}.beer-description{color:#555;line-height:1.5;@media (max-width:768px){font-size:.8rem}}.beer-meta{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.beer-meta,.rating{align-items:center;display:flex;margin-top:.75rem}.rating{gap:.2rem}.rating-text{color:#999;display:block;font-size:.9rem;margin-top:.35rem;@media (max-width:768px){font-size:.8rem}}.star{color:gold;display:inline-block;font-size:1.2rem;position:relative;@media (max-width:768px){font-size:1rem}}.star.empty{color:#ddd}.star.partial{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold var(--fill),#ddd var(--fill));-webkit-background-clip:text;background-clip:text}.badge{border-radius:20px;font-size:.9rem;font-weight:500;padding:.3rem .8rem;@media (max-width:768px){font-size:.8rem}}.location-badge{background:#e8f4f8;color:#2c5282;margin-right:.5rem;@media (max-width:768px){font-size:.8rem}}.on-tap{background:#c6f6d5;color:#22543d;@media (max-width:768px){font-size:.8rem}}.off-tap{background:#fed7d7;color:#742a2a;@media (max-width:768px){font-size:.8rem}}.error{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:2rem;text-align:center}@media (max-width:768px){.beer-grid{grid-template-columns:1fr}.filter-group{align-items:stretch;flex-direction:column}.header h1{font-size:2rem}}.location-option{text-transform:capitalize}
/*# sourceMappingURL=main.d035cf6b.css.map*/