*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}canvas,img,picture,svg,video{background-repeat:no-repeat;background-size:cover;font-style:italic;height:auto;max-width:100%;vertical-align:middle}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition:none}}body,html{height:100%;scroll-behavior:smooth}button{background-color:#ccc;color:#1c1917}#root,body,html{align-items:center;background-color:#1c1917;color:#a8a29f;display:flex;flex-direction:column;font-family:Inter,sans-serif;width:100%}.app section{width:100%}.app,.app header{position:relative;width:100%}.app header{background-color:#0000;background:linear-gradient(180deg,#000,#0000);display:flex;height:80px;justify-content:space-between;padding:24px 32px;position:fixed;z-index:110}.app header img{width:24px}.app header #logo{width:80px}.app .brewery-img-wrapper{height:300px;left:0;overflow:hidden;position:absolute;top:0;width:100%}.app .brewery-img{filter:blur(2px);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.app .brewery-img-wrapper:after{background:linear-gradient(0deg,#000,#0000);bottom:0;content:"";height:20%;left:0;position:absolute;width:100%;z-index:101}.app .body{align-items:center;display:flex;flex-direction:column;margin-top:280px;text-align:center;width:100%}.app .body .hero{padding:32px 16px;width:100%}.app .body .hero .beerflight-div{height:auto;position:relative;-webkit-user-select:none;user-select:none;width:100%}.app .body .hero .beerflight-div .beerflight{height:auto;width:100%}.app .body .hero h2{color:#e7e5e4;font-size:2rem;margin:16px 0 0}.app .body .hero p{color:#c2bfbc;font-size:1rem;margin-bottom:4px;margin-top:32px}.app .body .hero .circles-container{flex-wrap:wrap;gap:0 8vw;height:100%;padding:4vw;position:absolute;top:0;width:100%}.app .body .hero .circle,.app .body .hero .circles-container{align-items:center;display:flex;justify-content:center;overflow:hidden}.app .body .hero .circle{aspect-ratio:1/1;background-color:#1c1917;border:1px solid #44403c;border-radius:50%;flex-basis:calc(33.33333% - 9.33333vw);flex-grow:0;flex-shrink:0;font-size:32px}.app .body .hero .circle img{height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.app .body .hero .flight-logo{bottom:30%;position:absolute;right:10%;transform:rotate(-46deg);-webkit-user-select:none;user-select:none;width:14%}.app .body .beers-grid{padding:16px;width:100%}.app .scroll-down-indicator{bottom:20px;font-size:1.5rem;left:50%;pointer-events:none;position:fixed;transition:opacity .5s ease,transform .5s ease}.app .scroll-down-indicator,.app .scroll-down-indicator--hide{opacity:0;transform:translateX(-50%) translateY(20px)}.app .scroll-down-indicator--show{opacity:.8;transform:translateX(-50%) translateY(0)}.app .scroll-down-indicator div{align-items:center;animation:fadeUp 2s ease infinite;animation-delay:.5s;display:flex;flex-direction:column}.app .scroll-down-indicator--hide div{animation:none}.app .scroll-down-indicator span{display:block;font-size:2rem}.app .scroll-down-indicator p{background-color:#a8a29f;border-radius:8px;color:#44403c;padding:4px 8px}@keyframes fadeUp{0%{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translateY(10px)}to{opacity:.5;transform:translate(0)}}.app footer{gap:16px;padding:32px}.app footer,.beer-info{align-items:center;display:flex;flex-direction:column}.beer-info{background-color:#1c1917;height:100%;left:0;position:fixed;top:0;width:100vw;z-index:109}.beer-info__content{align-items:center;display:flex;flex-direction:column;gap:24px;height:calc(100vh - 80px);margin-top:80px;overflow-y:auto;padding:32px;width:100%}.beer-info__content .beer-info__image{border-radius:16px;width:60%}.beer-info__content .beer-info__section{display:flex;flex-direction:column;gap:8px;width:100%}.beer-info__content .beer-info__section .beer-info__name{color:#e7e5e4;font-size:2rem;margin-bottom:8px}.beer-info__content .beer-info__section .beer-info__details{color:#c2bfbc;display:flex;font-weight:600;gap:16px;justify-content:center}.beer-info__content .beer-info__section .beer-info__details .beer-info__type{border-right:2px solid #a8a29f;padding-right:16px}.beer-info__subheading{color:#c2bfbc}.beer-info__paragraph{padding:0 24px}.beer-info__text{align-items:center;display:flex;flex-direction:column;gap:64px;height:100%;text-align:center}.beer-info__details{display:flex;gap:16px}.beer-info__untappd{padding:16px 0 48px}.beer-info__untappd-logo{filter:invert(.8);height:auto;width:24px}.beer-info__close-btn{background-color:#0000;border:none;padding:16px}.beer-info__close-btn img{color:#e7e5e4;width:32px}.beer-select-overlay{align-items:center;background-color:#1c1917;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100vw;z-index:109}.beer-select-overlay .beer-options{margin-top:80px;overflow-y:auto}.beer-select-overlay .close-btn{background-color:#0000;border:none;padding:16px 0}.beer-select-overlay .close-btn img{width:32px}.beerslot{border-bottom:1px solid #44403c;display:flex;gap:32px;padding:16px 32px 32px;position:relative;text-align:start}.beerslot .img-wrapper{aspect-ratio:1/1}.beerslot .img-wrapper,.beerslot .img-wrapper img{border-radius:4px;height:80px}.beerslot .beerslot__text-div{align-items:flex-start;display:flex;flex-direction:column;gap:16px;justify-content:center}.beerslot .beerslot__text-div h3{color:#c2bfbc;font-size:1.25rem}.beerslot .beerslot__text-div .beerslot__beer-text-div{display:flex;gap:16px}.beerslot .beerslot__number{position:absolute;right:16px;top:16px}.beerslot .beerslot__number--hide{display:none}.admin-login{align-items:center;height:calc(100vh - 416px);margin-top:300px;padding:32px;text-align:center}.admin-login,.flight-form{display:flex;flex-direction:column;width:100%}.flight-form{gap:24px;overflow:visible;padding:0 32px}.flight-form__select{display:flex;flex-direction:column;gap:4px}.flight-form__select select{display:block;padding:8px 16px;position:relative;z-index:9999}.flight-form__buttons{display:flex;flex-direction:column;gap:16px;margin-top:16px;width:100%}.flight-form__buttons button{border:1px solid #ccc;border-radius:4px;padding:8px 16px}.flight-form__buttons--reset{background-color:#1c1917;color:#a8a29f}.flight-form input,.flight-form textarea{background-color:#1c1917;border:1px solid #ccc;border-radius:4px;color:#a8a29f;padding:4px 8px}.flight-form input:focus,.flight-form textarea:focus{outline:1px solid #f2f2f2}.custom-dropdown{position:relative;width:100%}.custom-dropdown__select{background-color:#ccc;background-color:#1c1917;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 16px}.custom-dropdown__select--selected{outline:1px solid #f2f2f2}.custom-dropdown__options{background-color:#ccc;border:1px solid #ccc;color:#1c1917;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:1000}.custom-dropdown__options li{cursor:pointer;padding:8px 16px}.custom-dropdown__options li:hover{background-color:#f2f2f2}.admin-dashboard{align-items:center;display:flex;flex-direction:column;gap:64px;margin-top:300px;min-height:calc(100vh - 416px);padding:32px 16px;text-align:center;width:100%}.admin-dashboard__section{display:flex;flex-direction:column;gap:32px}.add-beer{display:flex;flex-direction:column;gap:16px;margin-top:16px;width:100%}.add-beer input,.add-beer textarea{background-color:#1c1917;border:1px solid #ccc;border-radius:4px;color:#a8a29f;padding:8px 16px}.add-beer input:focus,.add-beer textarea:focus{outline:1px solid #f2f2f2}.add-beer button{border:1px solid #ccc;border-radius:4px;margin-top:8px;padding:8px 16px;width:100%}.beer-list{gap:16px;list-style:none}.beer-list,.beer-list__item{display:flex;flex-direction:column}.beer-list__item{align-items:center;border:1px solid #ccc;border-radius:8px;padding:16px}.beer-list .beer-list__item:active .drag-handle{cursor:grabbing}.beer-list__drag-handle{cursor:grab;touch-action:none}.beer-list .dragging{opacity:.5}.beer-list .drag-over{border:2px dashed blue}.beer-list__content{align-items:center;display:flex;justify-content:space-between;width:100%}.beer-list__buttons{align-items:center;display:flex;gap:8px}.beer-list__button{border:1px solid #1c1917;border-radius:4px;padding:8px 16px}.beer-list__button--delete{background-color:#8e2626}.beer-list__edit-dropdown{display:flex;flex-direction:column;gap:16px;margin-top:16px;position:relative;width:100%;z-index:10}.beer-list__edit-dropdown input,.beer-list__edit-dropdown textarea{background-color:#1c1917;border:1px solid #ccc;border-radius:4px;color:#a8a29f;padding:8px 16px}.beer-list__edit-buttons{display:flex;gap:8px;width:100%}.beer-list__edit-buttons button{border:1px solid #ccc;border-radius:4px;margin-top:8px;padding:8px 16px;width:100%}.beer-list__edit-buttons--cancel{background-color:#1c1917;border:1px solid #ccc;color:#a8a29f}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.loading{align-items:center;background-color:#131313;display:flex;height:100vh;justify-content:center;left:0;padding:1em;position:fixed;top:0;width:100vw;z-index:999}.loading .beerflight-div{animation:fadeInUp .8s ease-out both;height:200px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.loading .beerflight-div .beerflight{height:auto;width:100%}.loading .circles-container{flex-wrap:wrap;gap:0 8vw;height:100%;padding:4vw;position:absolute;top:0;width:100%}.loading .circle,.loading .circles-container{align-items:center;display:flex;justify-content:center;overflow:hidden}.loading .circle{animation:pulse 1.5s ease-in-out infinite;animation-delay:calc(.2s*var(--i));aspect-ratio:1/1;background-color:#a8a29f;border:1px solid #44403c;border-radius:50%;flex-basis:calc(33.33333% - 9.33333vw);flex-grow:0;flex-shrink:0;font-size:32px}.loading .circle img{height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.loading .flight-logo{bottom:30%;position:absolute;right:10%;transform:rotate(-46deg);-webkit-user-select:none;user-select:none;width:14%}
/*# sourceMappingURL=main.458a0751.css.map*/