.flavor-tile-item--unavailable .flavor-tile{opacity:.45;pointer-events:none}.product-form__input--flavor-tiles>.form__label,.product-form fieldset.product-form__input>legend.form__label,.product-form__input--dropdown>.form__label{color:#000;font-weight:800}variant-radios fieldset.product-form__input>label{color:#000;font-weight:800}.flavor-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(5.75rem,1fr));grid-template-rows:repeat(2,auto);align-items:stretch;column-gap:.75rem;row-gap:1.25rem;width:100%;max-width:100%}.flavor-tile-grid:has(>[role=listitem]:only-child){grid-template-columns:minmax(0,8.75rem);width:fit-content;max-width:100%}.flavor-tile-grid:has(>[role=listitem]:nth-child(2):nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,8.75rem));width:fit-content;max-width:100%}.flavor-tile-grid:has(>[role=listitem]:nth-child(3):nth-last-child(3)){grid-template-columns:repeat(3,minmax(0,7.5rem));width:fit-content;max-width:100%}.flavor-tile-grid>[role=listitem]{display:flex;min-width:0}.flavor-tile{display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;text-decoration:none;color:inherit;border-radius:.5rem;overflow:hidden;background:#e8e8e8;outline:none;transition:box-shadow .2s ease,transform .2s ease}.flavor-tile:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #222}.flavor-tile__visual{flex-shrink:0;aspect-ratio:1;width:100%;background:#f0f0f0}.flavor-tile__stack{position:relative;display:block;width:100%;height:100%}.flavor-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease;z-index:1}.flavor-tile__img--hover{opacity:0;z-index:2}.product-form__input--flavor-tiles .flavor-tile__label{display:none!important}.flavor-tile-grid--show-labels .flavor-tile__label{display:flex!important}.flavor-tile-grid--art-only .flavor-tile__label{display:none!important}.flavor-tile-grid--art-only .flavor-tile{background:transparent}.flavor-tile-grid--art-only .flavor-tile__visual{background:transparent;aspect-ratio:100 / 132}.flavor-tile-grid--art-only .flavor-tile__img{object-fit:contain;object-position:center top}@media(prefers-reduced-motion:reduce){.flavor-tile__img{transition:none}}.flavor-tile:hover .flavor-tile__img--default,.flavor-tile:focus-visible .flavor-tile__img--default{opacity:0}.flavor-tile:hover .flavor-tile__img--hover,.flavor-tile:focus-visible .flavor-tile__img--hover{opacity:1}.flavor-tile--selected .flavor-tile__img--default{opacity:0}.flavor-tile--selected .flavor-tile__img--hover{opacity:1}.flavor-tile--selected:not(.flavor-tile--has-hover) .flavor-tile__img--default{opacity:1}.flavor-tile__label{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem .4rem .65rem;text-align:center;font-size:.75rem;font-weight:800;line-height:1.25;background:#d8d8d8;color:#000;min-height:3.75rem;box-sizing:border-box}.flavor-tile--selected .flavor-tile__label{background:#6b2c1a;color:#fff}.flavor-tile:hover .flavor-tile__label,.flavor-tile:focus-visible .flavor-tile__label{background:#5a2415;color:#fff}.flavor-tile--selected:hover .flavor-tile__label,.flavor-tile--selected:focus-visible .flavor-tile__label{background:#5a2415;color:#fff}@media screen and (min-width:990px){.flavor-tile-grid{grid-template-columns:repeat(4,minmax(10rem,1fr));column-gap:.85rem}.flavor-tile-grid:has(>[role=listitem]:only-child){grid-template-columns:minmax(0,10rem)}.flavor-tile-grid:has(>[role=listitem]:nth-child(2):nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,10rem))}}@media screen and (max-width:767px){.flavor-tile-grid{grid-template-columns:repeat(4,minmax(9rem,1fr));column-gap:.35rem;row-gap:.6rem}.flavor-tile-grid:has(>[role=listitem]:only-child){grid-template-columns:minmax(0,9rem)}.flavor-tile-grid:has(>[role=listitem]:nth-child(2):nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,9rem))}.flavor-tile{border-radius:.35rem;align-self:stretch}.flavor-tile__label{font-size:.625rem;font-weight:800;color:#000;padding:.35rem .2rem .45rem;line-height:1.2;min-height:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/flavor-grouping-tiles.css.map */