.flavors-lola{position:relative;z-index:2;overflow:hidden;margin-top:calc(var(--flavors-lola-overlap-mobile, 120px) * -1);padding:48px 0 0;background-color:var(--flavors-lola-section-bg, transparent);font-family:sans-serif}@media screen and (min-width:750px)and (max-width:1399.98px){.flavors-lola{margin-top:calc(var(--flavors-lola-overlap-tablet-vw, 20) * 1vw * -1);padding-top:72px}}@media screen and (min-width:1400px){.flavors-lola{margin-top:calc(var(--flavors-lola-overlap-vw, 17) * 1vw * -1);padding-top:72px}}html[data-theme=night] .flavors-lola__card{background:linear-gradient(to bottom,var(--flavors-lola-bg-top-night, #2B2F6A),var(--flavors-lola-bg-bottom-night, #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:#fcf8f4}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:#fcf8f4}html[data-theme=night] .flavors-lola__arrow{color:#fcf8f4;background-color:#fcf8f412;box-shadow:0 0 14px #fcf8f41f}html[data-theme=night] .flavors-lola__arrow:hover{background-color:color-mix(in srgb,#fcf8f4 18%,transparent);box-shadow:0 0 18px #fcf8f438}.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:#fcf8f4;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(252,248,244,.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(252,248,244,.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(254,206,3,.28) 0%,rgba(252,248,244,.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:"Noto Serif",Georgia,serif;font-stretch:68%;font-variation-settings:"wdth" 68;font-size:clamp(28px,4vw,44px);line-height:1.08;font-weight:600;letter-spacing:-.01em}.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);height:100%;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: min(618px, 68vh);--flavors-lola-bottle-width: calc(var(--flavors-lola-bottles-height) * .576);--flavors-lola-bottle-width-active: calc(var(--flavors-lola-bottles-height) * .722);--flavors-lola-bottle-gap: calc(var(--flavors-lola-bottles-height) * .307);--flavors-lola-arrow-gap: 14px}.flavors-lola__viewport{max-width:860px}}@media screen and (min-width:990px){.flavors-lola__carousel{--flavors-lola-bottles-height: min(720px, 68vh);--flavors-lola-bottle-width: calc(var(--flavors-lola-bottles-height) * .589);--flavors-lola-bottle-width-active: calc(var(--flavors-lola-bottles-height) * .715);--flavors-lola-bottle-gap: calc(var(--flavors-lola-bottles-height) * .361);--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:100%;object-fit:contain;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:var(--flavors-lola-details-gap-mobile, 40px);text-align:center}@media screen and (min-width:750px){.flavors-lola__details{padding-top:var(--flavors-lola-details-gap, 56px)}}.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:"Noto Serif",Georgia,serif;font-stretch:78%;font-variation-settings:"wdth" 78;font-size:clamp(19px,2vw,28px);line-height:1.2;font-weight:600;letter-spacing:-.01em}.flavors-lola__specs{display:flex;align-items:center;justify-content:center;border-top:1.5px solid #030053;border-bottom:1.5px solid #030053;margin-bottom:20px}.flavors-lola__spec{flex:1;padding:12px 10px;color:var(--flavors-lola-text-color);font-family:Inter,sans-serif;font-size:15px;font-weight:400;letter-spacing:.05em}.flavors-lola__spec:first-child{border-right:1.5px solid #030053}.flavors-lola__description{margin:0 0 40px;color:var(--flavors-lola-text-color);font-family:Inter,sans-serif;font-size:17px;font-weight:400;line-height:1.65;padding-bottom:24px;border-bottom:1.5px solid #030053}@media(prefers-reduced-motion:reduce){.flavors-lola__slide,.flavors-lola__detail{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/flavors-lola.css.map */