media-gallery slider-component{position:relative}.ingredient-swatches-gallery{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;container-type:inline-size}.ingredient-swatches{position:absolute;z-index:2;display:flex;align-items:flex-start;margin:0;padding:0;list-style:none;pointer-events:none}.ingredient-swatches[hidden]{display:none}.ingredient-swatches--page{--swatch-size: clamp(24px, calc(var(--swatch-pct, 11) * 1cqi), 120px);--swatch-gap: calc(var(--swatch-size) * var(--swatch-gap-ratio, .3));--swatch-inset: calc(var(--swatch-size) * .4);--swatch-inset-y: max(1.2rem, calc(var(--swatch-size) * .2))}.ingredient-swatches--card{--swatch-inset: .8rem}.ingredient-swatches--bottom-right{right:var(--swatch-inset);bottom:var(--swatch-inset-y, var(--swatch-inset))}.ingredient-swatches--bottom-left{left:var(--swatch-inset);bottom:var(--swatch-inset-y, var(--swatch-inset))}.ingredient-swatches--top-right{right:var(--swatch-inset);top:var(--swatch-inset-y, var(--swatch-inset))}.ingredient-swatches--top-left{left:var(--swatch-inset);top:var(--swatch-inset-y, var(--swatch-inset))}.ingredient-swatches--inline{position:relative}.ingredient-swatches--bottom-center{left:50%;bottom:var(--swatch-inset-y, var(--swatch-inset));transform:translate(-50%)}.ingredient-swatch{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 auto;pointer-events:auto}.ingredient-swatch__media{display:block;width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;background:rgb(var(--color-background, 255 255 255));box-shadow:0 0 var(--swatch-ring-blur, 0) 2px var(--swatch-ring, #fff),0 1px 4px #0000002e}.ingredient-swatches--rounded .ingredient-swatch__media{border-radius:22%}.ingredient-swatches--square .ingredient-swatch__media{border-radius:0}.ingredient-swatch__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.ingredient-swatch+.ingredient-swatch{margin-left:calc(var(--swatch-size) * -.3)}.ingredient-swatches--spaced .ingredient-swatch+.ingredient-swatch{margin-left:var(--swatch-gap, 12px)}.ingredient-swatches--names{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:var(--swatch-gap, 12px);width:max-content;max-width:calc(100% - 2 * var(--swatch-inset))}.ingredient-swatches--page.ingredient-swatches--names{--swatch-name-max: max(9rem, calc(var(--swatch-size) * 1.25));max-width:min(calc(100% - 2 * var(--swatch-inset)),calc(3 * var(--swatch-name-max) + 2 * var(--swatch-gap)))}.ingredient-swatches--names .ingredient-swatch+.ingredient-swatch{margin-left:0}.ingredient-swatch__name{margin-top:.6em;padding:.25em .85em;border-radius:999px;background:#000c;color:#fff;font-size:1.2rem;line-height:1.4;text-align:center}.ingredient-swatch:hover{z-index:1}.ingredient-swatch:after{content:attr(data-name);position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%);padding:.25em .85em;border-radius:999px;background:#000c;color:#fff;font-size:1.2rem;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.ingredient-swatches--top-right .ingredient-swatch:after,.ingredient-swatches--top-left .ingredient-swatch:after{bottom:auto;top:calc(100% + .6rem)}.ingredient-swatch:hover:after{opacity:1}.ingredient-swatches--names .ingredient-swatch:after{display:none}@media(hover:none){.ingredient-swatch:after{display:none}.ingredient-swatches--picker .ingredient-swatch{cursor:pointer}.ingredient-swatches--picker .ingredient-swatch:after{display:block}.ingredient-swatches--picker .ingredient-swatch.is-active:after{opacity:1}}.product__card__thumbnail .product__cart--wrapper{z-index:3}@media(hover:hover){.ingredient-swatches--hover-lift,.ingredient-swatches--hover-spread,.ingredient-swatches--hover-spread .ingredient-swatch,.ingredient-swatches--hover-spread .ingredient-swatch__media{transition:transform .3s cubic-bezier(.25,.46,.45,.94),right .3s cubic-bezier(.25,.46,.45,.94),left .3s cubic-bezier(.25,.46,.45,.94),width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94),margin .3s cubic-bezier(.25,.46,.45,.94)}.product__card:hover :is(.ingredient-swatches--hover-lift,.ingredient-swatches--hover-spread):is(.ingredient-swatches--bottom-right,.ingredient-swatches--bottom-left){transform:translateY(calc(-1 * var(--card-button-height, 44px)))}.ingredient-swatches--hover-spread{--swatch-spread-size: calc(var(--swatch-size) * var(--swatch-spread-scale, 1.2));--swatch-spread-width: calc(3 * var(--swatch-spread-size) + 2 * var(--swatch-gap, 8px))}.product__card:hover .ingredient-swatches--hover-spread.ingredient-swatches--bottom-right{right:calc(50% - var(--swatch-spread-width) / 2)}.product__card:hover .ingredient-swatches--hover-spread.ingredient-swatches--bottom-left{left:calc(50% - var(--swatch-spread-width) / 2)}.product__card:hover :is(.ingredient-swatches--bottom-right,.ingredient-swatches--bottom-left).ingredient-swatches--hover-spread .ingredient-swatch__media{width:var(--swatch-spread-size);height:var(--swatch-spread-size)}.product__card:hover :is(.ingredient-swatches--bottom-right,.ingredient-swatches--bottom-left).ingredient-swatches--hover-spread .ingredient-swatch+.ingredient-swatch{margin-left:var(--swatch-gap, 8px)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ingredient-swatches.css.map */