.flavors-lola{position:relative;z-index:2;overflow:hidden;margin-top:calc(var(--flavors-lola-overlap, 60px) * -1);padding:48px 0 0;background-color:var(--flavors-lola-section-bg, transparent);font-family:sans-serif}@media screen and (min-width:750px){.flavors-lola{padding-top:72px}}@media screen and (max-width:749px){.flavors-lola{margin-top:calc(var(--flavors-lola-overlap-mobile, 120px) * -1)}}html[data-theme=night] .flavors-lola__card{background:linear-gradient(to bottom,#2b2f6a,#02002d,#010115)}html[data-theme=night] .flavors-lola__heading,html[data-theme=night] .flavors-lola__name,html[data-theme=night] .flavors-lola__spec,html[data-theme=night] .flavors-lola__description{color:#f4f1f0}html[data-theme=night] .flavors-lola__specs,html[data-theme=night] .flavors-lola__description,html[data-theme=night] .flavors-lola__spec:first-child{border-color:#f4f1f0}html[data-theme=night] .flavors-lola__cta{background-color:#f4f1f0;border-color:#f4f1f0;color:#2b2f6a}html[data-theme=night] .flavors-lola__cta:hover{background-color:color-mix(in srgb,#f4f1f0 70%,black 30%);border-color:color-mix(in srgb,#f4f1f0 70%,black 30%);color:#2b2f6a}html[data-theme=night] .flavors-lola__arrow{color:#f4f1f0;background-color:#f4f1f012;box-shadow:0 0 14px #f4f1f01f}html[data-theme=night] .flavors-lola__arrow:hover{background-color:color-mix(in srgb,#f4f1f0 18%,transparent);box-shadow:0 0 18px #f4f1f038}.flavors-lola__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;display:none}html[data-theme=night] .flavors-lola__stars{display:block}.flavors-lola__star{position:absolute;top:var(--flavors-lola-star-top, 50%);left:var(--flavors-lola-star-left, 50%);color:#9a9dc6;font-size:var(--flavors-lola-star-size, 16px);line-height:1;opacity:0;will-change:transform,opacity;animation:flavors-lola-star-in .6s ease-out forwards,flavors-lola-twinkle var(--flavors-lola-star-duration, 3s) ease-in-out infinite;animation-delay:var(--flavors-lola-star-delay, 0s),var(--flavors-lola-star-delay, 0s)}@keyframes flavors-lola-star-in{0%{opacity:0;transform:scale(.3)}to{opacity:var(--flavors-lola-star-opacity, .85);transform:scale(1)}}@keyframes flavors-lola-twinkle{0%,to{opacity:var(--flavors-lola-star-opacity, .85);transform:translate(0) scale(1)}50%{opacity:calc(var(--flavors-lola-star-opacity, .85) * .3);transform:translate(var(--flavors-lola-star-drift-x, 4px),-8px) scale(.82)}}@media(prefers-reduced-motion:reduce){.flavors-lola__star{animation:flavors-lola-star-in .4s ease-out forwards}}html[data-theme=night] .flavors-lola__slide{--flavors-lola-slide-ease: cubic-bezier(.22, 1, .36, 1)}.flavors-lola__slide:before{content:"";position:absolute;top:38%;left:50%;width:105%;height:55%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(247,240,222,.9) 0%,transparent 70%);filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .4s ease}.flavors-lola__slide:after{content:"";position:absolute;bottom:calc(3% + 29px);left:50%;width:42%;height:4%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.45) 0%,transparent 75%);filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease}.flavors-lola__slide[data-offset="0"]:before{opacity:.5}.flavors-lola__slide[data-offset="-1"]:after,.flavors-lola__slide[data-offset="1"]:after{opacity:var(--flavors-lola-shadow-opacity, .85)}.flavors-lola__slide[data-offset="0"]:after{z-index:-1;width:var(--flavors-lola-active-shadow-width, 42%);height:var(--flavors-lola-active-shadow-height, 4%);bottom:calc(3% + 29px + var(--flavors-lola-active-shadow-offset-y, 0px));opacity:var(--flavors-lola-active-shadow-opacity, .85)}.flavors-lola__slide[data-offset="-1"]:after,.flavors-lola__slide[data-offset="1"]:after{z-index:-1}.flavors-lola__slide[data-offset="-1"]:after{transform:translate(calc(-50% - 20px))}.flavors-lola__slide[data-offset="1"]:after{transform:translate(calc(-50% + 20px))}@media(prefers-reduced-motion:reduce){.flavors-lola__slide:before,.flavors-lola__slide:after{transition:none}}html[data-theme=night] .flavors-lola__slide:before{background:radial-gradient(circle,rgba(205,210,240,.85) 0%,transparent 70%)}.flavors-lola__section-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.flavors-lola__section-bg-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.flavors-lola__card{position:relative;z-index:1;container-type:inline-size;overflow:hidden;width:100%;margin:0 auto;padding:48px 24px 40px;padding-top:calc(max(48px,calc(var(--flavors-lola-arch-cqw-mobile, 24cqw) * .6)) * var(--flavors-lola-card-height-scale, 1));padding-bottom:calc(150px * var(--flavors-lola-card-height-scale, 1));background:linear-gradient(to bottom,var(--flavors-lola-bg-top),var(--flavors-lola-bg-bottom));border-radius:50% 50% 0 0/160px 160px 0 0;border-radius:50% 50% 0 0 / var(--flavors-lola-arch-cqw-mobile, 24cqw) var(--flavors-lola-arch-cqw-mobile, 24cqw) 0 0}@media screen and (min-width:750px){.flavors-lola__card{padding-left:40px;padding-right:40px;padding-top:calc(max(48px,calc(var(--flavors-lola-arch-cqw-desktop, 24cqw) * .375)) * var(--flavors-lola-card-height-scale, 1));padding-bottom:calc(150px * var(--flavors-lola-card-height-scale, 1));border-radius:50% 50% 0 0 / var(--flavors-lola-arch-cqw-desktop, 24cqw) var(--flavors-lola-arch-cqw-desktop, 24cqw) 0 0}}.flavors-lola__sun-highlight{position:absolute;top:50%;left:50%;width:calc(var(--flavors-lola-bottle-width-active) * 1.7);height:calc(var(--flavors-lola-bottle-width-active) * 1.7);transform:translate(-50%,calc(-50% - 10px));opacity:.6;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,205,7,.28) 0%,rgba(255,250,235,.22) 40%,transparent 68%);border-radius:50%}.flavors-lola__sun-rays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:flavors-lola-sun-highlight-rotate 110s linear infinite,flavors-lola-sun-highlight-flicker 4.5s ease-in-out infinite alternate}@keyframes flavors-lola-sun-highlight-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flavors-lola-sun-highlight-flicker{0%{opacity:.75}to{opacity:1}}@media(prefers-reduced-motion:reduce){.flavors-lola__sun-rays{animation:none}}html[data-theme=night] .flavors-lola__sun-highlight{display:none}.flavors-lola__heading{position:relative;z-index:1;margin:0 0 28px;text-align:center;color:var(--flavors-lola-heading-color);font-family:Afacad,sans-serif;font-size:clamp(34px,6.5vw,56px);font-weight:700;letter-spacing:.06em}.flavors-lola__carousel{--flavors-lola-bottles-height: calc(var(--flavors-lola-bottle-width-active) * 1.3);--flavors-lola-bottle-width: min(403px, 76cqw);--flavors-lola-bottle-width-active: min(480px, 90cqw);--flavors-lola-bottle-gap: 150px;--flavors-lola-arrow-gap: 10px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.flavors-lola__viewport{position:relative;width:100%;max-width:640px;margin:0 auto}.flavors-lola__bottles{position:relative;height:var(--flavors-lola-bottles-height);margin:0 auto;padding:0;width:100%;list-style:none;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.flavors-lola__bottles.is-dragging{cursor:grabbing}.flavors-lola__slide{position:absolute;bottom:0;left:50%;z-index:1;width:var(--flavors-lola-bottle-width);opacity:0;pointer-events:none;cursor:pointer;transform:translate(-50%);transition:transform .6s var(--flavors-lola-slide-ease, cubic-bezier(.34, 1.56, .64, 1)),opacity .4s ease,width .6s var(--flavors-lola-slide-ease, cubic-bezier(.34, 1.56, .64, 1))}.flavors-lola__slide[data-offset="-1"]{z-index:2;opacity:1;pointer-events:auto;transform:translate(calc(-50% - var(--flavors-lola-bottle-gap)))}.flavors-lola__slide[data-offset="1"]{z-index:2;opacity:1;pointer-events:auto;transform:translate(calc(-50% + var(--flavors-lola-bottle-gap)))}.flavors-lola__slide[data-offset="0"]{z-index:3;width:var(--flavors-lola-bottle-width-active);opacity:1;pointer-events:auto;transform:translate(-50%,var(--flavors-lola-active-offset, 24px))}@media screen and (min-width:750px){.flavors-lola__carousel{--flavors-lola-bottles-height: 618px;--flavors-lola-bottle-width: 356px;--flavors-lola-bottle-width-active: 446px;--flavors-lola-bottle-gap: 190px;--flavors-lola-arrow-gap: 14px}.flavors-lola__viewport{max-width:860px}}@media screen and (min-width:990px){.flavors-lola__carousel{--flavors-lola-bottles-height: 720px;--flavors-lola-bottle-width: 424px;--flavors-lola-bottle-width-active: 515px;--flavors-lola-bottle-gap: 260px;--flavors-lola-arrow-gap: 20px}.flavors-lola__viewport{max-width:1040px}}@media(prefers-reduced-motion:reduce){.flavors-lola__slide{transition-duration:.01ms}}.flavors-lola__slide-image{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}.flavors-lola__arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border:none;background:none;color:var(--flavors-lola-arrow-color);cursor:pointer;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.flavors-lola__arrow--prev{left:calc(50% - (var(--flavors-lola-bottle-gap) + var(--flavors-lola-bottle-width) / 2 + var(--flavors-lola-arrow-gap) + 60px))}.flavors-lola__arrow--next{right:calc(50% - (var(--flavors-lola-bottle-gap) + var(--flavors-lola-bottle-width) / 2 + var(--flavors-lola-arrow-gap) + 60px))}.flavors-lola__arrow:hover{background-color:color-mix(in srgb,var(--flavors-lola-arrow-color) 10%,transparent);transform:translateY(-50%) scale(1.08)}.flavors-lola__arrow:focus-visible{outline:2px solid var(--flavors-lola-arrow-color);outline-offset:2px}.flavors-lola__arrow[disabled]{opacity:.3;cursor:default;pointer-events:none}@media screen and (max-width:480px){.flavors-lola__arrow{display:none}}.flavors-lola__details{position:relative;z-index:1;display:grid;max-width:460px;margin:0 auto;padding-top:32px;text-align:center}.flavors-lola__detail{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .35s ease}.flavors-lola__detail.is-active{opacity:1;pointer-events:auto}.flavors-lola__name{margin:0 0 16px;color:var(--flavors-lola-name-color);font-family:Afacad,sans-serif;font-size:clamp(26px,5vw,38px);font-weight:600;letter-spacing:.03em}.flavors-lola__specs{display:flex;align-items:center;justify-content:center;border-top:1.5px solid #2b2f6a;border-bottom:1.5px solid #2b2f6a;margin-bottom:20px}.flavors-lola__spec{flex:1;padding:12px 10px;color:var(--flavors-lola-text-color);font-family:Afacad,sans-serif;font-size:15px;font-weight:400;letter-spacing:.05em}.flavors-lola__spec:first-child{border-right:1.5px solid #2b2f6a}.flavors-lola__description{margin:0 0 40px;color:var(--flavors-lola-text-color);font-family:Afacad,sans-serif;font-size:17px;font-weight:500;line-height:1.6;padding-bottom:24px;border-bottom:1.5px solid #2b2f6a}.flavors-lola__cta{display:inline-flex;align-items:center;justify-content:center;height:42px;padding-left:30px;padding-right:30px;border:1.5px solid var(--flavors-lola-cta-bg);background-color:var(--flavors-lola-cta-bg);color:var(--flavors-lola-cta-text);border-radius:6px;font-family:Afacad,sans-serif;font-size:17px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,border-color .25s ease}.flavors-lola__cta:hover{background-color:var(--flavors-lola-cta-hover-bg, #2a273c);border-color:var(--flavors-lola-cta-hover-bg, #2a273c);color:var(--flavors-lola-cta-text)}.flavors-lola__cta:focus-visible{outline:2px solid var(--flavors-lola-cta-bg);outline-offset:3px}@media screen and (max-width:749px){.flavors-lola__cta{font-size:16px}}@media(prefers-reduced-motion:reduce){.flavors-lola__slide,.flavors-lola__detail,.flavors-lola__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/flavors-lola.css.map */