:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--background-color: #ffcf62;--white: #ffffff;--card-background: #fffef4d1;--text-color: #272727;--accent-color: #c36200;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit;color:var(--accent-color)}a:hover{text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}body *{box-sizing:border-box}h1.site-logo{margin:1rem 0 2rem}h1.site-logo img{max-width:600px;padding:0 1rem}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}#app{max-width:900px;margin:0 auto;padding:2rem 1rem}header.site-header{text-align:center}.price-sort-toggles{display:flex;border-bottom:3px solid var(--accent-color)}.price-sort-toggles button{font-weight:700;color:var(--accent-color)}.price-sort-toggles button.active{background-color:var(--accent-color);color:var(--white)}ul.bar-list{padding:0;list-style:none}ul.bar-list>li{position:relative;display:flex;align-items:center;margin:1rem 0;padding:1.75rem;gap:1rem;background-color:var(--card-background);cursor:pointer;border:4px solid var(--white)}ul.bar-list.happy-hour-view li{padding-top:calc(1.75rem + 14px)}ul.bar-list>li:hover{box-shadow:0 0 7px #0000001c}.bar-list__rating{position:absolute;top:-4px;right:.5rem;max-width:50px}.bar-list__rating img{width:50px;height:auto}header.bar-header{min-width:30%}header.bar-header .bar-list__name{font-size:1.4rem;margin:0}header.bar-header .bar-list__address{font-size:.9rem}.bar-list__info{display:grid;grid-template-columns:150px 100px 100px;gap:1.5rem;white-space:nowrap;margin-left:auto;margin-right:3rem}.bar-list__info h3{margin:0;font-size:.75rem;letter-spacing:.01em;font-weight:400;text-transform:uppercase;color:var(--accent-color)}dialog{border:none;padding:2rem;width:calc(100% - 2rem);max-width:1000px;background:var(--background-color);box-shadow:0 4px 6px #0000001a}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal__content .modal__header{margin-bottom:1rem}.modal__content .modal__header h2{color:var(--accent-color);margin-top:0;margin-bottom:0;font-size:2.5rem}.modal__content .modal__info__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.modal__content .modal__info__container .modal__header__address{font-size:1.1rem}.modal__content .modal__info__container .modal__info:not(.modal__info__extra-info){background-color:var(--card-background);border:4px solid var(--white);padding:1rem;font-size:1.15rem;display:flex;flex-direction:column;justify-content:center}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;width:35px;height:35px;cursor:pointer;padding:0}.close-btn:focus-visible{outline:none}.close-btn:focus-visible img{filter:drop-shadow(0px 0px 3px #00000050)}.close-btn img{width:100%;height:auto}.modal__info__item{margin:.5rem 0}.modal__info__item__label{font-weight:700;color:var(--accent-color)}@media screen and (max-width: 600px){ul.bar-list>li{display:block}.bar-list__info{grid-template-columns:40% 33% 28%;margin-right:0}header.bar-header{margin-bottom:1rem}}@keyframes bubble{0%{transform:translateY(0);opacity:.2}50%{opacity:.3}to{transform:translateY(-100vh);opacity:0}}.bubbles{position:fixed;left:0;bottom:0;width:100%;height:calc(100vh - 50px);z-index:-1}.bubble{position:absolute;animation-name:bubble;animation-iteration-count:infinite;animation-timing-function:linear;background-color:#fff;bottom:-30px;border-radius:10px;height:20px;width:20px}.bubble:nth-child(5n+1){left:10px;left:calc(10px + (var(--index) * 40px));animation-delay:calc(1s * (var(--index) / 4));animation-duration:3s}.bubble:nth-child(5n+2){left:50px;left:calc(50px + (var(--index) * 40px));animation-delay:calc(.7s * (var(--index) / 4));animation-duration:3.3s}.bubble:nth-child(5n+3){left:100px;left:calc(100px + (var(--index) * 40px));animation-delay:calc(1.2s * (var(--index) / 4));animation-duration:3.9s}.bubble:nth-child(5n+4){left:130px;left:calc(130px + (var(--index) * 40px));animation-delay:calc(1.1s * (var(--index) / 4));animation-duration:2.1s}.bubble:nth-child(5n+5){left:170px;left:calc(170px + (var(--index) * 40px));animation-delay:calc(1.3s * (var(--index) / 4));animation-duration:2.4s}.happy-hour-info{position:absolute;top:0;left:0;font-weight:700;background:var(--accent-color);color:var(--white);height:25px;font-size:.85rem;z-index:9;padding:0 .5rem;display:flex;justify-content:center;align-items:center}.happy-hour-info:after{content:"";position:absolute;right:-20px;top:-0;width:0;height:0;border-bottom:25px solid transparent;border-right:10px solid transparent;border-left:10px solid var(--accent-color)}.happy-hour-info.happy-hour-happening-now{background:#6dff6d;color:#000}.happy-hour-info.happy-hour-happening-now:after{border-left:10px solid #6dff6d}.page__main__content{background-color:var(--card-background);cursor:pointer;border:4px solid var(--white);padding:2rem;margin:1rem 0}.page__main__content__title{color:var(--accent-color);margin-top:0;font-size:2.25rem;font-weight:800}footer.site-footer{text-align:center;padding:1rem 0}nav.footer-nav{margin-bottom:1rem;display:flex;justify-content:center;gap:1rem}main.not-found{padding:3rem 0;text-align:center}@media (prefers-reduced-motion){.bubbles{display:none}}@media (prefers-contrast: more){:root{--accent-color: #402107}}.beer-loader__container[data-v-12f0116d]{width:100%;min-height:500px;display:flex;justify-content:center;align-items:center;padding-top:2rem}.beer-loader[data-v-12f0116d]{position:relative}.beer[data-v-12f0116d],.foam[data-v-12f0116d],.small-bubbles[data-v-12f0116d],.drip[data-v-12f0116d]{position:absolute}.foam[data-v-12f0116d],.small-bubbles[data-v-12f0116d],.drip[data-v-12f0116d]{background:#fff}.foam[data-v-12f0116d],.small-bubbles[data-v-12f0116d]{border-radius:100%}.mug[data-v-12f0116d]{position:relative;width:20vmin;height:32vmin;background:#eef5f8;border-radius:2vmin}.mug[data-v-12f0116d]:before,.mug[data-v-12f0116d]:after{position:absolute;content:""}.mug[data-v-12f0116d]:before{z-index:-2;left:12vmin;top:6vmin;width:15vmin;height:17vmin;border-radius:19%;background:#eef5f8}.mug[data-v-12f0116d]:after{z-index:-1;width:12vmin;height:13vmin;top:8vmin;left:13vmin;background:var(--background-color);border-radius:19%}.beer[data-v-12f0116d]{top:2vmin;left:2vmin;width:16vmin;height:28vmin;background:#ffd36d;border-radius:1vmin}.beer[data-v-12f0116d]:before,.beer[data-v-12f0116d]:after{position:absolute;content:"";background:#e6b95b;border-radius:100%}.beer[data-v-12f0116d]:before{animation:4s up-12f0116d infinite;width:2vmin;height:2vmin;bottom:2vmin;left:5vmin;box-shadow:7vmin -15vmin #e6b95b,4vmin -10vmin #e6b95b,6vmin -3vmin #e6b95b}.beer[data-v-12f0116d]:after{animation:4s up-12f0116d infinite;width:1.5vmin;height:1.5vmin;bottom:6vmin;left:7vmin;box-shadow:-3vmin -8vmin #e6b95b,7vmin -5vmin #e6b95b}.foam[data-v-12f0116d]{width:10vmin;height:10vmin;top:-5vmin;left:-3vmin}.foam[data-v-12f0116d]:before,.foam[data-v-12f0116d]:after{position:absolute;content:"";background:#fff;border-radius:100%}.foam[data-v-12f0116d]:before{width:12vmin;height:12vmin;left:5vmin;top:-2vmin}.foam[data-v-12f0116d]:after{width:10vmin;height:10vmin;left:14vmin;top:0vmin}.small-bubbles[data-v-12f0116d]{width:5vmin;height:5vmin;top:-7vmin;left:11vmin}.small-bubbles[data-v-12f0116d]:before,.small-bubbles[data-v-12f0116d]:after{position:absolute;content:"";border-radius:100%;background:#fff}.small-bubbles[data-v-12f0116d]:before{width:3vmin;height:3vmin;top:-6vmin;left:-3vmin}.small-bubbles[data-v-12f0116d]:after{width:3vmin;height:3vmin;top:-8vmin;left:-8vmin}.drip[data-v-12f0116d]{width:5vmin;height:14vmin;top:1vmin;border-radius:100px;left:-2vmin;box-shadow:4vmin -6vmin #fff;animation:6s drip-12f0116d infinite}@keyframes up-12f0116d{0%{transform:translateY(0)}99%{transform:translateY(-70px)}to{opacity:0}}@keyframes drip-12f0116d{0%{transform:translateY(0)}to{height:25vmin}}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}
