.flavor-finder{--ff-bg: #03c5f9;--ff-pill: #1a489f;--ff-cta: #e30613;--ff-cta-text: #ffffff;--ff-outline: #223985;--ff-badge: #e30613;--ff-text: #ffffff;--ff-card: rgba(255, 255, 255, .14);--ff-card-border: rgba(255, 255, 255, .4);--ff-skew: 10deg;--ff-gap: 1.2rem;--ff-radius: 1.4rem;--ff-visible: 2.5;--ff-bottle-zoom: 1;position:relative;overflow:hidden;color:var(--ff-text)}.flavor-finder .ff-inner{max-width:var(--ff-max);margin:0 auto;padding-left:var(--ff-pad);padding-right:var(--ff-pad)}.flavor-finder .ff-heading{margin:0 0 2rem;padding:0 .15em .06em 0;color:var(--ff-text);font-family:var(--font-heading-family3),var(--font-heading-family);font-style:normal;font-synthesis:none;font-weight:700;font-size:5.2rem;line-height:.88;letter-spacing:0;text-transform:uppercase;-webkit-text-stroke:.055em var(--ff-outline);paint-order:stroke fill;text-shadow:.04em .05em 0 var(--ff-outline)}.flavor-finder .ff-w{display:inline-block;transform:skew(calc(-1 * var(--ff-skew)));transform-origin:left bottom}.flavor-finder .ff-track{display:flex;gap:var(--ff-gap);margin:0 calc(-1 * var(--ff-pad));padding:.6rem var(--ff-pad) 1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ff-pad);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.flavor-finder .ff-track::-webkit-scrollbar{display:none}.flavor-finder .ff-card{flex:0 0 calc((100% - (var(--ff-visible) - 1) * var(--ff-gap)) / var(--ff-visible));scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;background:var(--ff-card);border:1px solid var(--ff-card-border);border-radius:var(--ff-radius);padding:1rem 1rem 1.2rem}.flavor-finder .ff-card-media{position:relative;overflow:hidden;aspect-ratio:4 / 5;margin-bottom:1rem}.flavor-finder .ff-bottle{display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--ff-bottle-zoom));transform-origin:center center}.flavor-finder .ff-bottle--placeholder{opacity:.4}.flavor-finder .ff-badge{position:absolute;top:.2rem;left:0;z-index:1;padding:.3rem .8rem;background:var(--ff-badge);color:var(--ff-text);font-family:var(--font-body-family);font-weight:700;font-style:italic;font-size:1.1rem;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;border-radius:.4rem;transform:skew(calc(-1 * var(--ff-skew)))}.flavor-finder .ff-card-body{flex:1 1 auto;display:flex;flex-direction:column}.flavor-finder .ff-name{margin:0 0 .3rem;min-height:1.9em;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere;color:var(--ff-text);font-family:var(--font-heading-family3),var(--font-heading-family);font-style:normal;font-synthesis:none;font-weight:700;font-size:2.4rem;line-height:.95;letter-spacing:0;text-transform:uppercase;-webkit-text-stroke:.4px var(--ff-outline);paint-order:stroke fill}.flavor-finder .ff-taste{flex:1 1 auto;margin:0 0 .8rem;font-family:var(--font-body-family);font-size:1.2rem;line-height:1.35}.flavor-finder .ff-meta{margin:auto 0 0;font-family:var(--font-body-family);font-size:1.15rem;line-height:1.35}.flavor-finder .ff-meta-row{display:flex;flex-wrap:wrap;gap:0 .5rem;margin:0 0 .3rem}.flavor-finder .ff-meta dt{font-weight:700}.flavor-finder .ff-meta dt:after{content:":"}.flavor-finder .ff-meta dd{margin:0}.flavor-finder .ff-meta-row--pairs{min-height:2.7em;align-content:flex-start}.flavor-finder .ff-meta-row--sweet{align-items:center}.flavor-finder .ff-dots{display:inline-flex;gap:.35rem;vertical-align:middle}.flavor-finder .ff-dot{width:.9rem;height:.9rem;border-radius:50%;border:1.5px solid var(--ff-text);background:transparent}.flavor-finder .ff-dot.is-on{background:var(--ff-text)}.flavor-finder .ff-product-form{display:block;margin-top:1rem}.flavor-finder .ff-form{margin:0}.flavor-finder .ff-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:3.8rem;padding:.6rem 1rem;border:0;border-radius:.6rem;background:var(--ff-cta);color:var(--ff-cta-text);font-family:var(--font-body-family);font-weight:700;font-size:1.15rem;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:filter .15s ease,transform .15s ease}.flavor-finder .ff-button:hover:not([disabled]){filter:brightness(.88)}.flavor-finder .ff-button[disabled],.flavor-finder .ff-button[aria-disabled=true]{cursor:default;opacity:.6}.flavor-finder .ff-button.loading>span:first-child{visibility:hidden}.flavor-finder .ff-button .loading__spinner{position:absolute;top:50%;left:50%;width:1.8rem;height:1.8rem;transform:translate(-50%,-50%)}.flavor-finder .ff-button .loading__spinner .spinner{width:1.8rem;height:1.8rem}.flavor-finder .ff-button .loading__spinner .path{stroke:var(--ff-cta-text)}.flavor-finder .ff-hint{margin:1rem 0 0;font-family:var(--font-body-family);font-size:1.1rem;line-height:1.3;opacity:.8}.flavor-finder .ff-subline{margin:1.6rem 0 0;font-family:var(--font-body-family);font-weight:700;font-size:1.4rem;line-height:1.4}.flavor-finder .ff-footnotes{margin-top:.8rem;font-family:var(--font-body-family);font-size:1.05rem;line-height:1.4;opacity:.85}.flavor-finder .ff-footnotes p{margin:0}@media screen and (min-width:750px){.flavor-finder{--ff-visible: var(--ff-count);--ff-gap: 1.6rem}.flavor-finder .ff-heading{font-size:8.4rem;margin-bottom:3rem}.flavor-finder .ff-track{margin:0;padding:.6rem 0 1rem;scroll-padding-inline:0}.flavor-finder .ff-card{padding:1.2rem 1.2rem 1.4rem}.flavor-finder .ff-name{font-size:2.8rem}.flavor-finder .ff-taste{font-size:1.3rem}.flavor-finder .ff-meta{font-size:1.2rem}.flavor-finder .ff-button{font-size:1.2rem;min-height:4.2rem}.flavor-finder .ff-subline{font-size:1.6rem;margin-top:2rem}.flavor-finder .ff-footnotes{font-size:1.1rem}}@media screen and (min-width:750px)and (max-width:1099px){.flavor-finder{--ff-visible: 4}}
/*# sourceMappingURL=/cdn/shop/t/186/assets/section-flavor-finder.css.map */