:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;box-sizing:border-box;color-scheme:light dark;color:var(--clr-text);background-color:var(--clr-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--clr-logo-hat: rgb(130, 79, 38);--clr-logo-hop: rgb(68, 102, 70);--clr-logo-black: rgba(11, 11, 12);--clr-logo-hat-gr: rgb(211, 178, 151);--clr-logo-hop-gr: rgb(150, 204, 154);--clr-grimoire: rgba(164, 147, 149);--clr-incantation: rgba(128, 144, 146);--clr-enchanter: rgba(135, 123, 67);--clr-arcane: rgba(124, 100, 48);--clr-pandora: rgba(139, 72, 68);--clr-pandora-gr: rgb(82, 27, 24);--font-100: .75rem;--font-200: .875rem;--font-300: 1rem;--font-400: 1.125rem;--font-500: 1.25rem;--font-600: 1.5rem;--font-700: 1.875rem;--font-800: 2.25rem;--font-900: 3.5rem;--font-1000: 4.25rem;--space-100: .25rem;--space-200: .5rem;--space-300: .75rem;--space-400: 1rem;--space-500: 1.5rem;--space-600: 2rem;--space-700: 3rem;--space-800: 4rem;--space-900: 6rem;--space-1000: 8rem;--text-s: 1px -1px 0 var(--clr-bg);--clr-bg: rgb(15, 15, 15);--clr-bg-accent: rgb(22, 22, 22);--clr-text: rgb(214, 214, 214);--clr-highlightsss: rgb(42, 115, 99);--clr-hover: rgba(255, 255, 255, .062);--clr-active: rgba(255, 255, 255, .148);--clr-red: rgb(145, 36, 36);--clr-gold: gold;--br: 10px;--br-button: 30px;--bs: rgba(0, 0, 0, .35) 0px 5px 15px;--max-w: 1400px;--min-h: calc(100vh - 24.5rem) ;--w-medium: 850px;--w-small: 550px;--w-x-small: 350px;--clr-highlight: rgb(35, 76, 52);--clr-orange: rgb(228, 87, 46);--clr-orange-d: rgb(180, 60, 23);--clr-samurai: rgb(33, 76, 45);--clr-samurai-d: rgb(17, 41, 24);--clr-shogun: rgb(149, 61, 36);--clr-shogun-d: rgb(65, 27, 17);--clr-yakuza: rgb(164, 71, 106);--clr-yakuza-d: rgb(54, 23, 35);--clr-sumo: rgb(37, 24, 13);--clr-sumo-d: rgb(22, 14, 9);--clr-ronin: rgb(171, 108, 42);--clr-ronin-d: rgb(53, 34, 13)}*{box-sizing:border-box}body{margin:0;padding:0}.app-container{position:relative}.app-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 65% 60rem at 50% 0%,#ffffff2a 2%,#ffffff0b 30%,#fff0 70%)}@media screen and (max-width: 1250px){.app-container:before{background:radial-gradient(ellipse 85% 50rem at 50% 0%,#ffffff2a 2%,#ffffff0b 30%,#fff0 70%)}}@media screen and (max-width: 900px){.app-container:before{background:radial-gradient(ellipse 100% 40rem at 50% 0%,#ffffff2a 2%,#ffffff0b 30%,#fff0 70%)}}@media screen and (max-width: 500px){.app-container:before{background:radial-gradient(ellipse 100% 35rem at 50% 0%,#ffffff2a 2%,#ffffff0b 30%,#fff0 70%)}}.nav-container{display:flex;align-items:center;justify-content:space-between;background-color:transparent;position:sticky;top:.75rem;z-index:10}.logo{position:absolute;top:5px;left:-13px;font-size:larger;display:flex;align-items:center;color:var(--clr-logo-hat);letter-spacing:4px}.logo span{color:var(--clr-logo-hop)}.logo-image{height:45px;width:45px;object-fit:cover;margin-left:1rem;margin-right:.5rem;border-radius:50%}.logo-image img{width:auto;height:100%;border-radius:inherit}.nav-buttons{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:999px;font-size:large;text-transform:uppercase;border:1px solid rgba(255,255,255,.178);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.link{text-decoration:none;color:var(--clr-text)}.active-link{color:var(--clr-logo-hat)}.nav-item{display:flex;justify-content:center;align-items:center;padding:.3rem 1rem;margin:0 .2rem}.nav-item.icon{padding:.5rem 1rem;display:none}.nav-item:hover{border-radius:var(--br);cursor:pointer;color:var(--clr-logo-hat)}@media screen and (max-width: 900px){.nav-buttons,.logo p{font-size:var(--font-200)}.logo-image{width:38px;height:38px}}@media screen and (max-width: 750px){.nav-buttons{font-size:var(--font-100)}.nav-item{padding:.3rem .5rem}.logo p{display:none}.logo-image{width:37px;height:37px}}.home{display:flex;justify-content:center;align-items:center;flex-direction:column}.hero{max-width:var(--max-w);min-height:100vh;position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:0 var(--space-600)}.hero-title{width:50%;display:flex;align-items:center;text-align:left;flex-direction:column}.hero-title h1{font-size:var(--font-1000);font-weight:700;background:-webkit-linear-gradient(bottom,var(--clr-logo-hat),var(--clr-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;margin:var(--space-200) 0}.title-box h1 span{background:-webkit-linear-gradient(bottom,var(--clr-logo-hop),var(--clr-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title h2{font-size:var(--font-600);font-weight:300;margin:0;text-transform:uppercase}.hero-title h2:nth-child(3){font-weight:700;font-size:var(--font-800);background:-webkit-linear-gradient(bottom,var(--clr-logo-hat),var(--clr-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-product{width:50%;display:flex;align-items:center;text-align:left;flex-direction:column;position:relative}.hero-description{width:80%}.hero-container{position:relative;width:100%;height:400px}.hero-bottle{position:absolute;width:280px;height:auto;bottom:5%;transition:transform 2.5s cubic-bezier(.22,1,.36,1);will-change:transform}.bottle-1{left:calc(50% - 290px);z-index:2;scale:.9}.bottle-2{left:calc(50% - 220px);z-index:3;scale:.95}.bottle-3{left:calc(50% - 140px);z-index:5}.bottle-4{right:calc(50% - 220px);z-index:3;scale:.95}.bottle-5{right:calc(50% - 290px);z-index:2;scale:.9}.hero-container.is-scrolled .bottle-1{transform:translate(-25px,-20px)}.hero-container.is-scrolled .bottle-2{transform:translate(-10px,-30px)}.hero-container.is-scrolled .bottle-3{transform:translateY(-45px)}.hero-container.is-scrolled .bottle-4{transform:translate(+10px,-30px)}.hero-container.is-scrolled .bottle-5{transform:translate(+25px,-20px)}.hero-footer{position:absolute;bottom:var(--space-700);display:flex;align-items:center;justify-content:center;flex-direction:column;text-transform:uppercase;opacity:1;transition:opacity 1s ease}.hero-footer p{font-size:var(--font-500)}@keyframes arrowAnimation{0%{color:gray;transform:translateY(0)}to{color:var(--clr-bg);transform:translateY(10px)}}.hero-footer p:last-child{font-size:var(--font-700);animation:arrowAnimation 1.5s ease-in-out infinite alternate}.hero-footer.is-scrolled{opacity:0}@media screen and (max-width: 1250px){.title-box h1{font-size:var(--font-900)}.title-box h2{font-size:var(--font-500)}.title-box h2:last-child{font-size:var(--font-700)}.hero-container{height:300px}.hero-bottle{width:200px}.bottle-1{left:calc(50% - 220px)}.bottle-2{left:calc(50% - 160px)}.bottle-3{left:calc(50% - 100px)}.bottle-4{right:calc(50% - 160px)}.bottle-5{right:calc(50% - 220px)}.hero-container.is-scrolled .bottle-1{transform:translate(-5px,-15px)}.hero-container.is-scrolled .bottle-2{transform:translate(-5px,-30px)}.hero-container.is-scrolled .bottle-3{transform:translateY(-40px)}.hero-container.is-scrolled .bottle-4{transform:translate(+5px,-30px)}.hero-container.is-scrolled .bottle-5{transform:translate(+5px,-15px)}.hero-footer p{font-size:var(--font-400)}}@media screen and (max-width: 950px){.title-box h1{font-size:var(--font-800)}.title-box h2{font-size:var(--font-400)}.title-box h2:last-child{font-size:var(--font-600)}}@media screen and (max-width: 750px){.hero{flex-direction:column}.title-box h1{font-size:var(--font-800)}.title-box h2{font-size:var(--font-400)}.title-box h2:last-child{font-size:var(--font-700)}.hero-footer p{font-size:var(--font-300)}}@media screen and (max-width: 450px){.hero{flex-direction:column}.title-box h1{font-size:var(--font-700)}.title-box h2{font-size:var(--font-300)}.title-box h2:last-child{font-size:var(--font-600)}.hero-container{height:300px}.hero-bottle{width:120px}.bottle-1{left:calc(50% - 125px)}.bottle-2{left:calc(50% - 95px)}.bottle-3{left:calc(50% - 60px)}.bottle-4{right:calc(50% - 95px)}.bottle-5{right:calc(50% - 125px)}.hero-container.is-scrolled .bottle-1{transform:translate(-5px,-15px)}.hero-container.is-scrolled .bottle-2{transform:translate(-5px,-23px)}.hero-container.is-scrolled .bottle-3{transform:translateY(-30px)}.hero-container.is-scrolled .bottle-4{transform:translate(+5px,-23px)}.hero-container.is-scrolled .bottle-5{transform:translate(+5px,-15px)}.hero-footer p{font-size:var(--font-300)}}.home-about{max-width:var(--max-w);width:100%;margin-top:var(--space-900);margin-bottom:var(--space-900);position:relative;padding:0 var(--space-600)}.about-description{width:40%}.about-description h2{position:absolute;text-transform:uppercase;top:-2.7rem;left:var(--space-600);padding-left:var(--space-500);font-size:var(--font-900);font-weight:800;background:linear-gradient(to bottom,var(--clr-text) 0%,var(--clr-text) 25%,var(--clr-logo-hat-gr) 25%,var(--clr-logo-hat) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.about-description h2 span{margin-left:var(--space-600)}.about-description p{position:absolute;bottom:-5rem;right:var(--space-600);font-size:var(--font-600);font-weight:300;width:40%;padding:var(--space-500);background-color:#0f0f0fb9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-top-left-radius:var(--br);text-indent:var(--space-600)}.about-image{width:100%}.about-image img{border-radius:var(--br);aspect-ratio:16/5;width:100%;object-fit:cover}@media screen and (max-width: 1300px){.about-description p{font-size:var(--font-500);width:50%}}@media screen and (max-width: 1050px){.about-description h2{font-size:var(--font-800);top:-1.75rem}.about-description p{font-size:var(--font-300);width:50%}}@media screen and (max-width: 800px){.about-description h2{font-size:var(--font-700);top:-1.45rem}.about-description p{font-size:var(--font-200);width:60%}}@media screen and (max-width: 700px){.about-description h2{font-size:var(--font-600);top:-1.15rem}.about-description p{font-size:var(--font-100);width:60%}}@media screen and (max-width: 600px){.about-description h2{font-size:var(--font-500);top:-.95rem}.about-description p{width:80%;padding:var(--space-300)}}@media screen and (max-width: 500px){.about-description h2{font-size:var(--font-300);top:-.75rem}.about-description p{width:85%}.home-about{margin-top:var(--space-100);margin-bottom:var(--space-1000)}}@media screen and (max-width: 400px){.about-description h2{font-size:var(--font-200);top:-.65rem}.about-description p{width:85%;bottom:-7rem;padding:var(--space-200)}}.home-spellbook{max-width:var(--max-w);width:100%;margin:var(--space-1000) 0}.home-spellbook h1{text-align:center;text-transform:uppercase;font-size:var(--space-700);background:-webkit-linear-gradient(bottom,var(--clr-logo-hat),var(--clr-logo-hat-gr));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.carousel{display:flex;align-items:center;justify-content:center;gap:var(--space-500);width:100%;overflow:hidden;padding:40px 0}.card{position:relative;flex:0 0 30%;padding:var(--space-400);border-radius:var(--br);cursor:pointer;z-index:20;opacity:.4;transform:scale(.8);transition:transform 1.4s ease-in-out,opacity .8s ease-in-out,background 1.4s ease-in-out;transition-delay:.2s}.card--active:before,.card--active:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;border-radius:inherit;animation:rotation 4s linear infinite}.card:after{filter:blur(2px)}.card-bg{border-radius:var(--br);position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-color:var(--clr-bg)}.card-image{position:relative;width:100%;height:auto;z-index:20}.card-image img{border-radius:var(--br);width:100%;object-fit:cover}.card--active{opacity:1;transform:scale(1);z-index:2}.card:hover{opacity:.8}.card--active:hover{opacity:1}.card p{position:relative;z-index:20;margin-top:var(--space-200);font-size:var(--font-500);padding:var(--space-100);text-indent:var(--space-500);font-weight:300;text-transform:none}.card--active.grimoire:before,.card--active.grimoire:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-grimoire),var(--clr-bg),var(--clr-grimoire))}.card--active.incantation:before,.card--active.incantation:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-incantation),var(--clr-bg),var(--clr-incantation))}.card--active.pandora:before,.card--active.pandora:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-pandora),var(--clr-bg),var(--clr-pandora))}.card--active.enchanter:before,.card--active.enchanter:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-enchanter),var(--clr-bg),var(--clr-enchanter))}.card--active.arcane:before,.card--active.arcane:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-arcane),var(--clr-bg),var(--clr-arcane))}@media screen and (max-width: 1250px){.card p{font-size:var(--font-300)}}@media screen and (max-width: 900px){.home-spellbook h1{font-size:var(--font-800)}.card p{font-size:var(--font-100)}.carousel{align-items:center;justify-content:center;gap:var(--space-200)}.card{padding:var(--space-200)}}@media screen and (max-width: 600px){.home-spellbook h1{font-size:var(--font-700)}.carousel{align-items:center;justify-content:center;gap:var(--space-200)}.card{padding:var(--space-100)}.card--active:before,.card--active:after{top:-1px;right:-1px;bottom:-1px;left:-1px}.card p{font-size:10px}}@media screen and (max-width: 450px){.card p{font-size:7px}}.home-experiment{max-width:var(--max-w);width:100%;margin-bottom:var(--space-1000);padding:0 var(--space-600)}.home-experiment h2{text-align:center;text-transform:uppercase;font-size:var(--font-900);background:-webkit-linear-gradient(bottom,var(--clr-logo-hat),var(--clr-logo-hat-gr));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.home-experiment h3{text-align:center;text-transform:uppercase;font-size:var(--font-700);background:-webkit-linear-gradient(top,var(--clr-pandora),var(--clr-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:0;margin-bottom:var(--space-700)}.experiment-description{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-700)}.experiment-description p{margin-bottom:var(--space-500);font-size:var(--font-600);font-weight:400;text-align:center}.experiment-description button{font-size:var(--font-500);font-weight:700;padding:var(--space-300) var(--space-600);background-color:var(--clr-bg);border-radius:var(--br);text-transform:uppercase;border:2px solid var(--clr-pandora);background:-webkit-linear-gradient(top,var(--clr-pandora),var(--clr-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experiment-description button:hover{cursor:pointer;background:-webkit-linear-gradient(top,var(--clr-pandora),var(--clr-pandora));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experiment-description button:active{background:-webkit-linear-gradient(top,var(--clr-pandora),var(--clr-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experiment-table{display:flex;flex-direction:column;width:800px;position:relative;left:50%;transform:translate(-50%);padding:var(--space-200) var(--space-400);border-radius:var(--br);background-color:var(--clr-bg);box-shadow:0 0 20px 2px #000}.experiment-table:before{content:"";position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-pandora),transparent)}.experiment-table:after{content:"";position:absolute;bottom:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-pandora),transparent)}.experiment-table h4{text-align:center;text-transform:uppercase;font-size:var(--font-600);margin:0;padding-bottom:var(--space-200);color:var(--clr-pandora)}.experiment-table-image{width:100%;height:400px;border-radius:var(--br)}.experiment-table-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.experiment-table h5{text-transform:uppercase;font-size:var(--font-500);font-weight:500;color:var(--clr-pandora);margin:var(--space-300) 0}.experiment-table>p{padding-bottom:var(--space-200);margin-bottom:var(--space-200);border-bottom:1px solid var(--clr-pandora);font-size:var(--font-400)}.experiment-table-info{display:flex;justify-content:space-between;border-bottom:1px solid var(--clr-pandora);padding-bottom:var(--space-200)}.experiment-table-info-box{width:50%}.info-box p:first-child{font-size:var(--font-300);font-weight:200;margin:var(--space-100) 0}.info-box p:nth-child(2){font-size:var(--font-500);font-weight:600;text-transform:lowercase}.info-box p:nth-child(3){font-size:var(--font-300);font-weight:400;margin-bottom:var(--space-500)}.experiment-table-flavor{display:flex;flex-wrap:wrap;margin-bottom:var(--space-200)}.experiment-table-flavor p{padding:var(--space-100) var(--space-300);margin:0 var(--space-200);border:1px solid var(--clr-pandora);border-radius:var(--br);font-size:var(--font-300);text-transform:lowercase}.experiment-table-flavor p:first-child{margin-left:0}@media screen and (max-width: 900px){.home-experiment h2{font-size:var(--font-800)}.home-experiment h3{font-size:var(--font-600)}.experiment-description p,.experiment-table-pair p{font-size:var(--font-500)}.experiment-description button{font-size:var(--font-400)}.experiment-table{width:95%}.experiment-table h4{font-size:var(--font-500)}.experiment-table-image{height:300px}.experiment-table h5{font-size:var(--font-400)}.experiment-table>p{font-size:var(--font-300)}.info-box p:first-child{font-size:var(--font-200)}.info-box p:nth-child(2){font-size:var(--font-400)}.info-box p:nth-child(3){font-size:var(--font-200)}.experiment-table-flavor p{font-size:var(--font-200)}}@media screen and (max-width: 600px){.home-experiment h2{font-size:var(--font-700)}.home-experiment h3{font-size:var(--font-500)}.experiment-description p,.experiment-table-pair p{font-size:var(--font-400)}.experiment-description button{font-size:var(--font-300)}.experiment-table h4{font-size:var(--font-400)}.experiment-table-image{height:200px}.experiment-table h5{font-size:var(--font-300)}.experiment-table>p{font-size:var(--font-200)}.info-box p:first-child{font-size:var(--font-100)}.info-box p:nth-child(2){font-size:var(--font-300)}.info-box p:nth-child(3){font-size:var(--font-100)}.experiment-table-flavor p{font-size:var(--font-100)}}.home-video{max-width:var(--max-w);width:100%;margin-bottom:var(--space-1000);padding:0 var(--space-600)}.home-video h2{text-align:center;text-transform:uppercase;font-size:var(--font-900);background:-webkit-linear-gradient(bottom,var(--clr-logo-hat),var(--clr-logo-hat-gr));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.video{margin-top:var(--space-700);padding:var(--space-400);position:relative;left:50%;transform:translate(-50%);width:90%;border-radius:var(--br);box-shadow:0 0 20px 2px #000}.video:before{content:"";position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-logo-hop-gr),transparent)}.video:after{content:"";position:absolute;bottom:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-logo-hop-gr),transparent)}.video h3{text-transform:uppercase;text-align:center;margin-top:0;margin-bottom:var(--space-300);font-size:var(--space-600);background:-webkit-linear-gradient(bottom,var(--clr-logo-hop),var(--clr-logo-hop-gr));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.video iframe{height:auto;aspect-ratio:16/9;border-radius:var(--br);border:2px solid var(--clr-logo-hop)}.video-title{display:flex;width:100%;justify-content:center;align-items:center;font-size:var(--font-500);color:var(--clr-text);border-bottom:1px solid var(--clr-logo-hop)}.video-title h4{margin-left:var(--space-300);margin-top:var(--space-300);margin-bottom:var(--space-300)}.video-title h4:hover{color:var(--clr-pandora)}.video-title h4 span{font-weight:300;text-transform:uppercase}.video-process{margin-top:var(--space-500);display:flex;justify-content:space-around}.video-process-element{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-700);font-weight:500;color:var(--clr-logo-hat)}.video-process-element p{color:var(--clr-text)}@media screen and (max-width: 900px){.home-video h2{font-size:var(--font-800)}.video h3{font-size:var(--font-600)}.video-title h4{font-size:var(--font-300)}.video-process-element{font-size:var(--font-600)}.video-process-element p{font-size:var(--font-300)}}@media screen and (max-width: 600px){.home-video h2{font-size:var(--font-700)}.video h3{font-size:var(--font-500)}.video-title h4{font-size:var(--font-200)}.video-process-element{font-size:var(--font-500)}.video-process-element p{font-size:var(--font-200)}}@media screen and (max-width: 450px){.video h3{font-size:var(--font-300)}.video-title h4{font-size:var(--font-100)}.video-process-element{font-size:var(--font-400)}.video-process-element p{font-size:var(--font-100)}}.home-vote-modal{background-color:#000000d8;width:100vw;height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center}.modal-overlay{width:100%;height:100%;position:fixed;z-index:1}.vote-form{width:800px;position:relative;padding:var(--space-700);background-color:#0000000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--br);box-shadow:0 0 15px 2px #bebebe23;display:flex;flex-direction:column;align-items:center;z-index:2;border:1px solid var(--clr-pandora)}.vote-form:before{content:"";position:absolute;top:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-logo-hat-gr),transparent)}.vote-form:after{content:"";position:absolute;bottom:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-logo-hat-gr),transparent)}.vote-close-button{position:absolute;right:var(--space-200);top:var(--space-200);font-size:var(--font-800);cursor:pointer;color:var(--clr-pandora)}.vote-close-button:hover{scale:1.1}.vote-form h1{margin-top:0;text-align:center;text-transform:uppercase;font-size:var(--font-600);margin-bottom:var(--space-700)}.vote-mail-input{margin:var(--space-500) 0;width:50%;padding:var(--space-400);font-size:var(--font-400);border-radius:var(--br);border:2px solid var(--clr-pandora);background-color:#64303d2f;color:var(--clr-text)}.vote-mail-input:focus{border-color:var(--clr-logo-hat-gr)}.vote-form>button{font-size:var(--font-500);padding:var(--space-200) var(--space-700);border-radius:var(--br);border:2px solid var(--clr-pandora);background-color:#64303d2f;color:var(--clr-text);cursor:pointer;margin-top:var(--space-200);margin-bottom:var(--space-700);text-transform:uppercase}.vote-form>button:hover{border-color:var(--clr-logo-hat-gr);color:var(--clr-logo-hat-gr)}.vote-form>button:active{color:var(--clr-text);border-color:var(--clr-pandora)}.vote-form>p{width:100%;text-align:right;font-size:var(--font-200)}.vote-status-message{color:var(--clr-logo-hat);text-align:center!important;margin-bottom:var(--space-400);font-size:var(--font-400)!important}@media screen and (max-width: 900px){.vote-form{width:500px}.vote-form h1{font-size:var(--font-400)}.vote-form>button{font-size:var(--font-200)}.vote-form>p{font-size:var(--font-100)}}@media screen and (max-width: 600px){.vote-form{width:300px;padding:var(--space-500)}.vote-form h1{font-size:var(--font-200)}.vote-form>button{font-size:var(--font-100)}.vote-close-button{font-size:var(--font-500)}}@keyframes spinner{0%{transform:rotate(0)}40%{transform:rotate(300deg)}to{transform:rotate(360deg)}}.spinner-container{width:100%;height:100%;display:grid;place-items:center}.loading-spinner{width:50px;height:50px;border:6px solid var(--clr-logo-hat);border-top:6px solid var(--clr-logo-hop);border-radius:50%;animation:spinner 1s linear infinite;margin:2rem}.beer-select{--select-bg: rgba(100, 48, 61, .185);--select-border: var(--clr-pandora);--select-gold: var(--clr-logo-hat-gr);--select-text: var(--clr-text);--select-muted: rgba(151, 149, 149, .671);position:relative;width:50%;font-family:inherit;z-index:1}.beer-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:0 var(--space-400);color:var(--select-text);background:var(--select-bg);border:2px solid var(--select-border);border-radius:8px;font:inherit;font-size:var(--font-400);text-align:left;cursor:pointer;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.beer-select__trigger:hover,.beer-select__trigger.is-open{border-color:var(--select-gold)}.beer-select__trigger.is-open{box-shadow:0 0 0 1px #c9a86a1f}.beer-select__value{min-width:0;color:var(--select-muted)}.beer-select__value.has-value{color:var(--select-text)}.beer-select__arrow{display:flex;flex-shrink:0;color:var(--select-gold);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.beer-select__trigger.is-open .beer-select__arrow{transform:rotate(180deg)}.beer-select__options{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:100;margin:0;padding:6px;list-style:none;background:#0e0e0efa;border:2px solid var(--select-border);border-radius:8px;box-shadow:0 14px 35px #0000004d;transform-origin:top center;animation:dropdown-enter .22s cubic-bezier(.16,1,.3,1) both}.beer-select__options li{margin:0;padding:0}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.beer-select__option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 12px;color:var(--select-text);background:transparent;border:0;border-radius:5px;font:inherit;font-size:var(--font-300);text-align:left;cursor:pointer;opacity:0;animation:option-enter .24s ease forwards;animation-delay:calc(var(--option-index) * 25ms);transition:color .18s ease,background-color .18s ease}@keyframes option-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.beer-select__option:hover,.beer-select__option:focus-visible{color:var(--select-gold);background:#c9a86a17;outline:none}.beer-select__option.is-selected{color:var(--select-gold)}.beer-select__check{color:var(--select-gold);font-size:1rem}.beer-select__value>span>span{display:inline-block;animation:selection-land .42s cubic-bezier(.2,.8,.25,1) both}@keyframes selection-land{0%{transform:translateY(0)}35%{transform:translateY(-9px)}65%{transform:translateY(2px)}82%{transform:translateY(-1px)}to{transform:translateY(0)}}.beer-select__trigger:focus-visible{outline:2px solid var(--select-gold);outline-offset:3px}@media (prefers-reduced-motion: reduce){.beer-select *,.beer-select *:before,.beer-select *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media screen and (max-width: 900px){.beer-select{width:90%}.beer-select__trigger{font-size:var(--font-200)}.beer-select__option{font-size:var(--font-100)}}@media screen and (max-width: 600px){.beer-select{width:100%}.beer-select__trigger,.beer-select__option{font-size:var(--font-100)}}.email-field{--email-bg: rgba(100, 48, 61, .185);--email-border: var(--clr-pandora);--email-gold: var(--clr-logo-hat-gr);--email-text: var(--clr-text);--email-muted: rgba(151, 149, 149, .671);--email-green: var(--clr-logo-hop);--email-red: rgb(184, 41, 41);display:flex;flex-direction:column;gap:9px;width:50%;font-family:inherit;margin-top:var(--space-600)}.email-field label{color:var(--email-text);font-size:var(--font-500);font-weight:500}.email-input-wrap{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 var(--space-400);background:var(--email-bg);border:2px solid var(--email-border);border-radius:var(--br);transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease,transform .25s ease}.email-input-wrap:focus-within{border-color:var(--email-gold);box-shadow:0 0 0 3px #c9a86a1a;transform:translateY(-1px)}.email-icon{display:flex;flex-shrink:0;color:var(--email-muted);transition:color .2s ease}.email-input-wrap:focus-within .email-icon{color:var(--email-gold)}.email-input-wrap input{flex:1;min-width:0;width:100%;padding:var(--space-400) 0;border:0;outline:none;background:transparent;color:var(--email-text);font:inherit;font-size:var(--font-400)}.email-input-wrap input::placeholder{color:#777d70;opacity:1}.email-status{display:flex;flex-shrink:0;width:22px;height:22px}.email-status svg{width:100%;height:100%;animation:email-status-enter .22s ease both}@keyframes email-status-enter{0%{opacity:0;transform:scale(.65)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.email-input-wrap.is-valid{border-color:var(--email-green)}.email-input-wrap.is-valid .email-status{color:var(--email-green)}.email-input-wrap.is-invalid{border-color:var(--email-red)}.email-input-wrap.is-invalid .email-status{color:var(--email-red)}.email-input-wrap.is-invalid:focus-within{box-shadow:0 0 0 3px #d9857d1a}.email-feedback{min-height:18px;margin:0;font-size:.8rem;color:var(--email-muted);transition:color .2s ease}.email-feedback.feedback-valid{color:var(--email-green)}.email-feedback.feedback-invalid{color:var(--email-red)}@media (prefers-reduced-motion: reduce){.email-field *,.email-field *:before,.email-field *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media screen and (max-width: 900px){.email-field{width:90%}.email-input-wrap input{font-size:var(--font-200)}}@media screen and (max-width: 600px){.email-field{width:100%}.email-input-wrap input{font-size:var(--font-100)}}.recipes-container{display:flex;justify-content:center}.recipe:nth-child(2n){background-color:var(--clr-highlight)}.recipe{display:flex;justify-content:space-between;padding:1rem;min-width:1270px;border-radius:var(--br)}.recipe p{margin:0 .4rem;padding:0 .5rem}.flex{display:flex}.flex p:first-child{width:17px}.recipe-container{border:2px solid var(--clr-highlight);border-radius:var(--br);padding:2rem;max-width:1270px}.recipe-info-container:not(:last-child){border-bottom:2px solid var(--clr-highlight)}.recipe-title{text-align:center;font-size:xx-large;border-bottom:2px solid var(--clr-highlight);margin:0;padding-bottom:.75rem}.stock{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:var(--space-800);margin-top:var(--space-800);min-height:var(--min-h)}.stock-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--clr-bg-accent);width:800px;margin-bottom:var(--space-500);box-shadow:2px 2px 10px 1px #000;border-radius:var(--br)}.stock-image{width:140px;height:auto;padding:var(--space-200);padding-bottom:var(--space-100)}.stock-image img{width:100%;border-radius:var(--br)}.stock-info{display:flex;align-items:center}.stock-title{margin-left:.5rem}.stock-title h2{text-transform:uppercase;font-weight:400}.stock-title p{display:flex;align-items:center}.stock-title p span{color:var(--clr-ronin);margin-top:4px;margin-left:4px}.stock-value{margin-right:1rem;width:160px}.stock-value p span{margin-top:4px;margin-right:4px}.stock-value p .available{color:var(--clr-logo-hop)}.stock-value p .out-of-stock{color:var(--clr-red)}@media screen and (max-width: 900px){.stock-item{width:550px}}@media screen and (max-width: 650px){.stock-item{width:300px;flex-direction:column;justify-content:center;align-items:center}.stock-info{width:100%}.stock-title{padding:.5rem}.stock-title h2{font-size:large}.stock-title p{font-size:medium}.stock-value{margin:0;padding-bottom:.5rem}.stock-value h2{font-size:larger;margin:.2rem}}.brewings-container{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 20.6rem)}.brewings-nav-container{max-width:var(--max-w);display:flex;align-items:center;background-color:var(--clr-bg-accent);border-radius:var(--br);margin-bottom:1rem}.brewings-nav-container .link{padding:.5rem 1.5rem}.brewings-nav-container .link:hover{color:var(--clr-highlight)}.brewings-list{max-width:var(--max-w);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:var(--bs);border-radius:var(--br)}.brewing-list-item{display:flex;justify-content:space-between;background-color:var(--clr-bg-accent);width:700px}.brewing-list-item:nth-child(2n){background-color:var(--clr-bg)}.brewing-list-item:first-child{background-color:var(--clr-highlight)}.brewing-list-item .group{display:flex;margin:0}.brewing-list-item p{padding:.4rem 1rem}.brewing-item,.brewing-item form{width:700px;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.brewing-item h1{font-size:x-large}.brewing-item-info{display:flex;justify-content:space-between;align-items:center;width:100%}.brewing-item-info p{padding:.4rem 1rem}.brewing-item-info:nth-child(odd){background-color:var(--clr-bg-accent)}.brewing-item-group{padding:1rem;width:100%;border-radius:var(--br)}.brewing-item-info input{width:300px;padding:.4rem;border:none;margin-right:1rem}.brewing-item button{font-size:larger;padding:.5rem 2rem;cursor:pointer;background-color:var(--clr-bg-accent)}@media screen and (max-width: 800px){.brewing-list-item{width:550px}.brewings-container{min-height:calc(100vh - 20.5rem)}.brewing-item,.brewing-item form{width:550px}}@media screen and (max-width: 650px){.brewing-list-item{width:300px}.brewing-list-item p{font-size:smaller}.brewings-container{min-height:calc(100vh - 20.2rem)}.brewing-item,.brewing-item form{width:300px}.brewing-item h1{font-size:large}.brewing-item-info{flex-direction:column}.brewing-item-info p{font-size:medium}}@media screen and (max-width: 600px){.brewings-container{min-height:calc(100vh - 14.2rem)}}.shop-container{display:flex;align-items:center;flex-direction:column;min-height:var(--min-h);margin-top:var(--space-700)}.shop-filters-container{max-width:var(--max-w);display:flex;justify-content:center;margin-bottom:1rem}.shop-filters-container ul{display:flex;list-style:none;background-color:var(--clr-bg-accent);margin:0;padding:.3rem;border-radius:var(--br)}.shop-filters-container ul li{font-size:medium;padding:.3rem 1rem;width:5rem;text-align:center;cursor:pointer}.shop-filters-container ul li:hover{color:var(--clr-highlight)}.shop-items-container{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-900)}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.shop-item-card{width:300px;background-color:var(--clr-bg-accent);margin:var(--space-400);border-radius:var(--br);aspect-ratio:10/15;position:relative}.shop-item-card:before,.shop-item-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background-image:conic-gradient(from var(--gradient-angle),var(--clr-logo-hop),var(--clr-bg-accent),var(--clr-logo-hop));animation:rotation 4s linear infinite}.shop-item-card.enchanter:before,.shop-item-card.enchanter:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-enchanter),var(--clr-bg-accent),var(--clr-enchanter))}.shop-item-card.grimoire:before,.shop-item-card.grimoire:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-grimoire),var(--clr-bg-accent),var(--clr-grimoire))}.shop-item-card.pandora:before,.shop-item-card.pandora:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-pandora),var(--clr-bg-accent),var(--clr-pandora))}.shop-item-card.incantation:before,.shop-item-card.incantation:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-incantation),var(--clr-bg-accent),var(--clr-incantation))}.shop-item-card.arcane:before,.shop-item-card.arcane:after{background-image:conic-gradient(from var(--gradient-angle),var(--clr-arcane),var(--clr-bg-accent),var(--clr-arcane))}.shop-item-card:after{filter:blur(5px)}.card-image-container{padding:.4rem}.card-image-container img{width:100%;height:auto;border-radius:var(--br)}.shop-item-card-description,.shop-item-card-price{margin:0;padding:0 .6rem}.shop-item-card-description h1,p{margin:0;padding:0;font-size:var(--font-300);text-transform:uppercase;font-weight:700}.shop-item-card-description p,.shop-item-card-price p{font-size:var(--font-200);font-weight:300;padding-bottom:var(--space-200)}.shop-item-card-price{bottom:0;width:100%;display:flex;justify-content:space-between}.shop-item-card-price span{font-size:small}.shop-item-page-container{max-width:var(--max-w)}.shop-item-page-container h1{text-align:center;font-size:var(--font-700);position:relative;text-transform:uppercase;font-weight:500}.shop-item-page-container>h1:before{content:"";position:absolute;bottom:0;left:4%;width:92%;height:2px;background:linear-gradient(90deg,transparent,var(--clr-logo-hop),transparent)}.shop-item-container{display:flex;justify-content:center;margin-bottom:3rem;margin:0 1rem}.item-page-info-container{width:440px;height:600px;padding-left:1rem;display:flex;flex-direction:column;justify-content:space-between;margin-left:1rem;position:relative}.item-page-info-container:before{content:"";position:absolute;left:0;top:2%;height:94%;width:2px;background:linear-gradient(45deg,transparent,var(--clr-logo-hop),transparent)}.item-page-description{max-height:250px}.item-page-description h2{margin:0;font-size:var(--font-400);text-transform:uppercase;font-weight:500;margin-bottom:var(--space-300)}.item-page-description p{margin:0;font-size:var(--font-300);text-transform:none;font-weight:400}.item-page-beer-info h2{margin:0;font-size:var(--font-400);text-transform:uppercase;font-weight:500;margin-bottom:var(--space-300)}.item-page-beer-info ul{list-style:none;padding:0;width:100%;margin:0}.item-page-beer-info ul li{position:relative;display:flex;width:100%;justify-content:space-between}.item-page-beer-info ul li p:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-logo-hop),transparent)}.item-page-beer-info ul li p{font-size:var(--font-300);font-weight:300}.item-page-beer-info ul li p:nth-child(2){font-weight:500}.item-page-price{display:flex;justify-content:space-between;align-items:center}.item-page-price p{position:relative;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;font-size:var(--font-500);font-weight:500}.item-page-price p:first-child span{font-size:xx-large;margin-top:.3rem;color:var(--clr-logo-hat)}.item-page-price>p:first-child,.discounted-price>p:last-child{font-weight:700;color:var(--clr-logo-hat);font-size:xx-large}.item-page-price>p:last-child:before{content:"";display:inline-block;height:10px;width:10px;position:absolute;bottom:0;top:0;margin:auto;left:-15px;border-radius:50%}.discounted-price{position:relative}.discounted-price p:first-child{margin:0;position:absolute;top:-12px;font-size:smaller;text-decoration:line-through;font-weight:700}.item-page-price.on-stock p:last-child:before{background-color:var(--clr-logo-hop)}.item-page-price.out-of-stock p:last-child:before{background-color:var(--clr-red)}.item-page-cart-button{display:flex;justify-content:center}.item-page-cart-button button{font-size:x-large;padding:.3rem 2.5rem;background-color:var(--clr-highlight);border:none;border-radius:var(--br);cursor:pointer;color:var(--clr-bg-accent);transition:all .2s linear;scale:1}.item-page-cart-button button:hover{scale:1.1}.item-page-cart-button button:active{scale:1}.stars{--percent: calc(var(--rating) / 5 * 100%);--star-size: 60px;display:inline-block;font-size:var(--star-size);font-family:Times;line-height:1;margin-bottom:.5rem}.stars:before{content:"★★★★★";letter-spacing:3px;background:linear-gradient(90deg,var(--clr-ronin) var(--percent),var(--clr-text) var(--percent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stars.comment{--star-size: 25px;margin-bottom:0}.shop-item-page-review-container h2{text-align:center;position:relative;font-size:var(--font-600);font-weight:500;text-transform:uppercase}.shop-item-page-review-container h2:before{content:"";position:absolute;bottom:0;left:4%;width:92%;height:2px;background:linear-gradient(90deg,transparent,var(--clr-logo-hop),transparent)}.item-page-review{display:flex;margin-bottom:3rem}.item-page-review-stars,.item-page-review-graph{width:50%}.item-page-review-stars{display:flex;justify-content:center;align-items:center;flex-direction:column}.item-page-review-stars button{background-color:var(--clr-logo-hop);border:none;margin-top:1rem;padding:.5rem 1.5rem;cursor:pointer;transition:all .2s linear;scale:1;font-size:var(--font-400);text-transform:uppercase;color:var(--clr-bg);font-weight:700;border-radius:var(--br)}.item-page-review-stars button:hover{scale:1.1}.item-page-review-stars button:active{scale:1}.review-modal{position:fixed;width:100vw;height:100vh;z-index:20;top:0;left:0;background-color:#000000a9}.review-modal .overlay{width:100%;height:100%}.item-review-from{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;width:400px;background-color:#0000001c;box-shadow:0 0 10px 3px #ffffff38;display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:var(--br);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.item-review-from h1{margin-top:0;font-size:var(--font-600)}.star-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-bottom:1rem}.radio-input{position:fixed;opacity:0;pointer-events:none}.radio-label{cursor:pointer;font-size:0;color:#000000c5;transition:color .1s ease-in-out}.radio-label:before{content:"★";display:inline-block;font-size:32px}.radio-input:checked~.radio-label{color:var(--clr-ronin)}.radio-label:hover,.radio-label:hover~.radio-label{color:#daa520}.radio-input:checked+.radio-label:hover,.radio-input:checked+.radio-label:hover~.radio-label,.radio-input:checked~.radio-label:hover,.radio-input:checked~.radio-label:hover~.radio-label,.radio-label:hover~.radio-input:checked~.radio-label{color:#b8860b}.group{position:relative;margin-bottom:45px}.item-review-input{font-size:18px;padding:15px 15px 15px 5px;display:block;width:300px;border:none;border-radius:var(--br);background-color:var(--clr-bg)}.item-review-input:focus{outline:none}.item-review-label{color:var(--clr-text);font-size:medium;font-weight:400;position:absolute;pointer-events:none;left:10px;top:12px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.item-review-input:focus~.item-review-label,.item-review-input:valid~.item-review-label{top:-20px;font-size:14px;color:var(--clr-logo-hop)}.item-review-input:placeholder-shown~.item-review-label{top:12px;font-size:medium;color:var(--clr-text)}.bar{position:relative;display:block;width:300px}.bar:before,.bar:after{content:"";height:2px;width:0;bottom:1px;position:absolute;background:var(--clr-logo-hop);transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.item-review-input:focus~.bar:before,.item-review-input:focus~.bar:after{width:50%}@-webkit-keyframes inputHighlighter{0%{background:var(--clr-highlight)}to{width:0;background:transparent}}@-moz-keyframes inputHighlighter{0%{background:var(--clr-highlight)}to{width:0;background:transparent}}@keyframes inputHighlighter{0%{background:var(--clr-highlight)}to{width:0;background:transparent}}.item-review-submit-buttons button{font-size:var(--font-500);margin:0 .5rem;padding:.5rem 1rem;background-color:var(--clr-logo-hop);border:none;scale:1;transition:all .2s linear;color:var(--clr-bg);font-weight:400;border-radius:var(--br);cursor:pointer}.item-review-submit-buttons button:hover{scale:1.1}.item-review-submit-buttons button:active{scale:1}.item-page-review-graph{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}.graph-element{display:flex;align-items:center;width:100%;margin-bottom:.5rem;justify-content:center}.graph-element p{font-size:large;display:flex;align-items:center}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 .5rem;width:80%}progress[value]::-webkit-progress-bar{background-color:var(--clr-bg-accent);display:inline-block;border-radius:var(--br)}progress[value]::-webkit-progress-value{background-color:var(--clr-logo-hop);border-radius:var(--br)}.review-comments-container{display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem}.review-comments-container h3{margin:0}.review-comments-container h3 span{font-weight:100;font-size:var(--font-400)}.review-comment{margin-bottom:1rem}@media screen and (max-width: 800px){.shop-container{min-height:calc(100vh - 20.5rem)}}@media screen and (max-width: 1050px){.shop-item-card{width:240px}}@media screen and (max-width: 650px){.shop-container{min-height:calc(100vh - 20.2rem)}.shop-item-card{width:150px}.card-image-container{padding:.2rem}.shop-item-card-description h1{font-size:small}.shop-item-card-price p{font-size:x-small}.shop-filters-container ul li{font-size:small;padding:.1rem;width:3rem}}@media screen and (max-width: 600px){.shop-container{min-height:calc(100vh - 14.2rem)}}@media screen and (max-width: 950px){.item-page-info-container{height:400px;width:295px}.item-page-price p{font-size:large}.item-page-price p:first-child span{font-size:x-large}.item-page-price>p:first-child,.discounted-price>p:last-child{font-size:x-large}}@media screen and (max-width: 650px){.item-page-info-container{width:220px}.shop-item-page-container h1{font-size:larger}.shop-item-container{flex-direction:column;align-items:center}.item-page-info-container{border:none;padding:0;margin-top:1rem}.item-page-info-container h2{font-size:large}.item-page-info-container p{font-size:small}.stars{--star-size: 45px}.item-page-review{flex-direction:column;align-items:center}.item-page-review-stars,.item-page-review-graph{width:100%}.item-review-from{width:300px}.group .item-review-input,.group .bar,.group .item-review-label{font-size:15px;width:280px;margin:auto}.item-page-info-container:before{width:0}}.image-slider-container{width:460px;height:600px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.image-slider-image-container{height:95%;width:5%;transition:width 1s ease-in-out,height .8s ease-in-out;cursor:pointer}.image-slider-image{width:100%;height:100%;object-fit:cover;border-radius:var(--br);transition:border-radius .8s ease-in-out;opacity:.6}.image-slider-image:hover{opacity:.9}.image-slider-image-container.active-image{width:91%;height:100%}.active-image .image-slider-image{border-radius:var(--br);opacity:1;height:100%}@media screen and (max-width: 950px){.image-slider-container{height:400px;width:295px}}@media screen and (max-width: 650px){.image-slider-container{height:300px;width:220px}}.cart-container{display:flex;align-items:center;flex-direction:column;margin-bottom:2rem}.cart-container h2{margin:0}.cart-sections{max-width:var(--max-w);margin-top:2rem;display:flex}.cart-section{margin:0 .5rem;max-width:var(--max-w)}.cart-section{border:2px solid var(--clr-bg-accent);padding:.5rem;border-radius:var(--br)}.cart-section.items .cart-item-container:not(:last-child){margin-bottom:.5rem}.cart-item-container{background-color:var(--clr-bg-accent);border-radius:var(--br);display:flex;align-items:center;justify-content:space-between;padding:.5rem}.cart-item-info,.cart-item-price{display:flex;align-items:center}.cart-item-info{margin-right:2rem}.cart-item-image{width:100px;height:100px;object-fit:cover;margin-right:.5rem;display:flex;align-items:center}.cart-item-image img{height:100%}.cart-item-name{font-weight:700}.cart-item-name p:first-child{font-size:x-large}.cart-item-quantity{margin-right:2rem;text-align:center}.cart-item-quantity-counter{display:flex;border:1px solid var(--clr-bg);border-radius:var(--br);padding:.1rem;align-items:center;justify-items:center}.cart-item-quantity-counter button{border:none;background-color:var(--clr-bg);cursor:pointer;width:40px;height:35px;font-size:x-large;display:flex;justify-content:center;align-items:center}.cart-item-quantity-counter button:hover{opacity:.6}.cart-item-quantity-counter button:active{opacity:.3}.cart-item-quantity-counter p{padding:0 .5rem}.cart-item-total{margin-right:.5rem;text-align:center}.cart-item-total p{margin:.25rem 0}.cart-section.summary{min-width:300px}.cart-summary-container,.cart-summary-info-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.cart-summary-info{width:100%;display:flex;justify-content:space-between}.cart-summary-info:not(:last-child){border-bottom:2px solid var(--clr-bg-accent)}.cart-summary-info p{margin:.5rem 0}.cart-summary-info:last-child{font-weight:700}.cart-summary-container button{width:100%;border-radius:var(--br);border:none;padding:.7rem;background-color:var(--clr-bg-accent);font-size:large;color:var(--clr-text);font-weight:600;cursor:pointer}.cart-summary-container button:hover{background-color:var(--clr-hover)}.cart-summary-container button:active{background-color:var(--clr-active)}.cart-summary-container h3{background-color:var(--clr-bg-accent);width:100%;padding:.5rem;border-radius:var(--br);text-align:center;margin-top:0}.footer{background-color:var(--clr-logo-black);padding-top:1rem}.footer-container{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:1rem}.footer-logo{width:200px;height:auto}.footer-logo img{width:100%;height:auto;border-radius:var(--br)}.footer>p{text-align:center;padding-bottom:.5rem}.footer a:link{text-decoration:none;color:var(--clr-logo-hat)}.footer a:link:hover{color:var(--clr-highlight)}@media screen and (max-width: 600px){.footer-logo{width:100px}.footer-contact h2{font-size:large}.footer-contact p{font-size:medium}.footer>p{font-size:small}}@media screen and (max-width: 450px){.footer-container{flex-direction:column}}.admin-login{width:100%;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 20.6rem)}.dashboard{min-height:calc(100vh - 20.6rem)}.admin-nav{display:flex;justify-content:center}.admin-nav p{padding:0 1rem}.add-beer{display:flex;justify-content:center;align-items:center;flex-direction:column}.add-beer form{display:flex;flex-direction:column;margin-bottom:2rem}.add-beer form input{padding:.2rem;margin:.5rem}.admin-stock,.admin-stock form{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:1rem}.admin-stock form input,select{padding:.2rem;margin:.5rem}.admin-stock form select{font-size:large}.confirm-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px;color:var(--clr-text)}.confirm-card{position:relative;width:100%;max-width:540px;padding:56px 42px 34px;overflow:hidden;text-align:center;background:var(--clr-bg-accent);border:1px solid var(--clr-logo-hat);border-radius:8px;box-shadow:0 24px 80px #0000004d;animation:confirm-appear .65s ease both}.confirm-card:before{content:"";position:absolute;top:0;left:12%;width:76%;height:2px;background:linear-gradient(90deg,transparent,var(--clr-logo-hat-gr),transparent)}.confirm-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 28px;border:1px solid var(--clr-logo-hat-gr);border-radius:50%;color:var(--clr-logo-hat-gr);font-size:32px;transition:color .3s ease,background .3s ease,border-color .3s ease,transform .3s ease}.confirm-icon--ready{animation:confirm-float 3s ease-in-out infinite}.confirm-icon--loading{animation:confirm-spin 2s linear infinite}.confirm-icon--success{color:#82b89a;border-color:#527861;background:#82b89a14;animation:confirm-success .5s ease both}.confirm-icon--error{color:#d9857d;border-color:#81534e;background:#d9857d12}.confirm-eyebrow{margin:0 0 18px;color:var(--clr-logo-hat);font-size:var(--font-100);font-weight:600;letter-spacing:3px}.confirm-eyebrow span{color:var(--clr-logo-hop)}.confirm-card h1{margin:0;font-size:clamp(30px,5vw,42px);font-weight:400;line-height:1.2;letter-spacing:-.8px}.confirm-description{max-width:390px;min-height:54px;margin:20px auto 30px;color:#a7ab9e;font-size:14px;line-height:1.8}.confirm-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;color:#191d17;background:var(--clr-logo-hat);border:1px solid var(--clr-logo-hat);border-radius:3px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.confirm-button:hover{background:var(--clr-logo-hat-gr);box-shadow:0 6px 24px #c9a86a26;transform:translateY(-2px)}.confirm-button:focus-visible{outline:2px solid #f0eddf;outline-offset:4px}.confirm-button:active{transform:translateY(0)}.confirm-loader{width:30px;height:30px;margin:0 auto;border:2px solid #454b3e;border-top-color:#c9a86a;border-radius:50%;animation:confirm-spin .7s linear infinite}.confirm-success-note{display:flex;align-items:center;justify-content:center;gap:10px;color:#82b89a;font-size:10px;font-weight:600;letter-spacing:1.5px;animation:confirm-appear .4s ease both}.confirm-divider{width:100%;height:1px;margin:38px 0 22px;background:linear-gradient(90deg,transparent,#454b3e,transparent)}.confirm-footer{margin:0;color:#777d70;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic}@keyframes confirm-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes confirm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes confirm-spin{to{transform:rotate(360deg)}}@keyframes confirm-success{0%{transform:scale(.85)}65%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width: 480px){.confirm-card{padding:42px 24px 28px}.confirm-description{font-size:13px}}@media (prefers-reduced-motion: reduce){.confirm-card,.confirm-icon,.confirm-success-note{animation:none}.confirm-button{transition:none}}.behind-the-brew-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:var(--space-800);min-height:var(--min-h)}.behind-the-brew-container h1{text-transform:uppercase;font-size:var(--font-1000);background:-webkit-linear-gradient(bottom,var(--clr-logo-hat),var(--clr-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.behind-the-brew-container h1:last-child{color:var(--clr-logo-hop);font-size:8rem;margin-top:0}@media screen and (max-width: 600px){.behind-the-brew-container h1{font-size:var(--font-700)}.behind-the-brew-container h1:last-child{font-size:var(--font-1000)}}