body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--purple: #1F2154;--purple-secondary: #151639;--purple-highlight: #282b6c;--pink: #f59dba;--pink-secondary: #d387a0;--pink-highlight: #f3b3c8}a{transition:color .2s ease}[data-theme=dark] a,a{color:orange}[data-theme=dark] a:visited,a:visited,[data-theme=dark] a:hover,a:hover,[data-theme=dark] a:active,a:active{color:#ff8c00}[data-theme=light] a{color:#007bff}[data-theme=light] a:visited,[data-theme=light] a:hover,[data-theme=light] a:active{color:#004fac}body{background-color:var(--bg-color);color:var(--text-color);-webkit-tap-highlight-color:transparent;padding:0;margin:0}.App,.home{background-color:var(--bg-color);display:inline-block;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;height:100svh;width:100svw;max-width:100%;overflow-x:hidden}.home{text-align:center}.test{display:flex;flex-direction:column;align-items:center;justify-content:center}.beerLogo{width:400px;height:400px}::-webkit-scrollbar{display:none;width:12px;transition:.2s}::-webkit-scrollbar-track{background:#f1f1f1;transition:.2s}::-webkit-scrollbar-thumb{background:#d95690;transition:.2s}::-webkit-scrollbar-thumb:hover{background:#943b63;transition:.2s}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@font-face{font-family:BelyDisplay;src:url(/assets/BelyDisplayRegular-DYppkUHw.otf) format("opentype")}@font-face{font-family:Bely;src:url(/assets/BelyRegular-CBW40lfy.otf) format("opentype")}@font-face{font-family:Bely;font-weight:700;src:url(/assets/BelyBold-CYeLcIA9.otf) format("opentype")}@font-face{font-family:Bely;font-style:italic;src:url(/assets/BelyItalic-B7drjloB.otf) format("opentype")}@font-face{font-family:Bely;font-weight:700;font-style:italic;src:url(/assets/BelyBoldItalic-DY42_aMd.otf) format("opentype")}@font-face{font-family:Franxurter;src:url(/assets/FranxurterTotallyFat-DJrRSg8H.ttf) format("truetype")}@font-face{font-family:Franxurter;font-weight:700;src:url(/assets/FranxurterTotallyFat-DJrRSg8H.ttf) format("truetype")}:root{--bg-color: var(--purple);--text-color: var(--pink);--text-color-secondary: var(--pink-secondary);--text-highlight: var(--pink-highlight);--social-filter: invert(85%) sepia(61%) saturate(1626%) hue-rotate(285deg) brightness(96%) contrast(100%)}[data-theme=light]{--bg-color: var(--pink);--text-color: var(--purple);--text-color-secondary: var(--purple-secondary);--text-highlight: var(--purple-highlight);--social-filter: invert(18%) sepia(10%) saturate(3851%) hue-rotate(199deg) brightness(89%) contrast(105%)}.landingContainer{display:flex;max-width:100%;flex-direction:column;align-items:center;justify-content:center;background:none;width:100vw;height:100svh;z-index:999;overflow:hidden;cursor:pointer;border:100px solid var(--bg-color);box-sizing:border-box}.landingImg{margin-top:-10px;overflow:hidden;width:100vw;height:inherit;object-fit:cover}.homeContainer{max-width:100%;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}h1{margin-top:75px;margin-bottom:50px;font-size:5rem;color:var(--text-color);font-family:Franxurter,sans-serif;font-weight:700;text-transform:uppercase;line-height:55px}.wallContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.mainContent{background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease}.eventsTitle{margin-top:50px}.mapText{color:var(--text-color);font-size:1.1rem}.landingContainer svg,.landingImg{height:auto;width:90%;max-width:100vw;max-height:calc(100svh - 200px);padding:20px;box-sizing:border-box}.landingSectionContainer{position:relative;width:100vw;height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column}.landingSectionContainer img,.logoSpin{height:65svh;max-width:90vw}.landingSectionContainer img.animate,.logoSpin.animate{animation:moveUp .8s ease-in-out forwards}.slick-dots li button:before{color:var(--text-color)!important}.fridgeListBtn{position:absolute;right:60px;margin-top:-280px}@keyframes moveUp{0%{margin-bottom:0}to{margin-bottom:150px}}.themeToggleBtn{background:none;border:1px solid var(--text-color);color:var(--text-color);padding:5px 10px;border-radius:15px;cursor:pointer;font-family:inherit;font-size:.8rem;margin-top:25px;transition:all .3s ease}.themeToggleBtn:hover{background-color:var(--text-color);color:var(--bg-color)}@media screen and (max-width:640px){h1{font-size:4.5rem;margin-top:50px;margin-bottom:25px}.eventsTitle{margin-top:25px}.landingImg{height:100svh!important;object-fit:cover;margin-top:-30px}.landingAnim{opacity:0;animation:slideUp 1s ease-in}@keyframes slideUp{0%{opacity:1;margin-top:0}80%{opacity:1}to{opacity:0;margin-top:-500%}}behold-widget{padding:20px 20px 0}.landingContainer{border:25px solid var(--bg-color)}.landingContainer svg{height:100svh;width:auto;max-width:100vw;max-height:100svh;padding:20px;box-sizing:border-box}.fridgeListBtn{position:relative;left:30px;right:auto;bottom:10px}@keyframes moveUp{0%{margin-bottom:0}to{margin-bottom:50px}}.landingContainer svg,.landingImg{width:100%;padding:0}}@media screen and (max-width:1400px)and (min-width:640px){.landingImg{object-fit:cover!important}h1{margin-top:35px}.eventsTitle{margin-top:25px}.logoSpin{max-width:600px}}.beerCardContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;cursor:pointer;pointer-events:visiblePainted;transition:opacity .5s ease;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.beerCardWrapper{will-change:transform}.beerCardInnerContainer{display:flex;flex-direction:column;justify-content:space-between;border:var(--text-color) calc(11vh / 15) solid;border-radius:25px;background-color:var(--bg-color);width:16vw;min-width:350px;height:fit-content;max-height:70svh;cursor:auto;padding:25px;overflow-y:auto;transform-style:preserve-3d;will-change:transform}.beerCardName{margin-top:0;margin-bottom:0;line-height:normal;text-align:start;width:100%;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.beerCardCloseButton,.tiltButton{font-size:1rem;color:var(--bg-color);border:none;border-radius:16px;background-color:var(--text-color);font-weight:700;cursor:pointer;padding:10px 15px 9px;font-family:Franxurter,sans-serif;position:absolute;width:fit-content;transition:.2s;text-transform:uppercase;z-index:10}.beerCardCloseButton{top:5px;right:5px}.beerCardCloseButton:hover{background-color:var(--text-highlight);transition:.2s}.tiltButton{position:absolute;top:5px;left:5px}.beerCardImg{object-fit:cover;aspect-ratio:1;margin:0 25px 25px;width:calc(100% - 50px);max-width:250px;border-radius:50%;transform:translateZ(40px)}.beerCardBrewery,.beerCardInfo{font-family:Franxurter,sans-serif}.beerCardBrewery{font-weight:700;font-size:1.5rem;margin-bottom:5px}.beerCardBreweryLocation{margin-top:10px}.beerCardDescription{text-align:start;margin-top:20px;margin-bottom:20px;font-family:Bely,serif}.beerCardInfo{display:flex;flex-direction:row;justify-content:space-between}.beerCardName,.beerCardBrewery,.beerCardDescription,.beerCardInfo{transform:translateZ(20px)}.untappdBtn{font-size:1.25rem;border-radius:10px;font-family:Franxurter,"sans-serif";padding:10px;width:100%;margin-top:20px;color:#000;background-color:#ffc000;transition:.3s;border:#c99600 2px solid}.untappdBtn:hover{cursor:pointer;transition:.3s;background-color:#dea200}@media screen and (max-width:640px){.beerCardInnerContainer{width:70vw;min-width:0}.beerCardInnerContainer h1{margin-top:10px}}@media screen and (max-width:1200px)and (min-width:640px){.beerCardInnerContainer{width:26vw}}.banner{font-family:Bely;border-bottom:1px solid var(--text-color);cursor:default;position:fixed;padding:10px;height:40px;width:calc(100vw - 20px);background:var(--bg-color);z-index:5;display:flex;justify-content:center;align-items:center;top:-75px;overflow:hidden;white-space:nowrap!important}.banner-logo{height:40px;width:auto;flex-shrink:0;position:absolute;left:10px;z-index:10;background:var(--bg-color);cursor:pointer}.banner-content{flex-grow:1;overflow:hidden;position:relative;height:100%;width:100%;display:flex;align-items:center;white-space:nowrap!important;mask-image:linear-gradient(to right,transparent,black 60px,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 60px,black 95%,transparent);touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.static-content{width:100%;text-align:center;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.banner span{text-decoration:none;font-style:oblique;font-size:1.25rem;transition:.3s;white-space:nowrap!important}.banner-link{text-decoration:none;cursor:pointer;display:inline-block;white-space:nowrap!important}.banner-link:hover span{color:var(--text-highlight);text-decoration:underline;transition:.3s}.marquee-container{width:100%;overflow:hidden;white-space:nowrap!important}.marquee-content{display:inline-block;white-space:nowrap!important}.marquee-separator{margin:0 10px}@keyframes appear{0%{top:-75px}to{top:0}}@keyframes disappear{0%{top:0}to{top:-75px}}.bannerCircle{height:40px!important;width:40px!important}@media screen and (max-width:640px){.banner,.banner-logo{height:30px}.banner span{font-size:1rem}}.quizDialogContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;cursor:pointer;pointer-events:visiblePainted;transition:opacity .5s ease;touch-action:none;overscroll-behavior:none}.quizDialogInnerContainer{position:relative;overflow-x:hidden;display:block;margin-top:0;border:4px var(--text-color) solid;border-radius:25px;background-color:var(--bg-color);width:50svw;max-width:650px;height:100%;max-height:85svh;cursor:auto;transition:transform .5s ease;overflow-y:auto;touch-action:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.quizBookingSection{align-items:center;position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding-top:35px;padding-bottom:35px;box-sizing:border-box;height:100%!important;width:100%;top:0;left:0;transition:translate .5s;overflow-y:auto;-webkit-overflow-scrolling:touch}.calendarBtn{font-family:Franxurter,sans-serif;font-size:2rem!important}.googleCal{background-color:#1f87fc!important}.iCal{background-color:#8c8c8c!important}.otherCal{background-color:#3f3f3f!important}.calendarBtnContainer{justify-content:center;display:flex;flex-direction:row;align-items:center;gap:10px}@media screen and (max-width:640px){.quizDialogInnerContainer{width:90svw;max-height:90svh}}@media screen and (max-width:1400px)and (min-width:640px){.quizDialogInnerContainer{width:75svw}}.quizDialogInnerContainer h1{font-size:50px;margin-top:0;margin-bottom:0}.quizFieldsContainer{width:86%;display:flex;flex-direction:column;align-items:center}.quizFieldsContainer input,.quizFieldsContainer select{font-size:18px;font-family:Bely,sans-serif;border:grey 1px solid;border-radius:5px;padding:10px;width:100%;margin:10px;box-sizing:border-box;z-index:2}option[value=""][disabled],option[value="0"][disabled]{display:none}.quizBtn{box-sizing:border-box;font-family:Franxurter,sans-serif;font-size:24px!important;width:86%!important;margin-top:10px;padding:10px!important}.quizBtn:disabled,.quizBtn:disabled:hover{background-color:gray;cursor:not-allowed}.quizBtnContainer{display:flex;justify-content:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%}.contactQuiz{width:86%;text-align:center;color:var(--text-color-secondary);font-style:oblique;margin-top:15px;font-size:18px!important;font-family:Bely,sans-serif}.bookAnotherContainer{align-items:center;font-size:20px!important;font-family:Bely,sans-serif;padding:15px 0;gap:10px;font-style:oblique;display:flex;flex-direction:column}.bookAnotherContainer div{display:flex;flex-direction:row;gap:10px}.bookAnotherBtn{line-height:10px;text-align:center;display:flex;align-items:center;justify-content:center;width:fit-content;height:35px;font-size:22px!important;font-family:Franxurter,sans-serif;padding:13px 10px 10px!important;margin:0!important}.bookAnotherPlus{background-color:var(--text-highlight)!important;transition:.2s}.bookAnotherPlus:disabled{background-color:#707070!important;transition:.2s}.bookAnotherMinus{background-color:#da3838!important}.bookAnotherMinus:disabled{background-color:#707070!important;transition:.2s}.soldOutMessage{font-size:18px;font-family:Bely,sans-serif}.quizInputLabel{font-weight:700;opacity:65%;font-family:Bely,sans-serif;font-size:16px;margin-top:7px;margin-left:10px;margin-bottom:-5px;width:100%;text-align:start}.quizInputLabel:first-of-type{margin-top:0}@media screen and (max-width:640px){.quizBtnContainer{display:flex;flex-direction:column;align-items:center;width:100%}.quizDialogInnerContainer h1{font-size:2.3rem}.quizFieldsContainer input,.quizFieldsContainer select,.quizBtnContainer{-webkit-appearance:none;font-size:1.2rem!important}.quizInputLabel{font-size:1rem!important}.quizBtn{font-size:1.5rem!important}.contactQuiz,.soldOutMessage{font-size:1.2rem!important}.bookAnotherContainer{font-size:1.3rem!important}}@media screen and (max-width:1400px)and (min-width:640px){.bookingDetailsContainer{font-size:1.5rem}}.loading-svg{width:100px;height:100px;display:block;margin:auto}.loading-glass-outline{fill:none;stroke:var(--text-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:5.51px}.loading-liquid-fill{fill:#db9123;stroke-width:0px}@keyframes loading-fill-animation{0%{height:75%}50%{height:0%}to{height:75%}}#loading-filling-rect{animation:loading-fill-animation 2s ease-in-out infinite}@keyframes loading-spin{0%{transform:rotate(180deg)}to{transform:rotate(540deg)}}#loading-c{transform-origin:65px 65px;animation:loading-spin 2s linear infinite}.bookingSuccessContainer{width:86%}.quizSuccessImg{max-width:450px!important;width:45%;height:auto}.quizBottomImg{margin:20px 0;width:60%;max-width:550px}.bookingDetailsMessage h3{margin-bottom:10px;margin-top:0}.bookingDetailsMessage .message{margin-bottom:20px}.bookingHighlight{font-size:1.2em;margin:20px 0;text-align:center;line-height:1.5}.small-text{font-size:.9em;opacity:.8;margin-bottom:10px!important}.actionsContainer{display:flex;flex-direction:column;gap:20px;margin-top:20px}.actionGroup{padding:10px;border-top:1px solid rgba(255,255,255,.1)}.actionGroup:first-child{border-top:none}.actionGroup p{margin-bottom:15px;font-size:.95em}@media screen and (max-width:640px){.quizSuccessImg{max-width:215px!important}}.quizConfirmBottomContainer{align-items:center;display:flex;justify-content:center;flex-direction:column;width:100%;gap:15px}.quizConfirmBtnContainer{display:flex;justify-content:center;flex-direction:row;width:86%;gap:15px}.quizConfirmBtnContainer button{width:100%}.bookingDetailsMessage{text-align:center;font-size:1.5rem;font-family:Bely,sans-serif}.detailsContainer{justify-content:space-between;display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}.bookingDetailsContainer{display:flex;flex-direction:column;align-items:start;font-size:1.7rem!important;font-family:Bely,sans-serif}.bookingDetailsInnerContainer{gap:25px;justify-content:center;align-items:center;display:flex;flex-direction:column;width:86%}.loadingConfirmContainer{z-index:10;margin-top:-35px;padding-bottom:95px;width:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;height:100%}@media screen and (max-width:640px){.quizBottomImg{width:80%!important}.bookingDetailsMessage,.bookingDetailsContainer{font-size:1.25rem!important}}.clipboard-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;transition:background-color .5s ease,backdrop-filter .5s ease}.clipboard-overlay.open{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.clipboard-container{position:relative;width:auto;max-width:500px;display:flex;justify-content:center;align-items:center;transform:translateY(150vh) rotate(0);transition:transform .6s cubic-bezier(.22,1,.36,1)}.clipboard-overlay.open .clipboard-container{transform:translateY(0) rotate(-4deg)}.clipboard-board{display:block;max-width:90vw;max-height:85dvh;width:auto;height:auto}.clipboard-paper{position:absolute;width:90%;height:93%;background-color:#fdfbf7;box-shadow:0 2px 5px #0000001a;z-index:1;padding:20px;box-sizing:border-box;overflow-y:auto;font-family:Courier New,Courier,monospace;color:#333}.clipboard-clip{position:absolute;top:-8%;left:50%;transform:translate(-50%);width:45%;z-index:2;pointer-events:none;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.3))}.clipboard-list{display:flex;flex-direction:column;gap:15px;padding-top:10px}.clipboard-item{border-bottom:1px dashed #ccc;padding-bottom:5px;display:flex;flex-direction:column}.clipboard-item:last-child{border-bottom:none}.clipboard-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px}.clipboard-beer-name{font-weight:700;font-size:1.1em;text-align:left;flex:1;margin-right:10px}.clipboard-beer-abv{font-weight:700;font-size:.9em;text-align:right;white-space:nowrap}.clipboard-item-details{display:flex;justify-content:space-between;align-items:flex-start;font-size:.85em;color:#555}.clipboard-beer-brewery{font-style:italic;text-align:left;flex:1;margin-right:10px}.clipboard-beer-style{text-transform:uppercase;font-size:.75em;text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}.clipboard-filter-container{display:flex;justify-content:flex-end;margin-bottom:10px;margin-top:25px}.clipboard-filter-select{background:transparent;border:1px solid #333;font-family:Courier New,Courier,monospace;font-size:.9em;padding:2px 5px;cursor:pointer;outline:none;border-radius:0}@media(max-width:640px){.clipboard-overlay.open .clipboard-container{transform:translateY(0) rotate(0)}}.circle-button-container{position:relative;width:200px;height:200px;border-radius:50%;background-color:var(--text-color);display:flex;justify-content:center;align-items:center;transition:transform .3s ease;box-shadow:0 4px 6px #0000001a;z-index:10;-webkit-user-select:none;user-select:none;aspect-ratio:1/1}.circle-button-container.absolute{position:absolute}.circle-button-container.align-left{left:240px}.circle-button-container.align-right{right:210px}.circle-button-container.align-middle{left:0;right:0;margin-left:auto;margin-right:auto}.circle-button-container.align-top{top:0}.circle-button-container.align-bottom{bottom:0}.circle-button-container.align-start{left:0}.circle-button-container.align-end{right:0}.circle-button-container.align-top.align-left{left:240px}.circle-button-container.align-top.align-right{right:210px}.circle-button-container.align-bottom.align-left{left:210px}.circle-button-container.align-bottom.align-right{right:210px}.circle-button-container.is-button{cursor:pointer}@media(hover:hover){.circle-button-container.is-button:hover{transform:scale(1.05)}}.circle-button-container.is-button:active{transform:scale(1.05)}.circle-button-container.is-heading{cursor:default}.circle-text-svg{position:absolute;width:100%;height:100%;animation:rotateText 30s linear infinite;pointer-events:none}.circle-text-path{fill:transparent}.circle-text{font-family:Franxurter,serif;fill:var(--bg-color);z-index:2;letter-spacing:0px;pointer-events:none}.circle-icon{font-size:24px;display:flex;justify-content:center;align-items:center;height:inherit}@keyframes rotateText{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:640px){.circle-button-container{width:100px;height:100px}.circle-button-container.align-left{left:25px}.circle-button-container.align-right{right:25px}.circle-button-container.align-top.align-left{left:25px}.circle-button-container.align-top.align-right{right:25px}.circle-button-container.align-bottom.align-left{left:25px}.circle-button-container.align-bottom.align-right{right:25px}}@media screen and (max-width:1400px)and (min-width:640px){.circle-button-container{width:150px;height:150px}.circle-button-container.align-left{left:150px}.circle-button-container.align-right{right:150px}.circle-button-container.align-top.align-left{left:150px}.circle-button-container.align-top.align-right{right:150px}.circle-button-container.align-bottom.align-left{left:150px}.circle-button-container.align-bottom.align-right{right:150px}}.logo-lines{transform-origin:630px 396px;animation:rotate 5s linear infinite}.logo-hands{transform:translateY(800px);clip-path:url(#circle-mask);animation:riseUp 2s ease-out forwards 2s}@keyframes rotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes riseUp{0%{transform:translateY(900px)}to{transform:translateY(10px)}}.modalContent.colourPickerContent{background:#fff;padding:25px;border-radius:12px;width:auto;min-width:300px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;align-items:center}.colourPickerContent h3{margin-top:0;margin-bottom:20px;color:#111827;align-self:flex-start}.pickerWrapper{margin-bottom:20px}.sketch-picker{box-shadow:none!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:10px!important}.modalActions{display:flex;justify-content:flex-end;gap:10px;width:100%}@media screen and (max-width:640px){.sketch-picker{width:80vw!important}}.buttonContainer{display:flex;flex-direction:row;justify-content:space-between;position:absolute;bottom:65px;z-index:10;width:100%;max-width:600px}.landingButton{width:25%;height:auto;aspect-ratio:1/1;transform:scale(0)}.buttonContainer.animate .landingButton{animation:bounceIn .8s ease-out forwards}.buttonContainer.animate .landingButton:nth-child(1){animation-delay:.1s}.buttonContainer.animate .landingButton:nth-child(2){animation-delay:.3s}.buttonContainer.animate .landingButton:nth-child(3){animation-delay:.5s}@keyframes bounceIn{0%{transform:scale(0)}70%{transform:scale(.95)}to{transform:scale(1)}}@media screen and (max-width:640px){.buttonContainer{width:85vw;bottom:50px}.landingButton{width:30%;height:auto;aspect-ratio:1/1}}@media screen and (max-width:1400px)and (min-width:640px){.buttonContainer{width:45vh;min-width:400px}.landingButton{width:28%}}.socialsContainer{width:75vw;max-width:1250px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:100px;padding-bottom:40px}.socialImg{display:flex;justify-content:center;align-items:center;transition:.2s;cursor:pointer;height:100%;aspect-ratio:1 / 1;border-radius:50%;scale:1}.socialImg svg{width:100%;height:100%}.socialImg:hover{scale:1.05}.socialImg.padded,.socialImg.icon{padding:20px;box-sizing:border-box}.socialImg.icon.tiktok{padding:21px}.socialImg.icon.x{padding:23px}.socialImg.icon{background-color:var(--text-color)}@media screen and (max-width:640px){.socialsContainer{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;height:60px;padding-bottom:20px}.socialImg.padded,.socialImg.icon{padding:10px;box-sizing:border-box}.socialImg.icon.tiktok{padding:14px}.socialImg.icon.x{padding:15px}}@media screen and (max-width:1400px)and (min-width:640px){.socialsContainer{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;height:75px;padding-bottom:30px}.socialImg{max-height:100px}}.contactUs{font-size:1.5rem;padding:10px;font-family:Bely,serif;color:var(--text-color)}.footer{bottom:0;font-size:1rem;padding:30px 30px 20px;font-family:Bely,serif}.footerLink{transition:color .2s ease}.footerDocsContainer{padding-top:5px;display:flex;flex-direction:row;align-items:center;justify-content:center}.leftText{flex:1 1;margin-right:auto;text-align:right}.middleText{margin:0 1rem}.rightText{flex:1 1;margin-left:auto;text-align:left}@media screen and (max-width:640px){.footer{font-size:.85rem;padding:10px 5px;font-family:Bely,serif}.footerDocsContainer{padding-top:0}.middleText{margin:0 .5rem}}@media screen and (max-width:1400px)and (min-width:640px){.footer{padding:30px 30px 20px;font-family:Bely,serif}.footerDocsContainer{padding-top:0}}.craftBeerMap{width:65vw;border-radius:25px}@keyframes map-dash-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-80}}@keyframes box-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hover-padding-bg,.hover-padding-border{transform-origin:center;transform-box:fill-box;animation:box-enter .3s cubic-bezier(.175,.885,.32,1.275) forwards}.hover-padding-border{animation:map-dash-animation 1.5s linear infinite,box-enter .3s cubic-bezier(.175,.885,.32,1.275) forwards}g[id$=-pin]{transition:transform .3s ease-in-out;transform-origin:center;transform-box:fill-box;cursor:pointer}.pin-hover-scale{transform:scale(1.05)}.map-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fade-in .2s ease-out}.map-modal-content{background-color:var(--bg-color, #ffffff);color:var(--text-color, #000000);padding:30px 40px;border-radius:15px;border:2px solid var(--text-color, #000000);box-shadow:0 15px 30px #0000004d;text-align:center;max-width:90%;animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275)}.map-modal-content p{font-family:Bely;font-size:1.2rem;margin-bottom:25px;margin-top:0;font-weight:500}.map-modal-actions{display:flex;justify-content:center;gap:15px}.map-modal-btn{text-transform:uppercase;font-family:Franxurter;padding:10px 24px;border-radius:10px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.map-modal-btn.cancel{background-color:transparent;color:var(--text-color, #000000);border:2px solid var(--text-color, #000000)}.map-modal-btn.proceed{background-color:var(--text-color, #000000);color:var(--bg-color, #ffffff);border:2px solid var(--text-color, #000000)}.map-wrapper{position:relative;width:100%;transition:background-color .3s ease}.map-wrapper.is-expanded{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:8000;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center}.map-wrapper.is-expanded .craftBeerMap{border-radius:0}.map-wrapper.is-expanded svg{width:250vw;min-width:750px;height:auto;margin:auto}.map-close-btn{text-transform:uppercase;font-family:Franxurter;position:fixed;top:65px;right:15px;z-index:8001;background-color:var(--text-color, #000);color:var(--bg-color, #fff);border:none;padding:10px 20px;border-radius:20px;font-weight:700;font-size:1.25rem;box-shadow:0 4px 10px #0000004d;animation:fade-in .3s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media screen and (max-width:640px){.craftBeerMap{width:90vw}.map-modal-content{width:60vw}}@media screen and (max-width:1400px)and (min-width:640px){.craftBeerMap{width:70vw}}.redirect-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:modal-fade-in .2s ease-out}.redirect-modal-content{background-color:var(--bg-color, #ffffff);color:var(--text-color, #000000);padding:30px 40px;border-radius:15px;border:2px solid var(--text-color, #000000);text-align:center;max-width:calc(90vw - 80px);animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275)}.redirect-modal-content a{line-break:anywhere}.redirect-modal-content p{font-family:Bely;font-size:1.2rem;margin-bottom:25px;margin-top:0;font-weight:500}.redirect-modal-actions{display:flex;justify-content:center;gap:15px}.redirect-modal-btn{text-transform:uppercase;font-family:Franxurter;padding:10px 24px;border-radius:10px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.redirect-modal-btn.cancel{background-color:transparent;color:var(--text-color, #000000);border:2px solid var(--text-color, #000000)}.redirect-modal-btn.proceed{background-color:var(--text-color, #000000);color:var(--bg-color, #ffffff);border:2px solid var(--text-color, #000000)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dsar-open-btn{background-color:#333!important;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:10px;transition:background-color .2s}.dsar-open-btn:hover{background-color:#555!important}.dsar-form-container{color:#000;background-color:#f9f9f9!important;border:1px solid #ddd;padding:20px;border-radius:8px;margin-top:20px;max-width:600px}.dsar-form-container h3{margin-top:0}.dsar-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.dsar-submit-btn{background-color:#2ecc71!important;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.dsar-submit-btn:disabled{background-color:#95a5a6!important;cursor:not-allowed}.dsar-cancel-btn{background-color:transparent!important;color:#7f8c8d;border:1px solid #ccc;padding:10px 20px;border-radius:4px;cursor:pointer}.dsar-cancel-btn:hover{background-color:#eee!important}.dsar-success-message{text-align:center;padding:20px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.dsar-close-btn{background-color:#155724!important;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.error-text{color:#e74c3c;font-size:.9rem}.craftBeerContainer{width:100vw;display:flex;flex-direction:row;justify-content:space-evenly;padding-top:45px;padding-bottom:25px}.craftBeerContainer img{width:40%;cursor:pointer;filter:brightness(1);transition:.2s;border-radius:10px}.craftBeerContainer img:hover{cursor:pointer;filter:brightness(.9);transition:.2s}.craftBeerText{margin-top:-15px;font-family:Bely,serif;font-size:1.5rem}.craftBeerOuterContainer{width:100vw;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;position:relative;margin-bottom:15px}@media screen and (max-device-width:640px){.craftBeerContainer{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:0}.craftBeerContainer img{margin-bottom:20px;width:inherit;height:auto}.craftBeerText{margin-top:15px;font-size:1.2rem}.craftBeerOuterContainer{margin-top:10px}}@media screen and (max-device-width:1400px)and (min-device-width:640px){.craftBeerContainer{width:100%;padding-bottom:35px}}.eventsContainer{width:90svw;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;min-height:16vw;margin-bottom:75px;margin-top:50px}.posterContainer{height:16vw;width:12vw;aspect-ratio:4/3;outline:2px solid var(--text-color);transition:.2s}.posterContainer.carousel{border:2px solid var(--text-color);outline:0px solid var(--text-color)}.posterContainer.hover:hover{cursor:pointer;outline:5px solid var(--text-color);transition:.2s}.posterContainer img{object-fit:cover;width:inherit;height:inherit;background-size:cover;background-position:center}.texture{position:absolute;z-index:2;mix-blend-mode:darken;opacity:40%}.eventsContainer .embla__slide{flex:0 0 auto;min-width:0;margin:0!important;position:relative}@media screen and (max-width:1400px){.eventsContainer{min-height:24vw;margin-bottom:75px}.posterContainer{height:24vw;width:18vw;aspect-ratio:4/3}}@media screen and (max-device-width:640px){.eventsContainer{min-height:37vw;width:100svw}.posterContainer{height:37vw;width:29vw;aspect-ratio:4/3}}.instagramContainer{display:flex;justify-content:center;width:65vw;margin-bottom:50px}.behold-image{border:3px solid var(--text-color)!important}@media screen and (max-width:640px){.instagramContainer{width:100vw;margin-bottom:0}}@media screen and (max-width:1200px)and (min-width:640px){.instagramContainer{width:70vw}}.heroImagesContainer{margin:0 auto;display:flex;flex-direction:row;align-items:center;width:100%;min-height:25vw;height:fit-content;padding:0 0 100px;overflow:hidden}.slide{cursor:grab;border-radius:30px;height:25vw;width:auto;object-fit:contain;display:block;border:3px solid var(--text-color)}.embla{overflow:hidden;width:100%}.embla__slide{flex:0 0 auto;min-width:0;margin:0 12px;position:relative}@media screen and (max-width:640px){.heroImagesContainer{padding:25px 0 50px;width:100%;overflow:hidden}.heroImagesContainer .embla__container{margin-left:0}.heroImagesContainer .embla__slide{flex:0 0 100%;margin:0;padding:0 10px;box-sizing:border-box;display:flex;justify-content:center}.slide{width:90vw;height:auto;max-height:50vh;object-fit:cover;aspect-ratio:1 / 1}}@media screen and (max-device-width:1400px)and (min-device-width:640px){.slide{height:35vw}}.reviewsOuterContainer{display:flex;justify-content:center;width:100vw;position:relative;padding-top:100px}.reviewsContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100vw;min-height:200px;position:relative}.reviewCard{background-color:#fff;cursor:grab;color:#000;width:50vw;max-width:600px;display:flex;flex-direction:column;justify-content:start;border:1px solid #b9b9b9;box-shadow:2px 2px 2px #75757540;border-radius:25px;padding:20px;margin:15px 20vw;height:auto;min-height:100px;box-sizing:border-box}.embla{overflow:hidden;width:100%;position:relative}.embla:before,.embla:after{content:"";position:absolute;top:0;bottom:0;width:10%;z-index:1;pointer-events:none}.embla:before{left:0}.embla:after{right:0}.embla__container{display:flex;align-items:center}.embla__slide{cursor:grab;flex:0 0 auto;min-width:0;display:flex;justify-content:center}.embla__prev,.embla__next{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--text-color);border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:20;transition:opacity .3s}.embla__prev:hover,.embla__next:hover{opacity:.8}.embla__prev{left:25vw}.embla__next{right:25vw}.embla__prev svg,.embla__next svg{width:24px;height:24px;fill:var(--bg-color)}.reviewHeader{align-items:center;display:flex;flex-direction:row;margin-bottom:10px}.reviewProfileInfo{margin-left:10px;display:flex;flex-direction:column;text-align:start}.reviewProfileName{font-weight:700}.reviewPublishTime{color:#7a7a7a}.reviewProfilePic{width:50px;cursor:pointer}.reviewText{text-align:start;font-size:1rem}.reviewStars{display:flex;justify-content:flex-start;width:100%;margin-bottom:10px}@media(max-width:640px){.embla__slide{flex:0 0 100%}.reviewCard{width:90vw;margin:0}.reviewsContainer{width:100%}.embla__prev,.embla__next{display:none}.reviewsOuterContainer{padding-top:50px;padding-bottom:25px}}@media screen and (max-width:1400px)and (min-width:640px){.reviewCard{width:70vw}.embla__prev{left:6vw}.embla__next{right:6vw}}.tapWallContainer{width:100%;height:850px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-bottom:-80px}.tapWallContainer:active{cursor:grabbing}.carouselTrack{position:relative;width:0;height:0;perspective:1000px;display:flex;justify-content:center;align-items:center}.beerPanelContainer{position:absolute;width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:transform,opacity;top:-225px;left:-125px;pointer-events:none}.beerPanel{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.beerTextContainer{position:absolute;z-index:5;width:300px;margin-top:280px;text-align:center;color:var(--text-color);text-shadow:0 2px 4px rgba(0,0,0,.25)}.beerName{font-family:Franxurter,serif;font-size:2.25em;margin-bottom:10px;text-transform:uppercase;line-height:.8}.beerBrewery{font-family:Bely,serif;font-size:1.5em;opacity:.8}.beerImage{z-index:3;border-radius:50%;height:160px;width:160px;object-fit:cover;box-shadow:0 4px 15px #0000004d;background-color:var(--text-color);pointer-events:auto;-webkit-user-drag:none}.carouselArrow{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;font-size:3rem;pointer-events:auto;-webkit-user-select:none;user-select:none;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--bg-color);background-color:var(--text-color);transition:background-color .2s ease;line-height:1;text-shadow:0 0px 0px rgba(0,0,0,.25)}.carouselArrow img{width:inherit;height:inherit}.carouselArrow:hover{background-color:var(--text-highlight)}.carouselArrowLeft{left:-60px}.carouselArrowRight{right:-60px}@media screen and (max-width:640px){.tapWallContainer{margin-top:-50px;margin-bottom:-225px}.beerTextContainer{scale:.7;margin-top:250px;line-height:.9}}@media screen and (max-width:1400px)and (min-width:640px){.tapWallContainer{margin-bottom:-100px}}.star{align-items:center;background-color:var(--text-color);display:flex;font-family:Franxurter,sans-serif;color:#fff;font-size:25px;height:55px;width:55px;justify-content:center;position:absolute;transform:rotate(45deg);z-index:4;margin-top:-310px;margin-right:-90px;animation:slowRotate 30s linear infinite}.star:before,.star:after{background-color:var(--text-color);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.star:before{transform:rotate(30deg)}.star:after{transform:rotate(60deg)}.star p{transform:rotate(-25deg);animation:slowRotateText 30s linear infinite}@keyframes slowRotate{0%{transform:rotate(45deg)}50%{transform:rotate(225deg)}to{transform:rotate(405deg)}}@keyframes slowRotateText{0%{transform:rotate(-25deg)}50%{transform:rotate(-205deg)}to{transform:rotate(-385deg)}}.starCard{font-size:1.15vw;position:relative;margin-top:0;margin-right:0;height:2.75vw;width:2.75vw}.schooner{bottom:50px;right:1.5vw;display:flex;position:fixed;height:130px;z-index:5;transition:transform .3s}.schooner:hover{cursor:pointer}.glass-outline{fill:none;stroke:var(--text-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:5.51px}.liquid-fill{opacity:1;stroke-width:0px;transition:fill .2s}#filling-rect-schooner{transition:height 2s ease-out}.dragMeLabel{right:1.5vw;font-family:Franxurter,sans-serif;font-size:22px;color:var(--text-color);position:fixed}.tap{object-fit:inherit;max-width:140px;width:100%;height:100%}.caskTap{width:200px;margin-top:30px;max-width:150px}.tap-and-liquid{display:flex;justify-content:center;margin-top:245px;height:500px;cursor:pointer;width:200px;pointer-events:visiblePainted;-webkit-user-drag:none;z-index:10}.liquid-container{position:absolute;top:585px;left:50%;transform:translate(-50%);width:10px;height:0;overflow:visible;z-index:-2;pointer-events:none}.liquid-container.pouring{height:220px}.liquid-stream{width:100%;height:0;transition:height .3s ease-in;border-radius:0 0 5px 5px;opacity:.8}.liquid-container.pouring .liquid-stream{height:100%}.liquid-container.cask-liquid .liquid-stream{transition:height 1s ease-in}.visitUsHeader{font-family:Bely;color:var(--text-color);margin-top:10px;margin-bottom:35px;display:flex;justify-content:center;flex-direction:row;align-items:center}.visitUsHeader h1{margin:0}.openingHoursContainer{display:flex;flex-wrap:wrap;gap:15px;margin-top:5px;font-size:1.5rem;justify-content:flex-start;width:100%}.hourText{white-space:nowrap;margin-right:0}.googleMap{border:3px solid var(--text-color);width:65vw;height:65vh;margin-bottom:15px;border-radius:25px}.mapText{padding:0 30px;font-variant-numeric:lining-nums;font-family:Bely,serif;font-size:2rem;margin:0}.showChristmasBtn{font-size:1.25rem!important;margin-top:15px}.showChristmasBtn{background-color:#c20000;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;position:relative;overflow:hidden}.showChristmasBtn:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background-image:var(--show);background-size:10px 10px;opacity:.3;animation:diagonalMove 30s linear infinite}@keyframes diagonalMove{0%{transform:translate(0)}to{transform:translate(-50%,-75%)}}.openingHoursOuterContainer{display:flex;flex-direction:column;align-items:flex-start;margin-left:25px;max-width:55%}@media screen and (max-width:640px){.openingHoursContainer{justify-content:center}.openingHoursOuterContainer{align-items:center;margin-left:0}}@media screen and (max-device-width:640px){.visitUsHeader{margin-top:40px;flex-direction:column;justify-content:center;margin-bottom:15px}.visitUsHeader h1{margin:0 0 15px}.openingHoursContainer{display:flex;justify-items:center;align-items:center;font-size:1.25rem!important;margin-left:0;margin-top:25px}.openingHoursContainer div:nth-child(1),.openingHoursContainer div:nth-child(2),.openingHoursContainer div:nth-child(3),.openingHoursContainer div:nth-child(4),.openingHoursContainer div:nth-child(5),.openingHoursContainer div:nth-child(6),.openingHoursContainer div:nth-child(7),.openingHoursContainer div:nth-child(8),.openingHoursContainer div:nth-child(9){column-gap:5px;display:flex}.googleMap{width:90vw;height:40vh}.mapText{font-size:1.25rem}.showChristmasBtn{font-size:1rem!important;margin-top:20px;margin-bottom:10px}.openingHoursOuterContainer{margin-left:0;align-items:center;max-width:90%;margin-bottom:15px}}@media screen and (max-device-width:1400px)and (min-width:640px){.googleMap{width:70vw;height:45vw}.mapText{font-size:1.5rem}.openingHoursContainer{font-size:1.1rem}.showChristmasBtn{font-size:1rem!important}}.privacyContainer{color:var(--text-color);text-align:start;padding:30px}.termsContainer{padding:30px;text-align:start}[data-custom-class=body],[data-custom-class=body] *{background:transparent}[data-custom-class=title],[data-custom-class=title] *{font-family:Arial;font-size:26px}[data-custom-class=subtitle],[data-custom-class=subtitle] *{font-family:Arial;font-size:14px}[data-custom-class=heading_1],[data-custom-class=heading_1] *{font-family:Arial;font-size:19px}[data-custom-class=heading_2],[data-custom-class=heading_2] *{font-family:Arial;font-size:17px}[data-custom-class=body_text],[data-custom-class=body_text] *{font-size:14px;font-family:Arial}[data-custom-class=link],[data-custom-class=link] *{font-size:14px;font-family:Arial;word-break:break-word}ul{list-style-type:square}ul>li>ul{list-style-type:circle}ul>li>ul>li>ul{list-style-type:square}ol li{font-family:Arial}.bookingContainer{min-height:100svh;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.bookingHeader{font-family:Franxurter,sans-serif;color:var(--text-color);margin-top:30px;margin-bottom:10px;text-align:center}.bookingContentWrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.bookingInfoCard{max-width:550px;width:calc(100% - 40px);margin:20px;display:flex;flex-direction:column;gap:20px;font-size:2.3vh;font-family:Bely,sans-serif;border:3px solid var(--text-color);border-radius:15px;padding:25px;box-sizing:border-box}.bookingDetails{display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center}.bookingBtnContainer{width:100%;display:flex;flex-direction:row;margin-top:10px;gap:15px}.bookingBtn{font-size:1.25rem;background-color:var(--text-color);flex:1;padding:12px;transition:background-color .2s ease-in-out}.cancelBtnActive{background-color:#e81d1d!important;color:#fff}.identityContainer{font-family:Bely,sans-serif;font-size:2.3vh;display:flex;flex-direction:column;max-width:500px;width:100%;align-items:center;justify-content:center;gap:15px;text-align:center}.identityContainer input{font-size:2.3vh;font-family:Bely,sans-serif;border:1px solid #ccc;border-radius:5px;padding:12px 15px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;text-align:center}.identityContainer input:focus{outline:none;border-color:var(--text-color);box-shadow:0 0 0 2px #80808033}.textCenter{text-align:center}.adminToggle{margin-top:15px;font-size:1.8vh;display:flex;align-items:center;justify-content:center;gap:8px}.bookingContentWrapper{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.bookingFooterWrapper{width:100%;margin-top:auto}.developerFooter{padding-top:0;padding-bottom:50px}.notFoundContainer,.offlineContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--bg-color);color:var(--text-color)}.temp-page-container{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);color:var(--text-color);position:relative}.temp-page-message{margin-top:10px;margin-bottom:0;font-size:3rem;text-align:center;text-transform:uppercase;padding:0 20px}.temp-page-countdown-container{display:flex;flex-direction:column;align-items:center;text-align:center}.temp-page-opening-text{margin-top:5px;text-transform:uppercase;font-family:Franxurter;font-weight:700;font-size:1.5rem;margin-bottom:10px;opacity:.9}.temp-page-countdown{font-size:1.5rem;font-variant-numeric:tabular-nums;font-family:Franxurter;font-weight:700;opacity:.8}.temp-page-footer{position:absolute;bottom:20px;width:100%;text-align:center}.temp-page-logo{max-height:400px;margin-bottom:0!important}.adminContainer{display:flex;flex-direction:column;height:100vh;align-items:center;justify-content:center;width:100%;background-color:#f3f4f6}.adminDashboard{display:flex;flex-direction:column;width:100%;height:100svh!important;overflow-y:auto;background-color:#f9fafb;padding:40px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-page-background{height:100svh;background-color:#f9fafb}.adminMainContent{background-color:#f9fafb;display:flex;flex-direction:column;width:100%;padding:20px;box-sizing:border-box}.dashboardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.welcomeMessage h1{margin:0;font-size:2rem;color:#111827;font-weight:700;font-family:inherit;text-transform:none;line-height:1.2}.welcomeMessage p{margin:5px 0 0;color:#6b7280;font-size:1rem}.logoutBtn{padding:10px 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-weight:600;cursor:pointer;transition:all .2s}.logoutBtn:hover{background-color:#f3f4f6;border-color:#9ca3af}.dashboardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%}.dashboardCard{background:#fff;border-radius:12px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer;border:1px solid transparent}.dashboardCard:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#e5e7eb}.cardIcon{font-size:2.5rem;margin-bottom:15px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px}.cardContent h3{margin:0 0 5px;font-size:1.2rem;color:#1f2937;font-weight:600}.cardContent p{margin:0;font-size:.9rem;color:#6b7280;line-height:1.4}.adminInput{border:1px gray solid;padding:7px;border-radius:8px}.panelHeader{display:flex;justify-content:space-between;align-items:center;background:transparent;padding:0 0 20px;border-bottom:none;flex-wrap:wrap;gap:15px}.panelHeader h1{margin:0;font-size:2rem;color:#111827}.panelHeader p{color:#6b7280;margin-top:5px}.adminBtn{font-family:Franxurter;background-color:var(--text-color);text-transform:uppercase;font-size:.9rem;border:none;padding:10px;color:#fff;border-radius:8px;transition:.2s;filter:brightness(100%)}@media(hover:hover){.adminBtn:hover{filter:brightness(75%);transition:.2s;cursor:pointer}}.adminBtn:active{filter:brightness(75%);transition:.2s;cursor:pointer}.adminBtn:disabled{background-color:#7a7a7a;cursor:not-allowed}.adminSection{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;width:100%;box-sizing:border-box}.adminSectionHeader{font-size:1.5rem;color:#111827;margin-top:0;margin-bottom:20px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.adminForm{display:flex;flex-direction:column;gap:15px;max-width:600px}.formGroup{display:flex;flex-direction:column;gap:5px}.formGroup label{font-weight:600;color:#374151;font-size:.9rem}.adminTableContainer{overflow-x:auto;width:100%}.adminTable{width:100%;border-collapse:collapse;font-size:.95rem}.adminTable th{text-align:left;padding:12px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600}.adminTable td{padding:12px;border-bottom:1px solid #f3f4f6;color:#1f2937}.adminTable tr:last-child td{border-bottom:none}.actionBtn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:.9rem;color:#fff;background-color:#4b5563}.actionBtn:hover{filter:brightness(90%)}.actionBtn:disabled{opacity:.6;cursor:not-allowed}.saveBtn{background-color:#10b981}.deleteBtn{background-color:#ef4444}.cancelBtn{background-color:#6b7280}.flexRow{display:flex;gap:10px;align-items:center}.flexColumn{display:flex;flex-direction:column;gap:10px}.spaceBetween{justify-content:space-between}.alignCenter{align-items:center}.marginTop{margin-top:20px}@media screen and (max-width:768px){.adminTable,.adminTable thead,.adminTable tbody,.adminTable th,.adminTable td,.adminTable tr{display:block}.adminTable thead tr{position:absolute;top:-9999px;left:-9999px}.adminTable tr{border:1px solid #e5e7eb;margin-bottom:10px;border-radius:8px;background-color:#fff}.adminTable td{border:none;border-bottom:1px solid #f3f4f6;position:relative;padding-left:50%;white-space:normal;text-align:left}.adminTable td:before{position:absolute;top:12px;left:12px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:600;color:#374151;content:attr(data-label)}}@media screen and (max-width:640px){.adminDashboard{padding:20px}.dashboardHeader{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:25px}.logoutBtn{width:100%;text-align:center}.dashboardGrid{grid-template-columns:1fr}.dashboardCard{flex-direction:row;align-items:center;padding:15px}.cardIcon{margin-bottom:0;margin-right:15px;width:50px;height:50px;font-size:1.8rem}}.adminSignInContainer{display:flex;justify-content:center;align-items:center;height:100svh;background-color:#f3f4f6;width:100vw}.signInFields{width:100%;max-width:400px;padding:30px}.signInError{background-color:#fee2e2;color:#b91c1c;padding:10px;border-radius:4px;margin-bottom:15px;font-size:.9rem;text-align:center}.signInLoadingContainer .loading-svg{width:24px!important;height:24px!important}.admin-panel-content{color:#000}.listPanel{flex:1.5}.listHeader{display:flex;justify-content:space-between;align-items:center}.listHeader h2{margin-top:0}.countBadge{background:#e5e7eb;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700;color:#374151}.saveBtn{background:#10b981;color:#fff}.saveBtn:hover{background:#059669}.currentListArea{flex:1;overflow-y:auto;padding:20px;background:#f9fafb}.droppableContainer{display:flex;flex-direction:column}.tapItemCard{display:flex;align-items:center;background:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:15px;margin-bottom:15px;transition:background-color .2s ease}.tapPosition{display:flex;flex-direction:column;align-items:center;width:50px}.tapPosition label{font-size:.7rem;color:#6b7280;margin-bottom:2px}.tapPosition input{width:40px;text-align:center;padding:5px;border:1px solid #d1d5db;border-radius:4px;font-weight:700}.tapImageContainer{width:60px;height:60px;flex-shrink:0}.tapImg{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #eee}.tapInfo{flex:1;text-align:left}.tapName{font-weight:700;font-size:1.1rem;color:#111827}.tapBrewery{color:#4b5563}.tapDescription{font-size:.85rem;color:#6b7280;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tapWarning{font-size:.8rem;color:#d97706;margin-top:5px;font-weight:700}.tapActions{display:flex;gap:8px}.iconBtn{width:36px;height:36px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.iconBtn:hover{background:#f3f4f6;border-color:#d1d5db}.iconBtn img{width:20px;height:20px;opacity:.7}.deleteBtn{color:#ef4444;border-color:#fee2e2;background:#fef2f2;font-weight:700}.deleteBtn:hover{background:#fee2e2;border-color:#fecaca}.placeholder{background:#e0f2fe;border:2px dashed #3b82f6;border-radius:8px;margin:7.5px 0}.reorderControls{display:flex;flex-direction:column;gap:5px;margin-right:10px}.arrowBtn{width:30px;height:30px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:#4b5563;transition:all .2s}.arrowBtn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.arrowBtn:disabled{opacity:.3;cursor:not-allowed}@media screen and (max-width:1024px){.listPanel{order:1}.currentListArea{overflow-y:visible;max-height:none}.tapItemCard{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"pos img actions" "info info info";align-items:center;flex-wrap:wrap;padding:10px;gap:10px}.tapPosition{grid-area:pos;margin-right:10px;width:30px}.tapPosition label{display:none}.tapPosition div{font-size:1rem}.tapImageContainer{grid-area:img;margin-right:10px;width:50px;height:50px}.tapActions{grid-area:actions;justify-self:end}.tapInfo{grid-area:info;margin-top:10px;width:100%;flex:1 1 100%}.tapName{font-size:1rem}.tapBrewery{font-size:.85rem}.iconBtn{width:32px;height:32px}.iconBtn img{width:16px;height:16px}}@media screen and (max-width:640px){.tapItemCard{padding:10px}}.searchPanel{flex:.8;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.searchHeader{padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:15px}.searchHeader h2{margin:0;font-size:1.5rem;color:#111827}.searchHeader p{margin:5px 0 0;color:#6b7280;font-size:.9rem}.searchControls{display:flex;gap:10px;margin-top:15px}.searchInput{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.searchInput:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.searchBtn{background-color:#3b82f6;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.searchBtn:hover{background-color:#2563eb}.searchResultsArea{flex:1;overflow-y:auto;padding-right:5px}.searchResultsList{display:flex;flex-direction:column;gap:10px}.searchResultItem{display:flex;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;background:#fff;cursor:pointer}.searchResultItem:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000000d}.resultImage{width:50px;height:50px;object-fit:contain;border-radius:4px;margin-right:15px;background-color:#f9fafb}.resultInfo{flex:1}.resultName{font-weight:700;color:#111827;margin-bottom:2px}.resultBrewery{font-size:.9rem;color:#6b7280}.addBtn{background-color:#10b981;color:#fff;width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:transform .2s,background-color .2s}.addBtn:hover{background-color:#059669;transform:scale(1.1)}.loadingState{display:flex;justify-content:center;align-items:center;height:100px;color:#6b7280}.beerPageWrapper{color:#000;display:flex;flex-direction:column;height:calc(100svh - 57px);width:100vw;background-color:#f3f4f6;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:none;justify-content:center;align-items:center;color:#fff}.loadingOverlay.visible{display:flex}.loadingContent{text-align:center}.beerMainContent{display:flex;height:100%;padding:20px;gap:20px}.panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;overflow:hidden}.beerPanelHeader{padding:20px;border-bottom:1px solid #eee;background:#fff}.panelHeader h2{margin:0;font-size:1.5rem;color:#111827}.panelHeader p{margin:5px 0 0;color:#6b7280;font-size:.9rem}.actionBtn{padding:10px 20px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.emptyState{display:flex;justify-content:center;align-items:center;height:100%;color:#9ca3af;font-style:italic}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;display:flex;justify-content:center;align-items:center}.modalContent{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 25px #0003}.modalContent h3{margin-top:0;margin-bottom:20px;color:#111827}.beerFormGroup{margin-bottom:15px}.beerFormGroup label{display:block;margin-bottom:5px;font-weight:700;color:#374151}.beerFormGroup input,.beerFormGroup textarea{width:calc(100% - 20px);padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit}.beerFormGroup textarea{resize:vertical}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancelBtn{background:#e5e7eb;color:#374151}.cancelBtn:hover{background:#d1d5db}@media screen and (max-width:1024px){.beerPageWrapper{height:auto;min-height:100vh;overflow-y:auto}.beerMainContent{flex-direction:column-reverse;height:auto;padding:10px;gap:15px}.panel{max-width:100%;flex:none;height:auto;overflow:visible}.searchPanel{order:2;max-width:100%}.listPanel{order:1}.searchResultsArea{max-height:400px;overflow-y:auto}.currentListArea{overflow-y:visible;max-height:none}.tapItemCard{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"pos img info";align-items:flex-start;padding:10px;gap:10px}.tapPosition{grid-area:pos;width:auto;margin-right:5px}.tapPosition label{display:none}.tapPosition div{font-size:1rem}.tapImageContainer{grid-area:img;width:50px;height:50px;margin-right:5px}.tapInfo{grid-area:info;margin-top:0;width:auto;overflow:hidden}.tapName{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tapBrewery{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tapDescription,.tapWarning,.tapActions{display:none}.tapActionsHorizontal{margin-top:8px!important;gap:15px!important}.iconBtn{width:32px;height:32px}.iconBtn img{width:16px;height:16px}.reorderControls{display:flex;flex-direction:column;gap:2px}.arrowBtn{padding:5px;font-size:.8rem}}@media screen and (max-width:640px){.panelHeader h2{font-size:1.2rem}.searchControls{flex-direction:column}.actionBtn{width:100%;margin-bottom:5px}.listHeader{flex-direction:column;align-items:flex-start!important;gap:10px}.listHeader>div:last-child{width:100%;flex-direction:column}.modalContent{width:95%;padding:15px;max-height:90vh;overflow-y:auto}}.event-upload-label{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#0000000d;opacity:0;transition:opacity .2s}.event-upload-label:hover{opacity:1}.event-upload-label span{background-color:#0009;color:#fff;padding:8px 16px;border-radius:20px}.delete-event-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;background-color:#ef4444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:10}.expiry-date-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.no-expiry-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;white-space:nowrap}.no-expiry-label input{margin-right:5px}.loadingOverlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.loadingOverlay.visible{opacity:1;visibility:visible}.loadingContent{text-align:center;color:#fff}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cropping-modal{position:fixed;inset:0;background-color:#000000d9;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.cropping-container{position:relative;width:90%;height:70%;background-color:#333}.cropping-controls{margin-top:20px;display:flex;gap:20px}.zoom-control{margin-top:10px;color:#fff}.eventsCard{cursor:default;padding:0;overflow:hidden;width:300px;max-width:100%}@media screen and (max-width:640px){.eventsCard{width:100%}}.quizTablesOuterContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:100vh;background-color:#fff;color:#000;box-sizing:border-box}.quizTablesHeader{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}.quizTablesHeader h1{margin:0;font-size:2rem;color:#333}.quizTablesControls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:20px;width:100%;max-width:1200px}.quizTablesContainer{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;width:100%;gap:30px}.floorPlanContainer{position:relative;flex:1;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;height:calc(100vh - 250px);display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000000d}.quizTablesInfoContainer{flex:1;display:flex;flex-direction:column;align-items:stretch}.quizTablesInfoContainer table{width:100%;border-collapse:collapse;margin-bottom:20px}.quizTablesInfoContainer th,.quizTablesInfoContainer td{border:1px solid #eee;padding:10px;text-align:left;font-size:.9rem}.quizTablesInfoContainer th{background-color:#f4f4f4;color:#333;font-weight:700}.quizTablesInfoContainer tr:nth-child(2n){background-color:#fcfcfc}.actionBtns{display:flex;flex-direction:row;gap:5px}.actionBtns img{width:15px;height:15px}.quiz-table-button{padding:5px!important}.layoutBtnContainer{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}.manualBookingContainer{display:flex;gap:10px;align-items:center;margin-top:20px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #ddd}.adminInput,.quizSelect{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.colourPicker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}h2{font-size:1.2rem;margin-bottom:10px;padding-bottom:5px}ul{list-style-type:none;padding:0}li{padding:5px 0}a:hover{text-decoration:underline}@media screen and (max-width:1024px){.quizTablesContainer{flex-direction:column;align-items:center}.actionBtns{flex-direction:column}.floorPlanContainer{width:calc(100% - 20px);max-width:100%}.quizTablesInfoContainer{width:100%}}.fullPage{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageHalf{max-height:50%;width:99%;height:50%}.half2{margin-top:50px;font-size:50px;text-transform:uppercase;font-family:Franxurter,sans-serif;justify-content:center;display:flex;flex-direction:column;text-align:center}.pageLogo{margin-bottom:50px;height:40%}.reviewsList{display:flex;flex-direction:column;gap:20px;width:100%;max-width:800px;margin-top:20px}.adminReviewCard{margin:0;width:100%;max-width:none}.reviews-list-container{display:flex;flex-direction:column;gap:15px}.review-list-item{display:flex;flex-direction:column;padding:15px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff}.review-list-item .reviewHeader{margin-bottom:10px}.review-list-item .reviewText{margin-bottom:15px}.admin-nav{width:100%;background-color:#fff;color:#1f2937;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #e5e7eb}.admin-nav-links{display:flex;gap:5px;overflow-x:auto;align-items:center}.admin-nav-button{background:transparent;border:1px solid #d1d5db;color:#374151;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;white-space:nowrap;transition:all .2s}.admin-nav-button svg{width:18px;height:18px;display:block;flex-shrink:0}.admin-nav-button.active{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.admin-nav-button:hover{background-color:#f9fafb;border-color:#9ca3af}.admin-nav-logout{background:#ef4444;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;margin-left:10px;white-space:nowrap}