.flavour-picker{font-size:12px}@media screen and (min-width:750px){.flavour-picker{font-size:14px}}.flavour-picker__fieldset{border:0;margin:0 0 1.2rem;padding:0;max-width:100%}.flavour-picker__grid{display:grid;grid-template-columns:repeat(var(--flavour-grid-columns, 4),auto);justify-content:space-between;justify-items:center;gap:1rem .8rem}.flavour-picker__pill-cell{width:72px;text-align:center}.flavour-picker__pill-cell--sold-out{cursor:not-allowed}.flavour-picker__pill{position:relative;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;margin:.7rem 0 .2rem;padding:0;color:var(--color-text-dark);line-height:1;text-align:center;text-decoration:none;cursor:pointer}.flavour-picker__pill:focus-visible{outline:.2rem solid var(--color-text-main);outline-offset:.2rem;border-radius:var(--radius-s)}.flavour-picker__pill-bubble{display:block;box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;margin-bottom:1rem;background:var(--flavour-swatch, grey);border:solid 4px var(--flavour-swatch, transparent)}.flavour-picker__pill[aria-current] .flavour-picker__pill-bubble{background:var(--color-mono-white)}.flavour-picker__pill[aria-current]:after{content:url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2716%27 viewBox=%270 0 17 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.6088 4.66669L6.27547 12L2.94214 8.66669%27 stroke=%27%2332323A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");position:absolute;top:15%}.flavour-picker__pill--sold-out{color:var(--color-text-light);cursor:not-allowed}.flavour-picker__pill--sold-out .flavour-picker__pill-bubble{opacity:.45;filter:grayscale(.7)}.flavour-picker__pill-strike{position:absolute;top:17px;left:50%;width:36px;height:1.45px;background:#a5a5a5;transform:translate(-50%) rotate(-45deg);border-radius:2px;pointer-events:none}.flavour-picker--dropdown flavour-listbox{display:block}.flavour-picker__disclosure{position:relative;width:100%}.flavour-picker__toggle{display:block;list-style:none;cursor:pointer;position:relative}.flavour-picker__toggle::-webkit-details-marker{display:none}.flavour-picker__toggle:focus-visible{outline:.2rem solid var(--color-text-main);outline-offset:.2rem;border-radius:var(--radius-s)}.flavour-picker__toggle:after{content:"";position:absolute;top:50%;right:30px;transform:translateY(-50%);width:14px;height:8px;background-image:url("data:image/svg+xml,%3Csvg width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.3445 0.359323C12.5968 0.359323 12.8491 0.471809 13.0294 0.678035C13.3538 1.07174 13.3177 1.65292 12.9392 2.00913C12.5608 2.36533 7.28023 7.12726 7.28023 7.12726C6.93781 7.44598 6.43318 7.42723 6.09076 7.12726L0.557899 2.00912C0.179429 1.67167 0.143384 1.07174 0.485809 0.678033C0.810211 0.28433 1.38693 0.265583 1.7654 0.603043L6.70352 5.15875L11.7498 0.584296C11.912 0.434314 12.1282 0.359323 12.3445 0.359323Z%27 fill=%27%2332323A%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.flavour-picker__disclosure[open]>.flavour-picker__toggle:after{transform:translateY(-50%) rotate(180deg)}.flavour-picker__option--current{display:flex;align-items:center;font-weight:var(--font-weight-semibold);line-height:1.8rem;padding:21px 26px;color:var(--color-text-main);background-color:var(--color-body-main);border-radius:var(--radius-s)}.flavour-picker__panel{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:10}.flavour-picker__options{display:flex;flex-flow:column;max-height:50vh;overflow-y:auto;margin:0;padding:0;list-style:none;background-color:var(--color-body-main);border-radius:4px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.flavour-picker__item{display:block}.flavour-picker__options .flavour-picker__option{position:relative;display:flex;align-items:center;padding:16px 20px;color:var(--color-text-main);text-decoration:none;cursor:pointer}.flavour-picker__options .flavour-picker__option:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);height:1px;width:90%;background-color:var(--color-mono-light)}.flavour-picker__options .flavour-picker__option:hover,.flavour-picker__options .flavour-picker__option--selected{background-color:var(--color-body-dark)}.flavour-picker__options .flavour-picker__option:focus-visible{outline:.2rem solid var(--color-text-main);outline-offset:-.2rem}.flavour-picker__option-image{display:flex;width:50px;height:50px;margin-right:var(--spacing-xs);border-radius:var(--radius-s);overflow:hidden;pointer-events:none}.flavour-picker__option>svg{flex-shrink:0}.flavour-picker__checkmark{display:none}.flavour-picker__options .flavour-picker__option--selected .flavour-picker__checkmark{display:block;position:absolute;top:8px;left:40px}.flavour-picker__sold-out-badge{display:inline-block;margin-left:auto;flex-shrink:0;background:var(--color-text-inverted);border-radius:var(--radius-s);padding:.3rem .6rem;font-size:1.1rem;font-weight:var(--font-weight-bold)}.flavour-picker__option--sold-out{color:var(--color-text-light);cursor:not-allowed}.flavour-picker__option--sold-out .flavour-picker__option-image{opacity:.5;filter:grayscale(.6)}.flavour-picker__option--sold-out>svg{opacity:.5;filter:grayscale(.6)}.flavour-picker__group-label{pointer-events:none;cursor:default;font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:1.1rem;letter-spacing:.05em;color:var(--color-text-dark);padding:1.2rem 20px .4rem;background:transparent}.flavour-picker__close{display:none;position:absolute;right:4px;top:4px;z-index:11;padding:0;border:0;outline:0;background:none;cursor:pointer;color:var(--color-text-main)}.flavour-picker__disclosure[open] .flavour-picker__close{display:block}.flavour-picker__close svg{width:14px;height:14px}.flavour-picker__close:focus-visible{outline:.2rem solid var(--color-text-main);outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/121/assets/component-flavour-picker.css.map */