.flavors{--frame: rgba(18, 55, 47, .26);overflow:hidden;position:relative}.flavors__bg{background:linear-gradient(180deg,var(--bg) 0%,#fbfaf6 100%);top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--t-base),visibility var(--t-base);visibility:hidden}.flavors__bg.is-active{opacity:1;visibility:visible}.flavors__leaf{display:none;height:80px;bottom:60px;left:2%;object-fit:contain;position:absolute;rotate:-18deg;width:90px}.flavors__wrap{padding-top:64px;padding-bottom:56px;position:relative}.flavors__eyebrow{margin-bottom:12px}.flavors__title{font-size:34px}.flavors__intro{color:var(--fg-muted);font-size:17px;line-height:1.5;margin-top:16px;max-width:34ch}.flavors__menu{border-radius:8px;margin-top:24px;padding:8px}.flavors__list{background:#ffffff8c;border-radius:8px;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.flavors__item{position:relative}.flavors__glow{background:linear-gradient(90deg,var(--accent) 0%,rgba(255,255,255,0) 100%);top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--t-base),visibility var(--t-base);visibility:hidden}.flavors__item.is-active .flavors__glow{opacity:1;visibility:visible}.flavors__edge{border:0 solid var(--frame);border-left-width:1px;border-right-width:1px;top:0;bottom:0;left:-7.5px;right:-7.5px;position:absolute;transition:top var(--t-base),bottom var(--t-base)}.flavors__item:first-child .flavors__edge{border-top-width:1px;border-radius:8px 8px 0 0;top:-7.5px}.flavors__item:last-child .flavors__edge{border-bottom-width:1px;border-radius:0 0 8px 8px;bottom:-7.5px}.flavors__item.is-active:before,.flavors__item.is-active:after,.flavors__item.is-leaving:before,.flavors__item.is-leaving:after{background:#1ab796;content:"";height:var(--bar-h, 100%);top:0;left:-8px;position:absolute;transform:translateY(var(--bar-y, 0));transition:transform .35s,height .35s;width:2px;z-index:1}.flavors__item.is-active:after,.flavors__item.is-leaving:after{left:auto;right:-8px}.flavors__tab{color:var(--fg);display:flex;font-weight:700;gap:8px;letter-spacing:-.01em;line-height:1.45;padding:10px 16px;justify-content:space-between;align-items:center;position:relative;text-align:start;width:100%}.flavors__item+.flavors__item .flavors__tab{border-top:1px solid var(--frame)}.flavors__tab:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.flavors__arrow{flex-shrink:0;height:16px;opacity:0;transform:translate(10px);transition:transform var(--t-base),opacity var(--t-base);width:16px}.flavors__item.is-active .flavors__arrow,.flavors__item.is-coming .flavors__arrow,.flavors__tab:focus-visible .flavors__arrow{opacity:1;transform:none}@media(hover:hover){.flavors__tab:hover .flavors__arrow{opacity:1;transform:none}}.flavors__stage{aspect-ratio:1;margin-top:28px;position:relative}.flavors__product{top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--t-base),visibility var(--t-base);visibility:hidden}.flavors__product.is-active{opacity:1;pointer-events:auto;transition-delay:var(--t-base);visibility:visible}.flavors__product:before{background:var(--accent);border-radius:50%;content:"";filter:blur(60px);height:70%;top:48%;left:50%;opacity:.7;position:absolute;transform:translate(-50%,-50%);transition:opacity var(--t-reveal);width:70%}.flavors__back{height:74%;top:10%;left:13%;object-fit:contain;position:absolute;width:74%}.flavors__pack{height:84%;top:4%;left:6%;object-fit:contain;position:absolute;width:88%}.flavors__pack--flat{height:80%;top:6%}.flavors__side{display:none;height:120px;top:120px;right:-150px;object-fit:contain;position:absolute;width:120px}.flavors__berry{height:56px;bottom:30%;left:6px;object-fit:contain;position:absolute;rotate:20deg;width:64px}.flavors__quick{top:2%;right:0;position:absolute;z-index:1}.flavors__caption{bottom:0;color:var(--fg-muted);font-size:14px;left:0;line-height:1.4;position:absolute;right:70px}.flavors__caption strong{color:var(--fg);display:block;font-size:15px;font-weight:700}.flavors [data-drift]{transition:translate .3s linear}[data-reveal] .flavors__intro,[data-reveal] .flavors__menu,[data-reveal] .flavors__eyebrow,[data-reveal] .flavors__product:before{opacity:0}[data-reveal] .flavors__stage{opacity:0;transform:translateY(40px) scale(.97)}[data-reveal].is-in .flavors__intro,[data-reveal].is-in .flavors__menu,[data-reveal].is-in .flavors__eyebrow{opacity:1;transition:opacity var(--t-reveal) .2s}[data-reveal].is-in .flavors__stage{opacity:1;transform:none;transition:opacity 1s .2s,transform 1.2s cubic-bezier(.2,.8,.2,1) .2s}[data-reveal].is-in .flavors__product:before{opacity:.7}@media(min-width:768px){.flavors__tab{font-size:22px;padding:16px 24px}.flavors__title{font-size:44px}}@media(min-width:992px){.flavors__side{display:block}.flavors__wrap{display:flex;align-items:center;padding-top:90px;padding-bottom:90px}.flavors__text{max-width:470px}.flavors__menu{margin-top:32px;max-width:439px}.flavors__arrow{height:24px;width:24px}.flavors__item.is-prev .flavors__edge{bottom:7px}.flavors__item.is-prev:first-child .flavors__edge{bottom:7.5px}.flavors__item.is-next .flavors__edge{top:7px}.flavors__item.is-next:last-child .flavors__edge{top:7.5px}.flavors__stage{margin:0 40px 0 auto;width:52%}.flavors__berry{height:84px;bottom:26%;left:-4%;width:84px}.flavors__side{right:-70px;top:30%;height:130px;width:130px;rotate:12deg}.flavors__quick{top:4%;right:2%}.flavors__caption{left:6%}}@media(min-width:1200px){.flavors__title{font-size:56px}.flavors__stage{margin-right:80px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/flavor-tabs.css.map */