.flavour-picker{padding-block:var(--section-pt, 0) var(--section-pb, 0)}.flavour-picker__inner{box-sizing:border-box;inline-size:100%;max-inline-size:var(--section-max, var(--page-width));margin-inline:auto;padding-inline:var(--section-pad, var(--page-margin))}.flavour-tabs__row{display:block}.flavour-tabs{position:relative}.flavour-tabs__track{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--fp-tab-justify, flex-start);gap:var(--fp-tab-gap, 8px)}@media(max-width:749px){.flavour-tabs__track{gap:var(--fp-tab-gap-m, var(--fp-tab-gap, 5px))}}.flavour-tabs--joined .flavour-tabs__row{text-align:var(--fp-tab-align, left);margin-block:calc(var(--fp-tab-gap, 8px) / -2)}.flavour-tabs--joined .flavour-tabs__track{display:inline;background:var(--color-surface, #f2ede7);border-radius:var(--radius-pill, 999px);font-size:var(--fp-tab-fs, var(--text-sm));padding-block:calc(var(--fp-tab-pb, 8px) + var(--fp-track-inset, 3px));padding-inline:var(--fp-track-inset, 3px);box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:calc(var(--fp-tab-fs, var(--text-sm)) * 1.3 + var(--fp-tab-pb, 8px) * 2 + var(--fp-track-inset, 3px) * 2 + var(--fp-tab-gap, 8px))}.flavour-tabs--joined.flavour-tabs--tab-font-heading .flavour-tabs__track{font-family:var(--font-heading, inherit)}@media(max-width:749px){.flavour-tabs--joined .flavour-tabs__row{margin-block:calc(var(--fp-tab-gap-m, var(--fp-tab-gap, 5px)) / -2)}.flavour-tabs--joined .flavour-tabs__track{font-size:var(--fp-tab-fs-m, var(--fp-tab-fs, var(--text-sm)));padding-block:calc(var(--fp-tab-pb-m, var(--fp-tab-pb, 5px)) + var(--fp-track-inset, 3px));line-height:calc(var(--fp-tab-fs-m, var(--fp-tab-fs, var(--text-sm))) * 1.3 + var(--fp-tab-pb-m, var(--fp-tab-pb, 5px)) * 2 + var(--fp-track-inset, 3px) * 2 + var(--fp-tab-gap-m, var(--fp-tab-gap, 5px)))}}.flavour-tab{display:contents}.flavour-tab__radio{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.flavour-tab__chip{flex:0 0 auto;padding:var(--fp-tab-pb, 8px) var(--fp-tab-pi, 14px);border-radius:var(--radius-pill, 999px);background:var(--color-surface, #f2ede7);color:var(--color-ink);font-size:var(--fp-tab-fs, var(--text-sm));line-height:1.2;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.flavour-tabs--tab-font-heading .flavour-tab__chip{font-family:var(--font-heading, inherit);font-weight:var(--font-heading-weight-display, 700);text-transform:none;letter-spacing:normal}.flavour-tabs:has(.flavour-tab:nth-of-type(1)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(1),.flavour-tabs:has(.flavour-tab:nth-of-type(2)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(2),.flavour-tabs:has(.flavour-tab:nth-of-type(3)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(3),.flavour-tabs:has(.flavour-tab:nth-of-type(4)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(4),.flavour-tabs:has(.flavour-tab:nth-of-type(5)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(5),.flavour-tabs:has(.flavour-tab:nth-of-type(6)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(6),.flavour-tabs:has(.flavour-tab:nth-of-type(7)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(7),.flavour-tabs:has(.flavour-tab:nth-of-type(8)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(8),.flavour-tabs:has(.flavour-tab:nth-of-type(9)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(9),.flavour-tabs:has(.flavour-tab:nth-of-type(10)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(10),.flavour-tabs:has(.flavour-tab:nth-of-type(11)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(11),.flavour-tabs:has(.flavour-tab:nth-of-type(12)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(12),.flavour-tabs:has(.flavour-tab:nth-of-type(13)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(13),.flavour-tabs:has(.flavour-tab:nth-of-type(14)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(14),.flavour-tabs:has(.flavour-tab:nth-of-type(15)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(15),.flavour-tabs:has(.flavour-tab:nth-of-type(16)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(16),.flavour-tabs:has(.flavour-tab:nth-of-type(17)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(17),.flavour-tabs:has(.flavour-tab:nth-of-type(18)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(18),.flavour-tabs:has(.flavour-tab:nth-of-type(19)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(19),.flavour-tabs:has(.flavour-tab:nth-of-type(20)>.flavour-tab__radio:checked) .flavour-tabs__track .flavour-tab__chip:nth-of-type(20){background:var(--color-accent, #c1502e);color:var(--color-accent-contrast, #fff)}.flavour-tabs:not(:has(.flavour-tab__radio:checked)) .flavour-tabs__track .flavour-tab__chip:first-of-type{background:var(--color-accent, #c1502e);color:var(--color-accent-contrast, #fff)}.flavour-tabs:has(.flavour-tab:nth-of-type(1)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(1),.flavour-tabs:has(.flavour-tab:nth-of-type(2)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(2),.flavour-tabs:has(.flavour-tab:nth-of-type(3)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(3),.flavour-tabs:has(.flavour-tab:nth-of-type(4)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(4),.flavour-tabs:has(.flavour-tab:nth-of-type(5)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(5),.flavour-tabs:has(.flavour-tab:nth-of-type(6)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(6),.flavour-tabs:has(.flavour-tab:nth-of-type(7)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(7),.flavour-tabs:has(.flavour-tab:nth-of-type(8)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(8),.flavour-tabs:has(.flavour-tab:nth-of-type(9)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(9),.flavour-tabs:has(.flavour-tab:nth-of-type(10)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(10),.flavour-tabs:has(.flavour-tab:nth-of-type(11)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(11),.flavour-tabs:has(.flavour-tab:nth-of-type(12)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(12),.flavour-tabs:has(.flavour-tab:nth-of-type(13)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(13),.flavour-tabs:has(.flavour-tab:nth-of-type(14)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(14),.flavour-tabs:has(.flavour-tab:nth-of-type(15)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(15),.flavour-tabs:has(.flavour-tab:nth-of-type(16)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(16),.flavour-tabs:has(.flavour-tab:nth-of-type(17)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(17),.flavour-tabs:has(.flavour-tab:nth-of-type(18)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(18),.flavour-tabs:has(.flavour-tab:nth-of-type(19)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(19),.flavour-tabs:has(.flavour-tab:nth-of-type(20)>.flavour-tab__radio:focus-visible) .flavour-tabs__track .flavour-tab__chip:nth-of-type(20){outline:2px solid var(--color-accent, #c1502e);outline-offset:2px}.flavour-tabs--joined .flavour-tab__chip{display:inline;white-space:nowrap;background:transparent}.flavour-tab__panel{display:none;inline-size:100%;margin-block-start:var(--fp-panel-gap, 16px)}.flavour-tab__radio:checked~.flavour-tab__panel,.flavour-tabs:not(:has(.flavour-tab__radio:checked)) .flavour-tab:first-of-type .flavour-tab__panel{display:block}.flavour-group{display:grid;grid-template-rows:var(--fp-row-lead, 1fr) repeat(var(--fp-rows, 1),min-content) 1fr;grid-template-columns:var(--fp-columns, minmax(120px, var(--fp-swatch-col, 220px)) minmax(0, 1fr) minmax(0, 1fr));column-gap:var(--fp-gap, 32px);row-gap:var(--fp-swatch-gap, 8px);align-items:start;box-sizing:border-box;inline-size:100%;margin:0;padding:0;border:0}.flavour-group:before{content:"";grid-column:1;grid-row:1;block-size:0}.flavour-group__legend{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:749px){.flavour-tab__panel{margin-block-start:var(--fp-panel-gap-m, var(--fp-panel-gap, 16px))}.flavour-tab__chip{padding:var(--fp-tab-pb-m, var(--fp-tab-pb, 5px)) var(--fp-tab-pi-m, var(--fp-tab-pi, 9px));font-size:var(--fp-tab-fs-m, var(--fp-tab-fs, var(--text-sm)))}.flavour-group{grid-template-rows:var(--fp-row-lead, 1fr) repeat(var(--fp-rows, 1),min-content) 1fr auto;grid-template-columns:minmax(0,var(--fp-swatch-col-m, 46%)) minmax(0,1fr);column-gap:var(--fp-gap-m, 12px)}}.flavour-tile{display:contents}.flavour-tile__radio{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.flavour-tile__swatch{grid-column:1;inline-size:100%;box-sizing:border-box;display:flex;align-items:center;gap:.6rem;padding:var(--fp-swatch-pb, 10px) var(--fp-swatch-pi, 13px);font-size:var(--fp-swatch-fs, var(--text-base));line-height:1.25;border-radius:var(--radius-md, 10px);cursor:pointer;position:relative}.flavour-tile__dot{inline-size:var(--fp-dot, 19px);block-size:var(--fp-dot, 19px);flex-shrink:0;border-radius:999px;background:var(--hue, var(--color-accent, #c1502e))}.flavour-tile__swatch:has(>.flavour-tile__radio:checked),.flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__swatch{background:var(--color-surface, #f2ede7);box-shadow:inset 0 0 0 2px var(--hue, var(--color-accent, #c1502e))}.flavour-tile__swatch:has(>.flavour-tile__radio:focus-visible){outline:2px solid var(--color-accent, #c1502e);outline-offset:2px}.flavour-tile__stage,.flavour-tile__panel{display:none}.flavour-tile__swatch:has(>.flavour-tile__radio:checked)~.flavour-tile__stage,.flavour-tile__swatch:has(>.flavour-tile__radio:checked)~.flavour-tile__panel,.flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__stage,.flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__panel{display:block}.flavour-tile__stage{grid-column:2;grid-row:1 / -1;align-self:center;inline-size:100%;position:relative;aspect-ratio:var(--fp-ratio, 1);border-radius:var(--radius-md, 10px);overflow:hidden}.flavour-tile__stage-img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:var(--fp-fit, contain)}.flavour-tile__link{display:inline-block;margin-block-start:var(--space-sm);font-size:var(--fp-link-fs, var(--text-sm));color:inherit;text-underline-offset:.2em}.flavour-tile__panel{grid-column:3;grid-row:1 / -1;align-self:var(--fp-align, center);inline-size:100%}@media(max-width:749px){.flavour-tile__swatch{grid-column:1;padding:var(--fp-swatch-pb-m, var(--fp-swatch-pb, 8px)) var(--fp-swatch-pi-m, var(--fp-swatch-pi, 10px));font-size:var(--fp-swatch-fs-m, var(--fp-swatch-fs, var(--text-base)));gap:.5rem}.flavour-tile__dot{inline-size:var(--fp-dot-m, var(--fp-dot, 14px));block-size:var(--fp-dot-m, var(--fp-dot, 14px))}.flavour-tile__stage{grid-column:2;grid-row:1 / -2;aspect-ratio:var(--fp-ratio-m, var(--fp-ratio, .9))}.flavour-tile__panel{grid-column:1 / -1;grid-row:-2 / -1;margin-block-start:var(--space-sm)}}.flavour-picker--showcase{overflow-x:clip}.flavour-picker--showcase .flavour-group{touch-action:pan-y}.flavour-picker--showcase .flavour-tile__swatch{z-index:4}.flavour-picker--showcase .flavour-tile__stage{display:none;overflow:visible;cursor:pointer;transition:translate var(--motion-duration, .35s) var(--motion-spring, ease),scale var(--motion-duration, .35s) var(--motion-spring, ease),opacity var(--motion-duration, .35s) ease}.flavour-picker--showcase .flavour-tile__stage-img{border-radius:var(--radius-md, 10px)}.flavour-picker--showcase :where(.flavour-tile:has(+.flavour-tile>.flavour-tile__swatch>.flavour-tile__radio:checked),.flavour-group:has(.flavour-tile:first-of-type>.flavour-tile__swatch>.flavour-tile__radio:checked) .flavour-tile:last-of-type,.flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:last-of-type)>.flavour-tile__stage{display:block;z-index:1;translate:calc(-1 * var(--fp-sc-off, 28%)) 0;scale:var(--fp-sc-side, 56%);opacity:.55}.flavour-picker--showcase :where(.flavour-tile:has(>.flavour-tile__swatch>.flavour-tile__radio:checked)+.flavour-tile,.flavour-group:has(.flavour-tile:last-of-type>.flavour-tile__swatch>.flavour-tile__radio:checked) .flavour-tile:first-of-type,.flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type+.flavour-tile)>.flavour-tile__stage{display:block;z-index:1;translate:var(--fp-sc-off, 28%) 0;scale:var(--fp-sc-side, 56%);opacity:.55}.flavour-picker--showcase .flavour-tile:has(>.flavour-tile__swatch>.flavour-tile__radio:checked)>.flavour-tile__stage,.flavour-picker--showcase .flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type>.flavour-tile__stage{display:block;z-index:2;translate:0 0;scale:var(--fp-sc-main, 76%);opacity:1;cursor:default}@starting-style{:is(#_,.flavour-picker--showcase) .flavour-tile__stage{opacity:0;scale:30%}}.flavour-picker--showcase .flavour-tile__stage:hover{opacity:.85}.flavour-picker--showcase .flavour-tile:has(>.flavour-tile__swatch>.flavour-tile__radio:checked)>.flavour-tile__stage:hover,.flavour-picker--showcase .flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type>.flavour-tile__stage:hover{opacity:1}.flavour-tile__arrow{display:none}.flavour-picker--showcase .flavour-tile__arrow{grid-column:2;grid-row:1 / -1;align-self:center;z-index:3;inline-size:2.5rem;block-size:2.5rem;align-items:center;justify-content:center;color:var(--color-ink);background:var(--color-bg);border:var(--hairline, 1px) solid var(--color-line);border-radius:var(--radius-pill, 999px);cursor:pointer}.flavour-picker--showcase .flavour-tile__arrow--prev{justify-self:start}.flavour-picker--showcase .flavour-tile__arrow--next{justify-self:end}.flavour-picker--showcase :where(.flavour-tile:has(+.flavour-tile>.flavour-tile__swatch>.flavour-tile__radio:checked),.flavour-group:has(.flavour-tile:first-of-type>.flavour-tile__swatch>.flavour-tile__radio:checked) .flavour-tile:last-of-type,.flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:last-of-type)>.flavour-tile__arrow--prev,.flavour-picker--showcase :where(.flavour-tile:has(>.flavour-tile__swatch>.flavour-tile__radio:checked)+.flavour-tile,.flavour-group:has(.flavour-tile:last-of-type>.flavour-tile__swatch>.flavour-tile__radio:checked) .flavour-tile:first-of-type,.flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type+.flavour-tile)>.flavour-tile__arrow--next{display:inline-flex}.flavour-picker--showcase .flavour-tile:only-of-type>.flavour-tile__arrow{display:none}@media(max-width:749px){.flavour-picker--showcase .flavour-tile__arrow{grid-row:1 / -2;inline-size:2rem;block-size:2rem}}@media(prefers-reduced-motion:reduce){.flavour-picker--showcase .flavour-tile__stage{transition:none}}.flavour-picker--swatch-bold .flavour-tile__swatch{color:var(--color-ink-soft);font-weight:500;transition:background-color var(--motion-duration, .2s) ease,color var(--motion-duration, .2s) ease}.flavour-picker--swatch-bold .flavour-tile__swatch:hover{color:var(--color-ink);background:var(--color-surface, #f2ede7)}.flavour-picker--swatch-bold .flavour-tile__swatch:has(>.flavour-tile__radio:checked),.flavour-picker--swatch-bold .flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__swatch{color:var(--color-ink);font-weight:700;background:color-mix(in srgb,var(--hue, var(--color-accent)) 16%,var(--color-bg));box-shadow:inset 4px 0 0 var(--hue, var(--color-accent, #c1502e))}.flavour-picker--swatch-bold .flavour-tile__swatch:has(>.flavour-tile__radio:checked) .flavour-tile__dot,.flavour-picker--swatch-bold .flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__dot{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--hue, var(--color-accent, #c1502e))}.flavour-picker--swatch-hue .flavour-tile__swatch{color:var(--color-ink-soft);font-weight:500;border-radius:0;border-block-end:var(--hairline, 1px) solid var(--color-line);transition:color var(--motion-duration, .2s) ease}.flavour-picker--swatch-hue .flavour-tile:first-of-type .flavour-tile__swatch{border-block-start:var(--hairline, 1px) solid var(--color-line)}.flavour-picker--swatch-hue .flavour-tile__swatch:hover{color:var(--color-ink)}.flavour-picker--swatch-hue .flavour-tile__dot{transform:scale(.7);transition:transform var(--motion-duration, .2s) var(--motion-spring, ease),box-shadow var(--motion-duration, .2s) ease}.flavour-picker--swatch-hue .flavour-tile__swatch:has(>.flavour-tile__radio:checked),.flavour-picker--swatch-hue .flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__swatch{color:var(--color-ink);font-weight:800;background:none;box-shadow:none}.flavour-picker--swatch-hue .flavour-tile__swatch:has(>.flavour-tile__radio:checked) .flavour-tile__dot,.flavour-picker--swatch-hue .flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__dot{transform:none;box-shadow:0 0 0 3px var(--color-bg),0 0 0 4.5px var(--hue, var(--color-accent, #c1502e))}@media(max-width:749px){.flavour-picker--swatch-hue .flavour-tile__swatch:has(>.flavour-tile__radio:checked) .flavour-tile__dot,.flavour-picker--swatch-hue .flavour-group:not(:has(.flavour-tile__radio:checked)) .flavour-tile:first-of-type .flavour-tile__dot{box-shadow:0 0 0 2px var(--color-bg),0 0 0 3.5px var(--hue, var(--color-accent, #c1502e))}}@media(prefers-reduced-motion:reduce){.flavour-picker--swatch-hue :is(.flavour-tile__swatch,.flavour-tile__dot){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/flavour-picker.css.map */