flavour-drawer{display:block;margin-top:calc(var(--gap, 8px) * 2);margin-bottom:calc(var(--gap, 8px) * 1)}button.flavour-drawer__trigger{width:100%;display:flex;align-items:center;gap:calc(var(--gap, 8px) * 1.5);padding:calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);border:1px solid var(--color-border);border-radius:var(--border-radius-button);background:var(--color-background);color:var(--color-text);text-align:left;cursor:pointer}@media(hover:hover){button.flavour-drawer__trigger:hover{background:var(--color-background);color:var(--color-text);border-color:var(--color-text)}}button.flavour-drawer__trigger:focus-visible,button.flavour-drawer__close:focus-visible,.flavour-drawer__row:focus-visible,.flavour-drawer__tile:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.flavour-drawer__trigger-image,.flavour-drawer__circle{display:block;border-radius:0;overflow:hidden;flex-shrink:0;background:transparent;border:0}.flavour-drawer__trigger-image{width:48px;height:48px}.flavour-drawer__circle{width:56px;height:56px;border:0;background:transparent}.flavour-drawer__trigger-photo,.flavour-drawer__circle-image{display:block;width:100%;height:100%;object-fit:cover}.flavour-drawer__trigger-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.flavour-drawer__kicker{font-family:var(--font-base);font-size:calc(var(--font-base-size) - 4px);letter-spacing:1px;text-transform:uppercase;color:var(--color-brand);line-height:1.2}.flavour-drawer__trigger-name,.flavour-drawer__heading,.flavour-drawer__name{font-family:var(--font-headline);font-style:var(--font-headline-style);font-weight:var(--font-headline-weight);letter-spacing:var(--font-headline-letter-spacing, normal);color:var(--color-headings-text)}.flavour-drawer__trigger-name{font-size:var(--font-base-size);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flavour-drawer__icon{width:16px;height:16px;flex-shrink:0}.flavour-drawer__chevron{margin-left:auto}.flavour-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:199;transition:opacity .3s ease}.flavour-drawer__overlay.is-open{opacity:1;pointer-events:auto}.flavour-drawer__panel{position:fixed;top:0;right:0;width:min(440px,100%);height:100%;height:100dvh;z-index:200;display:flex;flex-direction:column;background:var(--color-background);color:var(--color-text);transform:translate(100%);transition:transform .3s cubic-bezier(.12,.67,.53,1)}.flavour-drawer__panel.is-open{transform:translate(0)}[dir=rtl] .flavour-drawer__panel{right:auto;left:0;transform:translate(-100%)}[dir=rtl] .flavour-drawer__panel.is-open{transform:translate(0)}body.flavour-drawer-open{overflow:hidden}.flavour-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--gap, 8px) * 2);padding:calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 3);border-bottom:1px solid var(--color-border)}.flavour-drawer__heading{margin:0;font-size:calc(var(--font-base-size) + 2px);line-height:1.2}button.flavour-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}button.flavour-drawer__close svg{width:16px;height:16px}@media(hover:hover){button.flavour-drawer__close:hover{background:transparent;color:inherit}}.flavour-drawer__body{flex:1;min-height:0;display:flex;flex-direction:column}.flavour-drawer__list{list-style:none;display:flex;flex-direction:column;gap:calc(var(--gap, 8px) * 3);margin:0;padding:calc(var(--gap, 8px) * 2) 0 calc(var(--gap, 8px) * 3);overflow-y:auto;overscroll-behavior:contain;flex:1 1 70%;min-height:0}.flavour-drawer__bundles{flex:0 0 30%;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.flavour-drawer__bundles-label{margin:0;padding:calc(var(--gap, 8px) * 1.5) calc(var(--gap, 8px) * 3) 0;font-family:var(--font-base);font-size:calc(var(--font-base-size) - 4px);letter-spacing:1px;text-transform:uppercase;color:var(--color-brand)}.flavour-drawer__tiles{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--gap, 8px) * 1.5);margin:0;padding:calc(var(--gap, 8px) * 1.5) calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 2);overflow:auto;overscroll-behavior:contain}.flavour-drawer__tile{display:flex;flex-direction:column;gap:6px;min-width:0;color:inherit;text-decoration:none}.flavour-drawer__tile-image{display:block;aspect-ratio:1;overflow:hidden;background:transparent}.flavour-drawer__tile-image img{display:block;width:100%;height:100%;object-fit:cover}.flavour-drawer__tile-name{font-family:var(--font-base);font-size:1.2rem;line-height:1.25;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flavour-drawer__pills{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.flavour-drawer__note{font-family:var(--font-base);font-size:calc(var(--font-base-size) - 4px);letter-spacing:1px;text-transform:uppercase;color:var(--color-brand);line-height:1.2}.flavour-drawer__note--bestseller{color:#e57b8a}.flavour-drawer__note--save{color:var(--color-sale-price)}.flavour-drawer__pill{display:inline-flex;align-self:flex-start;width:fit-content;padding:2px 8px;border-radius:999px;background:var(--color-sold-out-background);color:var(--color-sold-out-text);font-family:var(--font-base);font-size:calc(var(--font-base-size) - 4px);line-height:1.4;letter-spacing:.02em}.flavour-drawer__pill--oos{background:var(--color-sold-out-background);color:var(--color-sold-out-text)}@media(hover:hover){.flavour-drawer__tile:hover .flavour-drawer__tile-name{text-decoration:underline}}.flavour-drawer__item{margin:0}.flavour-drawer__row{display:flex;align-items:center;gap:calc(var(--gap, 8px) * 1.5);padding:calc(var(--gap, 8px) * .5) calc(var(--gap, 8px) * 3);color:inherit;text-decoration:none}@media(hover:hover){.flavour-drawer__row:hover{background:var(--color-foreground)}}.flavour-drawer__row.is-active{background:var(--color-placeholder-bg);padding-top:calc(var(--gap, 8px) * 2.5);padding-bottom:calc(var(--gap, 8px) * 2.5)}.flavour-drawer__tile.is-active .flavour-drawer__tile-name{text-decoration:underline}.flavour-drawer__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.flavour-drawer__name{font-size:var(--font-base-size);line-height:1.25}.flavour-drawer__subtitle{font-family:var(--font-base);font-size:calc(var(--font-base-size) - 2px);line-height:1.35;color:var(--color-body-text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(prefers-reduced-motion:reduce){.flavour-drawer__panel,.flavour-drawer__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/flavour-drawer.css.map */