.flavour-finder-app{display:flex;flex-direction:column;gap:var(--gap-xl)}.flavour-finder-app__step-label{margin:0;font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.flavour-finder-app__progress{height:4px;background:rgb(var(--color-foreground-rgb) / var(--opacity-10));overflow:hidden}.flavour-finder-app__progress-bar{height:100%;background:var(--color-primary-button-background, currentColor);transition:width .25s ease}.flavour-finder-choice-step{display:flex;flex-direction:column;gap:var(--gap-lg)}.flavour-finder-choice-step__title{margin:0}.flavour-finder-choice-step__options{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.flavour-finder-choice-step__option{display:inline-flex;align-items:center;padding:var(--padding-sm) var(--padding-lg);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-20));background:transparent;color:var(--color-foreground);cursor:pointer;font:inherit;font-size:var(--font-size--sm);min-height:44px;transition:background-color .15s ease,border-color .15s ease}.flavour-finder-choice-step__option:hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40))}.flavour-finder-choice-step__option.is-selected{border-color:var(--color-foreground);background:rgb(var(--color-foreground-rgb) / var(--opacity-8));font-weight:600}.flavour-finder-family-step__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}@media screen and (min-width:550px){.flavour-finder-family-step__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.flavour-finder-family-step__grid{grid-template-columns:repeat(4,1fr)}}.flavour-finder-family-step__card{--family-accent: var(--family-swatch, var(--color-foreground));position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-2xs);min-width:0;box-sizing:border-box;padding:var(--padding-lg);padding-block-start:calc(var(--padding-lg) + 6px);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-15));background:rgb(var(--color-foreground-rgb) / var(--opacity-5));color:var(--color-foreground);cursor:pointer;text-align:left;font:inherit;overflow:hidden;transition:background-color .15s ease,border-color .15s ease}.flavour-finder-family-step__card:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:6px;background:var(--family-accent)}.flavour-finder-family-step__card:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-8))}.flavour-finder-family-step__card.is-selected{border-color:var(--family-accent);background:color-mix(in srgb,var(--family-accent) 12%,transparent)}.flavour-finder-family-step__check{position:absolute;top:var(--padding-xs);right:var(--padding-xs);display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--family-accent);color:var(--color-background, #fff)}.flavour-finder-family-step__check svg{width:12px;height:12px;fill:currentColor}.flavour-finder-family-step__swatch,.flavour-finder-family-step__pixel-art{width:22px;height:22px}.flavour-finder-family-step__swatch{background:var(--family-accent)}.flavour-finder-family-step__pixel-art{image-rendering:pixelated;object-fit:contain}.flavour-finder-family-step__name{font-weight:600}.flavour-finder-family-step__description{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.flavour-finder-step-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.flavour-finder-step-nav__next{margin-inline-start:auto}@media screen and (max-width:549px){.flavour-finder-step-nav{flex-wrap:wrap-reverse}.flavour-finder-step-nav .button,.flavour-finder-step-nav .button-secondary{flex:1 1 auto;min-width:45%}}.flavour-finder-results{display:flex;flex-direction:column;gap:var(--gap-lg)}.flavour-finder-results__title{margin:0}.flavour-finder-results__empty{margin:0;padding:var(--padding-xl);text-align:center;background:rgb(var(--color-foreground-rgb) / var(--opacity-5));color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.flavour-finder-results__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}@media screen and (min-width:550px){.flavour-finder-results__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.flavour-finder-results__grid{grid-template-columns:repeat(4,1fr)}}.flavour-finder-result-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-15));background:rgb(var(--color-foreground-rgb) / var(--opacity-5));text-decoration:none;color:var(--color-foreground);overflow:hidden;transition:background-color .15s ease,border-color .15s ease}.flavour-finder-result-card:hover{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40));background:rgb(var(--color-foreground-rgb) / var(--opacity-8))}.flavour-finder-result-card__media{position:relative}.flavour-finder-result-card__media-image{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.flavour-finder-result-card__body{display:flex;flex-direction:column;gap:var(--gap-3xs);padding:var(--padding-md)}.flavour-finder-result-card__badge{position:absolute;top:var(--padding-xs);left:var(--padding-xs);padding:var(--badge-rectangle-padding-block, 3px) var(--badge-rectangle-padding-inline, 6px);background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size--2xs, .7rem);text-transform:var(--badge-text-transform, uppercase);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-15))}.flavour-finder-result-card__flavour{font-weight:600;line-height:1.3}.flavour-finder-result-card__meta{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.flavour-finder-result-card__pricing{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-xs);flex-wrap:wrap;margin-block-start:var(--gap-2xs)}.flavour-finder-result-card__price{font-weight:600}.flavour-finder-result-card__deal{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.flavour-finder-result-card__families{position:absolute;bottom:var(--padding-xs);right:var(--padding-xs);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:var(--gap-3xs)}.flavour-finder-result-card__family-icon{width:32px;height:32px;flex-shrink:0;background:none}.flavour-finder-result-card__family-icon[src]{image-rendering:pixelated;object-fit:contain}.flavour-finder-result-card__family-icon--swatch{border:2px solid var(--family-swatch, rgb(var(--color-foreground-rgb) / var(--opacity-40)))}.flavour-finder-results__saved{margin:0;font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}