:root{--brown-light-10: #5a4739;--brown-light-20: #6d5c4f;--brown-light-30: #7f7065;--brown-light-40: #91857b;--brown-light-50: #a49991;--brown-light-60: #b6ada7;--brown-light-70: #c8c2bd;--brown-light-80: #dad6d3;--brown-light-90: #edebe9}@font-face{font-family:Bogue;src:url(/build/assets/Bogue-Regular-Beny5WBI.woff2) format("woff2"),url(/build/assets/Bogue-Regular-DvpDaHGY.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.main-container{align-items:center;justify-content:center;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;font-family:ariana-pro;z-index:10;--logo: #abc38f;--header: #abc38f;--plainText: #3b4e2c}.main-container.bowl{--logo: #abc38f;--header: #abc38f;--plainText: #3b4e2c}.main-container.drink{--logo: #c4cae1;--header: #6d76b7;--plainText: #21254c}.main-container>.bg{position:fixed;width:inherit;left:0;right:0;top:0;bottom:0;background-color:#272722;opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none}.main-container>.container{position:fixed;display:flex;flex-direction:row-reverse;background-color:#f7f5ee;left:50%;top:50%;width:100%;height:100%;max-width:1024px;max-height:880px;transform:translate(-50%,-50%);z-index:2;overflow-y:hidden;opacity:0;animation:setOpacity .2s linear .6s forwards}.main-container>.container>.close-btn-container{position:absolute;top:24px;right:24px;color:#eee7e1;cursor:pointer;will-change:all;transition:all .3s ease}.main-container>.container>.close-btn-container:hover{scale:1.03}.main-container>.container>.close-btn-container:active{scale:.97}.main-container>.container>.close-btn-container>.close-btn{position:relative;font-size:2rem;z-index:2}.main-container>.container>.close-btn-container>.close-btn:after{content:"";position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px;background-color:#483323;z-index:-1}.main-container>.container>.img-container{display:none;flex:50%;overflow:hidden;justify-content:center}.main-container>.container>.img-container>img{width:100%;height:auto;object-fit:cover;aspect-ratio:1}@media screen and (min-width: 1080px){.main-container>.container>.img-container{display:flex}}.main-container>.container>.info-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:60%;width:100%;padding:64px 64px 0;color:var(--plainText);text-transform:uppercase;overflow-x:hidden;overflow-y:auto}@media screen and (min-width: 980px){.main-container>.container>.info-container{overflow-y:hidden}}.main-container>.container>.info-container>svg{width:48px;height:48px;min-width:48px;min-height:48px;color:var(--logo)}.main-container>.container>.info-container>.subtext{font-family:Bogue;font-size:1.125rem;padding:32px 24px 24px;text-align:center}@media screen and (min-width: 480px){.main-container>.container>.info-container>.subtext{padding-left:48px;padding-right:48px}}.main-container>.container>.info-container .text-fg-on-card>p>span{font-size:3rem!important;font-weight:600;color:var(--header)}.main-container>.container>.info-container h1,.main-container>.container>.info-container .text-fg-on-card{font-size:4rem;color:var(--header);text-align:center;font-weight:700;line-height:1;padding-bottom:8px}@media screen and (min-width: 480px){.main-container>.container>.info-container h1,.main-container>.container>.info-container .text-fg-on-card{padding-bottom:0}}.main-container>.container>.info-container>h2{text-align:center}.main-container>.container>.info-container .msg{display:block;font-family:ariana pro;color:var(--plainText)}.main-container>.container>.info-container .msg.receive{font-weight:600;padding-bottom:48px;padding-right:0}.main-container>.container>.info-container .msg.thanks{font-weight:500;text-transform:none;max-width:400px;align-self:center}.main-container>.container>.info-container>div{position:relative;width:100%;padding-top:24px;padding-bottom:24px}.main-container>.container>.info-container>div>.arrow{position:absolute;top:0;right:-32px}@media screen and (min-width: 789px){.main-container>.container>.info-container>div>.arrow{right:48px}}.main-container>.container>.info-container>div>p{font-family:Caveat;font-weight:600;text-align:center;color:#e78d5c;padding-right:24px}.main-container>.container>.info-container>.form-outer-container{display:flex;flex-direction:column;justify-content:center;justify-self:center;row-gap:16px}.main-container>.container>.info-container>.form-outer-container>#popup>form{display:flex;flex-direction:column;width:100%}.main-container>.container>.info-container>.form-outer-container>#popup>form>#leat-firstname,.main-container>.container>.info-container>.form-outer-container>#popup>form #leat-email{padding-top:24px}.main-container>.container>.info-container>.form-outer-container>#popup>form>div{display:flex;flex-direction:column;position:relative;width:100%}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>label{text-transform:none;font-size:.875rem;font-weight:500}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>input{width:-webkit-fill-available;background-color:#fff;padding:16px;margin-top:6px;font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;color:#483323}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>input::placeholder{color:#bcbaaa}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>input:focus-within{outline:1px solid #BCBAAA}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>span{position:absolute;top:50%;left:16px;transform:translateY(-50%);transition:all .2s linear;color:#bcbaaa}.main-container>.container>.info-container>.form-outer-container>#popup>form>div:focus-within>span{color:#483323}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>button{margin-top:48px;padding:16px;border-radius:12px;border:none;background-color:#483323;color:#f7f5ee;font-size:1rem;font-weight:600;will-change:scale;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>button:hover{scale:1.03;background-color:color-mix(in oklch,#483323,black 10%)}.main-container>.container>.info-container>.form-outer-container>#popup>form>div>button:active{scale:.97}.main-container>.container>.info-container>.safety-nota{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:16px;padding-bottom:64px;text-transform:none;font-size:.875rem;color:#bcbaaa}.main-container>.container>.info-container>.safety-nota>span{padding-right:6px}.hidden{display:none!important}@keyframes setOpacity{0%{opacity:0}to{opacity:1}}*{margin:0;font-family:ariana-pro}html{scrollbar-width:thin}html::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #F7F5EE;background-color:#f7f5ee}html::-webkit-scrollbar{width:8px;background-color:var(--brown-light-90)}html::-webkit-scrollbar-thumb{background-color:#483323;border:2px solid #483323}body{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;margin:0;background-color:#f7f5ee;padding:0 24px;scrollbar-width:thin}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #F7F5EE;background-color:#f7f5ee}body::-webkit-scrollbar{width:8px;background-color:var(--brown-light-90)}body::-webkit-scrollbar-thumb{background-color:#483323;border:2px solid #483323}footer{max-width:1300px;background-color:#eee7e1;padding:42px 24px;margin:0 24px 42px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-sizing:border-box}footer>img{max-width:32px}footer>.adress{display:flex;flex-direction:column;align-items:center;font-size:.625rem;color:#483323;padding:16px 0 0;font-weight:400}footer>.adress>.divider{border-radius:100px;width:4px;height:4px;background-color:#b99983;margin:16px 0}footer>.adress>p:first-of-type{display:flex;flex-direction:column;align-items:center;font-size:.75rem;font-weight:800;text-transform:uppercase}footer>.adress>p:first-of-type>span{padding-top:6px;text-transform:none;font-weight:400}header{padding:42px 0;display:flex;flex-direction:column;align-items:center}header img.logo{width:84px;margin:20px}header p{text-transform:uppercase;font-size:.75rem;color:#b99983;font-weight:600;padding:0 42px;text-align:center}header p>span{padding:0 6px;color:#483323;font-weight:300}@keyframes bounce{0%{transform:translate(0)}to{transform:translate(4px)}}img.logo{width:50px;margin:20px}.slide-container{display:flex;flex-direction:column;max-width:1300px;width:100%;overflow:hidden;margin-bottom:32px}.slide-container img.slide{margin-bottom:32px;max-width:1300px;width:200%}.slide-container .odd{display:flex;align-self:flex-end}.slide-container img.slide:last-child{margin-bottom:0}section{position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:center;gap:24px;width:100%;background-color:#f7f5ee;text-align:center}section>div{padding:42px 24px;width:100%;position:relative}section>div>p{font-size:1.5rem;color:#b99983;padding-bottom:12px;font-weight:400;font-family:Bogue;text-transform:uppercase}section>div>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}section>div>div a{justify-content:center;color:#f7f5ee;border:0px solid #483323;background-color:#483323;border-radius:90px;transition:all .3s ease;position:relative;padding:14px 0;text-transform:uppercase;text-decoration:none;font-weight:500;z-index:1;overflow:hidden;font-weight:800;width:140px;display:flex;gap:12px;font-size:.75rem;height:fit-content;cursor:pointer}section>div>div a:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0%;border:none;background-color:#b99983;transition:all .3s ease;z-index:-1}section>div>div a:hover{color:#eee7e1;background-color:#b99983;transition-delay:.2s}section>div>div a:hover:after{width:100%;border:0px solid transparent}section>div>div a:active{transition:all .1s ease-in;transform:scale(.8)}section>div>div .delivery{position:relative;padding-left:0;height:14px;gap:0px;align-items:center;background-color:transparent;color:#483323;transition:all .3s ease;outline:1px solid #483323;outline-offset:-1px}section>div>div .delivery:hover{background-color:transparent;border:0px;color:#483323}section>div>div .delivery:hover:after{width:0px;background-color:transparent}section>div>div .delivery>span{position:relative;transform:rotate(0);transition:all .3s ease;line-height:0}section>div>div .delivery.open{background-color:transparent;outline-color:#b99983;color:#b99983}section>div>div .delivery.open>span{transform:rotate(180deg)}section>div>div>div{position:relative}section>div>div>div:after{content:"";position:absolute;bottom:-4px;left:-4px;right:0;border-radius:26px;background-color:transparent;height:0px;width:100%;padding:4px;opacity:0;transition:all .3s ease}section>div>div>div.closed:after{transition-delay:.2s,.5s}section>div>div>div.open:after{height:148px;opacity:1;transition-delay:0ms,.1s}section>div>div>div .delivery-container{position:absolute;display:flex;flex-direction:column;height:fit-content;bottom:58px;gap:6px}section>div>div>div .delivery-container>a{position:relative;font-size:.75rem;font-weight:600;background-color:#483323;visibility:hidden;opacity:0;transform:translateY(60px);transition:all .3s ease}section>div>div>div .delivery-container.closed>a:first-of-type{transition-delay:.2s}section>div>div>div .delivery-container.open>a{visibility:visible;opacity:1;transform:translateY(0)}section>div>div>div .delivery-container.open>a:last-of-type{transition-delay:.2s}section>div>div>.voucher-btn{position:relative;display:flex;flex-direction:row;align-items:center;max-width:unset;width:auto;margin-left:16px;margin-top:12px;padding:0;border:none;background-color:#f7f5ee;color:#483323;text-transform:uppercase;font-size:1rem;font-weight:900;overflow:hidden;cursor:pointer;transition:all .2s ease-in-out}section>div>div>.voucher-btn>span{font-size:2rem;animation:bounce .3s ease-out infinite alternate}section>div>div>.voucher-btn:hover{color:#b99983}section>div>div>.voucher-btn:hover>span{animation-play-state:paused}@media screen and (min-width: 640px){section>div>div>.voucher-btn{margin-top:0}}@media only screen and (min-width: 980px){img.logo{width:150px;margin:50px}}@media screen and (min-width: 713px){.slide-container img.slide{margin-bottom:42px;width:100%}.slide-container .odd{display:none}}
