:root{--product-size:18rem;--scroll-color:#fff;--body-bck-color:#000;--navmenu-top:2.5rem;--menu-link-color:#fff;--hambmenu-color:#fff;--side-menu-bck-color:#000;--button-bcg-color:#fff;--button-color:#000;--navbar-border-color:#fff;--footer-color:#fff;--shopbag-color:#fff}main{justify-items:center;gap:1rem;padding-block-end:1rem;display:grid}.divider-learn{color:#fff;font-size:2.5rem;line-height:65%}main *{animation:animation-fade-in .5s linear}@keyframes animation-fade-in{0%{opacity:0}to{opacity:1}}.source-section,.subtitle-box,.about-section,.roast-section,.roast-types-box{width:100vw;align-content:center;place-items:center;display:grid}.source-section,.roast-section{gap:.5rem}p.source-title,p.source-text,div.about-text,.roast-section,.types-text-box p{text-align:center}.source-title,.about-title,.roast-title,.about-subtitle,.roast-subtitle{text-align:center;color:#fff;text-transform:uppercase;font-family:bc-medium,sans-serif;font-size:1.7rem}.source-text,.about-text,.roast-text{color:#fff;text-transform:none;font-family:bc-medium,sans-serif;font-size:1.2rem}p.source-title,p.source-text,.roast-section{padding:0 1rem}a.about-subtitle,p.roast-subtitle{font-size:1.5rem}.subtitle-box{width:100%;position:relative}.subtitle-box:after{content:"";width:100%;height:30%;background-image:linear-gradient(#0000,#000 95%);position:absolute;inset-block-end:0;inset-inline:0}.subtitle-video{width:100vw;height:25rem;object-fit:cover;pointer-events:none}img.map{width:100vw;height:auto}.about-section{grid-template-columns:45% 55%;padding:0 .7rem}.about-title{grid-area:1/1/2/3;padding-block:1rem}.about-heading-box{flex-direction:column;gap:3rem;display:flex}.about-heading{grid-template:1fr/1fr;place-items:center;display:grid}a.about-subtitle{grid-area:1/1/2/2;text-decoration:none}.about-img{opacity:.5;width:5.5rem;height:auto;grid-area:1/1/2/2;transition:all .5s}.about-heading.active .about-img{width:7rem;opacity:1;transition:all .5s;transform:rotate(180deg)}div.about-text{display:none}div.about-text.active{opacity:1;display:block}.fade-in{animation-name:fade-in;animation-duration:.5s;animation-timing-function:ease-in}@keyframes fade-in{0%{opacity:.1}50%{opacity:.5}to{opacity:1}}.roast-types-box{grid-template-columns:60% 40%;padding:0 .7rem}.types-img-box{flex-direction:column;gap:4rem;display:flex}.roast-img{width:6.5rem;height:auto;filter:grayscale();transition:all .5s}.roast-img.active{filter:grayscale(0%);transition:all .5s}.type-box{display:none}.type-box.active{flex-direction:column;gap:.5rem;display:flex}.cart-game-title{text-align:center}a.divider-learn{color:#fff;font-size:2.5rem;line-height:65%;text-decoration:none}.game-box{width:19rem;justify-items:center;gap:.5rem;display:grid}.game-box *,.game-box :before,.game-box :after{box-sizing:border-box}@media (min-width:550px){.game-box{width:30rem}}.blend-game{justify-items:center;gap:1rem;display:grid}.game-select{color:#fff;text-transform:uppercase;text-align:center;font-family:bc-regular,sans-serif;font-size:1.5rem}select#blend-game{appearance:none;width:18rem;text-align:center;color:#000;text-transform:none;background:#fff url(AD.450af83f.png) 98%/7% no-repeat;border:.2rem solid #000;outline:.2rem solid #fff;padding:.3rem;font-family:bc-medium,sans-serif;font-size:1.2rem;overflow:auto}select#blend-game:focus,select#blend-game:focus-within{background:#fff url(AU.30b6e817.png) 98%/7% no-repeat}.result-box{grid-template-rows:1fr;grid-template-columns:1fr;display:grid}.result-box div{display:none}.result-box div.active{height:25rem;align-content:space-evenly;justify-items:center;gap:.3rem;display:grid}.result-box div.active .game-outcome{color:#fff;text-transform:none;justify-items:center;gap:.2rem;font-family:bc-regular,sans-serif;font-size:1.5rem;display:grid}.result-box div.active .game-outcome .blend-title{text-transform:uppercase;box-shadow:inset 0 -.7rem 0 -.6rem #fff}.result-box div.active .game-outcome p{text-align:center}.game-result{width:17rem;height:17rem}.game-result.search{width:13rem;height:13rem}@media (min-width:350px){.about-heading-box,.types-img-box{gap:2rem}.about-section,.roast-types-box{width:20rem}}@media (min-width:450px){p.source-title,p.source-text,.roast-section{max-width:30rem}.about-heading-box,.types-img-box{gap:1rem}.about-section,.roast-types-box{width:25rem}}@media (min-width:600px){p.source-title,p.source-text,.roast-section{max-width:38rem}.about-heading-box,.types-img-box{gap:1rem}.about-section,.roast-types-box{width:30rem}.about-section{grid-template-columns:35% 65%}.roast-types-box{grid-template-columns:55% 45%}}@media (min-width:800px){img.map{width:75vw;max-width:55rem}.about-heading-box,.types-img-box{flex-direction:row;gap:1rem}.about-heading-box{height:7.5rem}.about-heading-textbox{height:13rem}.about-section,.roast-types-box{width:45rem;gap:.5rem;display:flex}.about-section{flex-direction:column}.roast-types-box{flex-direction:column-reverse}.about-title{grid-area:auto;padding-block:1rem}.types-img-box{padding-block:.5rem}.roast-img{width:7.5rem}p.roast-text{height:9rem}}@media (min-width:1300px){p.source-title,p.source-text,.roast-section{max-width:60rem}.about-heading-textbox,.type-box{width:55rem}.about-section,.roast-types-box{width:60rem}}
/*# sourceMappingURL=learn.6c5005af.css.map */