.interactive-ingredients{--ii-dot-color: #ffffff;--ii-dot-size: 12px;--ii-dot-size-mobile: 12px;--ii-tooltip-width: 200px;--ii-tooltip-width-mobile: 160px;--ii-tooltip-bg: #ffffff;--ii-tooltip-color: #1a1a1a;--ii-connector-color: #ffffff;--ii-connector-length: 28px;--ii-connector-elbow: 0px;--ii-connector-length-mobile: 24px;--ii-connector-elbow-mobile: 0px;--ii-overlay: transparent;--ii-height-mobile: 640px;--ii-height-desktop: 720px;--ii-transition: .25s ease}.interactive-ingredients--no-animation{--ii-transition: 0s}.interactive-ingredients__media{position:relative;width:100%;height:var(--ii-height-mobile);overflow:hidden;isolation:isolate}.interactive-ingredients__media:has(.interactive-ingredients__image){height:auto;aspect-ratio:var(--ii-aspect-mobile, var(--ii-aspect, 3 / 4))}.interactive-ingredients__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.interactive-ingredients__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.interactive-ingredients__placeholder{display:block;width:100%;height:100%;background:#ebe6df}.interactive-ingredients__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ii-overlay);pointer-events:none;z-index:1}.interactive-ingredients__hotspot{position:absolute;left:var(--ii-x-mobile, var(--ii-x, 50%));top:var(--ii-y-mobile, var(--ii-y, 50%));z-index:2;transform:translate(-50%,-50%)}.interactive-ingredients__hotspot.is-active,.interactive-ingredients__hotspot:hover,.interactive-ingredients__hotspot:focus-within{z-index:5}.interactive-ingredients__dot{position:relative;z-index:2;display:block;width:var(--ii-dot-size-mobile, var(--ii-dot-size));height:var(--ii-dot-size-mobile, var(--ii-dot-size));padding:0;border:0;border-radius:50%;background:var(--ii-dot-color);box-shadow:0 1px 4px #0000002e;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform var(--ii-transition),box-shadow var(--ii-transition)}.interactive-ingredients__dot:focus{outline:none}.interactive-ingredients__dot:focus-visible{outline:2px solid #ffffff;outline-offset:3px;box-shadow:0 0 0 3px #00000047}.interactive-ingredients--animate.is-inview .interactive-ingredients__dot{animation:ii-pulse 2.2s ease-out infinite}.interactive-ingredients__hotspot.is-active .interactive-ingredients__dot,.interactive-ingredients__hotspot:hover .interactive-ingredients__dot{transform:scale(1.15)}@keyframes ii-pulse{0%{box-shadow:0 0 #ffffff8c}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}@media(prefers-reduced-motion:reduce){.interactive-ingredients--animate.is-inview .interactive-ingredients__dot{animation:none}.interactive-ingredients{--ii-transition: 0s}}.interactive-ingredients__tooltip{--ii-shift-x: 0px;--ii-shift-y: 0px;position:absolute;z-index:3;width:var(--ii-tooltip-width-mobile, var(--ii-tooltip-width));max-width:min(var(--ii-tooltip-width-mobile, var(--ii-tooltip-width)),calc(100vw - 24px));padding:8px 10px;border-radius:8px;background:var(--ii-tooltip-bg);color:var(--ii-tooltip-color);box-shadow:0 4px 16px #0000001f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ii-transition),visibility var(--ii-transition),transform var(--ii-transition)}.interactive-ingredients__tooltip.is-open,.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip{opacity:1;visibility:visible;pointer-events:auto}.interactive-ingredients__title{margin:0 0 2px;font-family:var(--ii-title-font, inherit);font-size:var(--ii-title-size, 12px);font-weight:700;line-height:1.25;color:var(--ii-title-color, #111111)}.interactive-ingredients__description{margin:0;font-family:var(--ii-body-font, inherit);font-size:var(--ii-desc-size, 11px);font-weight:400;line-height:1.4;color:var(--ii-desc-color, #333333)}.interactive-ingredients__description p{margin:0}.interactive-ingredients__description p+p{margin-top:4px}.interactive-ingredients__connector{position:absolute;left:50%;top:50%;z-index:1;width:0;height:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ii-transition),visibility var(--ii-transition)}.interactive-ingredients__hotspot.is-active .interactive-ingredients__connector{opacity:1;visibility:visible}.interactive-ingredients__connector-arm{position:absolute;background:var(--ii-connector-color);pointer-events:none}@media screen and (max-width:749px){.interactive-ingredients__tooltip{padding:8px 10px}.interactive-ingredients__title{margin:0 0 2px;font-weight:600;line-height:1.3;color:var(--ii-title-color, #1e293b)}.interactive-ingredients__description{font-weight:400;line-height:1.4;color:var(--ii-desc-color, #475569)}.interactive-ingredients__hotspot--elbow-m-none .interactive-ingredients__connector-arm--secondary{display:none}.interactive-ingredients__tooltip--left,.interactive-ingredients__tooltip--right,.interactive-ingredients__tooltip--top,.interactive-ingredients__tooltip--bottom{left:auto;right:auto;top:auto;bottom:auto}.interactive-ingredients__tooltip-m--right{left:calc(100% + var(--ii-connector-length-mobile));top:50%;transform:translate3d(calc(4px + var(--ii-shift-x)),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-m-down .interactive-ingredients__tooltip-m--right{top:calc(50% + var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot--elbow-m-up .interactive-ingredients__tooltip-m--right{top:calc(50% - var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip-m--right,.interactive-ingredients__tooltip-m--right.is-open{transform:translate3d(var(--ii-shift-x),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__tooltip-m--left{right:calc(100% + var(--ii-connector-length-mobile));left:auto;top:50%;transform:translate3d(calc(-4px + var(--ii-shift-x)),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-m-down .interactive-ingredients__tooltip-m--left{top:calc(50% + var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot--elbow-m-up .interactive-ingredients__tooltip-m--left{top:calc(50% - var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip-m--left,.interactive-ingredients__tooltip-m--left.is-open{transform:translate3d(var(--ii-shift-x),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__tooltip-m--top{left:50%;bottom:calc(100% + var(--ii-connector-length-mobile));transform:translate3d(calc(-50% + var(--ii-shift-x)),calc(-4px + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-m-end .interactive-ingredients__tooltip-m--top{left:calc(50% + var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot--elbow-m-start .interactive-ingredients__tooltip-m--top{left:calc(50% - var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip-m--top,.interactive-ingredients__tooltip-m--top.is-open{transform:translate3d(calc(-50% + var(--ii-shift-x)),var(--ii-shift-y),0)}.interactive-ingredients__tooltip-m--bottom{left:50%;top:calc(100% + var(--ii-connector-length-mobile));transform:translate3d(calc(-50% + var(--ii-shift-x)),calc(4px + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-m-end .interactive-ingredients__tooltip-m--bottom{left:calc(50% + var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot--elbow-m-start .interactive-ingredients__tooltip-m--bottom{left:calc(50% - var(--ii-connector-elbow-mobile))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip-m--bottom,.interactive-ingredients__tooltip-m--bottom.is-open{transform:translate3d(calc(-50% + var(--ii-shift-x)),var(--ii-shift-y),0)}.interactive-ingredients__hotspot--connector-right .interactive-ingredients__connector-arm--primary,.interactive-ingredients__hotspot--connector-left .interactive-ingredients__connector-arm--primary,.interactive-ingredients__hotspot--connector-top .interactive-ingredients__connector-arm--primary,.interactive-ingredients__hotspot--connector-bottom .interactive-ingredients__connector-arm--primary,.interactive-ingredients__hotspot--connector-right .interactive-ingredients__connector-arm--secondary,.interactive-ingredients__hotspot--connector-left .interactive-ingredients__connector-arm--secondary,.interactive-ingredients__hotspot--connector-top .interactive-ingredients__connector-arm--secondary,.interactive-ingredients__hotspot--connector-bottom .interactive-ingredients__connector-arm--secondary{left:auto;right:auto;top:auto;bottom:auto;width:0;height:0;transform:none}.interactive-ingredients__hotspot--connector-m-right .interactive-ingredients__connector-arm--primary{left:0;top:0;width:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));height:1px;transform:translateY(-50%)}.interactive-ingredients__hotspot--connector-m-right.interactive-ingredients__hotspot--elbow-m-down .interactive-ingredients__connector-arm--secondary{left:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));top:0;width:1px;height:var(--ii-connector-elbow-mobile)}.interactive-ingredients__hotspot--connector-m-right.interactive-ingredients__hotspot--elbow-m-up .interactive-ingredients__connector-arm--secondary{left:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));bottom:0;top:auto;width:1px;height:var(--ii-connector-elbow-mobile)}.interactive-ingredients__hotspot--connector-m-left .interactive-ingredients__connector-arm--primary{right:0;left:auto;top:0;width:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));height:1px;transform:translateY(-50%)}.interactive-ingredients__hotspot--connector-m-left.interactive-ingredients__hotspot--elbow-m-down .interactive-ingredients__connector-arm--secondary{right:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));left:auto;top:0;width:1px;height:var(--ii-connector-elbow-mobile)}.interactive-ingredients__hotspot--connector-m-left.interactive-ingredients__hotspot--elbow-m-up .interactive-ingredients__connector-arm--secondary{right:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));left:auto;bottom:0;top:auto;width:1px;height:var(--ii-connector-elbow-mobile)}.interactive-ingredients__hotspot--connector-m-top .interactive-ingredients__connector-arm--primary{left:0;bottom:0;width:1px;height:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));transform:translate(-50%)}.interactive-ingredients__hotspot--connector-m-top.interactive-ingredients__hotspot--elbow-m-end .interactive-ingredients__connector-arm--secondary{left:0;bottom:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));width:var(--ii-connector-elbow-mobile);height:1px}.interactive-ingredients__hotspot--connector-m-top.interactive-ingredients__hotspot--elbow-m-start .interactive-ingredients__connector-arm--secondary{right:0;left:auto;bottom:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));width:var(--ii-connector-elbow-mobile);height:1px}.interactive-ingredients__hotspot--connector-m-bottom .interactive-ingredients__connector-arm--primary{left:0;top:0;width:1px;height:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));transform:translate(-50%)}.interactive-ingredients__hotspot--connector-m-bottom.interactive-ingredients__hotspot--elbow-m-end .interactive-ingredients__connector-arm--secondary{left:0;top:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));width:var(--ii-connector-elbow-mobile);height:1px}.interactive-ingredients__hotspot--connector-m-bottom.interactive-ingredients__hotspot--elbow-m-start .interactive-ingredients__connector-arm--secondary{right:0;left:auto;top:calc((var(--ii-dot-size-mobile, var(--ii-dot-size)) / 2) + var(--ii-connector-length-mobile));width:var(--ii-connector-elbow-mobile);height:1px}}@media screen and (min-width:750px){.interactive-ingredients__media{height:var(--ii-height-desktop)}.interactive-ingredients__media:has(.interactive-ingredients__image){height:auto;aspect-ratio:var(--ii-aspect, 5 / 3)}.interactive-ingredients__hotspot{left:var(--ii-x, 50%);top:var(--ii-y, 50%)}.interactive-ingredients__dot{width:var(--ii-dot-size);height:var(--ii-dot-size)}.interactive-ingredients__tooltip{width:var(--ii-tooltip-width);max-width:min(var(--ii-tooltip-width),calc(100vw - 24px));padding:10px 12px}.interactive-ingredients__hotspot--elbow-none .interactive-ingredients__connector-arm--secondary{display:none}.interactive-ingredients__tooltip--right{left:calc(100% + var(--ii-connector-length));top:50%;transform:translate3d(calc(4px + var(--ii-shift-x)),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-down .interactive-ingredients__tooltip--right{top:calc(50% + var(--ii-connector-elbow))}.interactive-ingredients__hotspot--elbow-up .interactive-ingredients__tooltip--right{top:calc(50% - var(--ii-connector-elbow))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip--right,.interactive-ingredients__tooltip--right.is-open{transform:translate3d(var(--ii-shift-x),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__tooltip--left{right:calc(100% + var(--ii-connector-length));left:auto;top:50%;transform:translate3d(calc(-4px + var(--ii-shift-x)),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-down .interactive-ingredients__tooltip--left{top:calc(50% + var(--ii-connector-elbow))}.interactive-ingredients__hotspot--elbow-up .interactive-ingredients__tooltip--left{top:calc(50% - var(--ii-connector-elbow))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip--left,.interactive-ingredients__tooltip--left.is-open{transform:translate3d(var(--ii-shift-x),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__tooltip--top{left:50%;bottom:calc(100% + var(--ii-connector-length));transform:translate3d(calc(-50% + var(--ii-shift-x)),calc(-4px + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-end .interactive-ingredients__tooltip--top{left:calc(50% + var(--ii-connector-elbow))}.interactive-ingredients__hotspot--elbow-start .interactive-ingredients__tooltip--top{left:calc(50% - var(--ii-connector-elbow))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip--top,.interactive-ingredients__tooltip--top.is-open{transform:translate3d(calc(-50% + var(--ii-shift-x)),var(--ii-shift-y),0)}.interactive-ingredients__tooltip--bottom{left:50%;top:calc(100% + var(--ii-connector-length));transform:translate3d(calc(-50% + var(--ii-shift-x)),calc(4px + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot--elbow-end .interactive-ingredients__tooltip--bottom{left:calc(50% + var(--ii-connector-elbow))}.interactive-ingredients__hotspot--elbow-start .interactive-ingredients__tooltip--bottom{left:calc(50% - var(--ii-connector-elbow))}.interactive-ingredients__hotspot.is-active .interactive-ingredients__tooltip--bottom,.interactive-ingredients__tooltip--bottom.is-open{transform:translate3d(calc(-50% + var(--ii-shift-x)),var(--ii-shift-y),0)}.interactive-ingredients__hotspot--connector-right .interactive-ingredients__connector-arm--primary{left:0;top:0;width:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));height:1px;transform:translateY(-50%)}.interactive-ingredients__hotspot--connector-right.interactive-ingredients__hotspot--elbow-down .interactive-ingredients__connector-arm--secondary{left:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));top:0;width:1px;height:var(--ii-connector-elbow)}.interactive-ingredients__hotspot--connector-right.interactive-ingredients__hotspot--elbow-up .interactive-ingredients__connector-arm--secondary{left:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));bottom:0;top:auto;width:1px;height:var(--ii-connector-elbow)}.interactive-ingredients__hotspot--connector-left .interactive-ingredients__connector-arm--primary{right:0;left:auto;top:0;width:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));height:1px;transform:translateY(-50%)}.interactive-ingredients__hotspot--connector-left.interactive-ingredients__hotspot--elbow-down .interactive-ingredients__connector-arm--secondary{right:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));left:auto;top:0;width:1px;height:var(--ii-connector-elbow)}.interactive-ingredients__hotspot--connector-left.interactive-ingredients__hotspot--elbow-up .interactive-ingredients__connector-arm--secondary{right:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));left:auto;bottom:0;top:auto;width:1px;height:var(--ii-connector-elbow)}.interactive-ingredients__hotspot--connector-top .interactive-ingredients__connector-arm--primary{left:0;bottom:0;width:1px;height:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));transform:translate(-50%)}.interactive-ingredients__hotspot--connector-top.interactive-ingredients__hotspot--elbow-end .interactive-ingredients__connector-arm--secondary{left:0;bottom:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));width:var(--ii-connector-elbow);height:1px}.interactive-ingredients__hotspot--connector-top.interactive-ingredients__hotspot--elbow-start .interactive-ingredients__connector-arm--secondary{right:0;left:auto;bottom:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));width:var(--ii-connector-elbow);height:1px}.interactive-ingredients__hotspot--connector-bottom .interactive-ingredients__connector-arm--primary{left:0;top:0;width:1px;height:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));transform:translate(-50%)}.interactive-ingredients__hotspot--connector-bottom.interactive-ingredients__hotspot--elbow-end .interactive-ingredients__connector-arm--secondary{left:0;top:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));width:var(--ii-connector-elbow);height:1px}.interactive-ingredients__hotspot--connector-bottom.interactive-ingredients__hotspot--elbow-start .interactive-ingredients__connector-arm--secondary{right:0;left:auto;top:calc((var(--ii-dot-size) / 2) + var(--ii-connector-length));width:var(--ii-connector-elbow);height:1px}}@media screen and (min-width:750px)and (max-width:989px){.interactive-ingredients__tooltip{max-width:min(var(--ii-tooltip-width),calc(100vw - 48px))}}@media(hover:hover)and (pointer:fine)and (min-width:750px){.interactive-ingredients__hotspot:hover .interactive-ingredients__tooltip,.interactive-ingredients__hotspot:focus-within .interactive-ingredients__tooltip{opacity:1;visibility:visible;pointer-events:auto}.interactive-ingredients__hotspot:hover .interactive-ingredients__tooltip--right,.interactive-ingredients__hotspot:focus-within .interactive-ingredients__tooltip--right,.interactive-ingredients__hotspot:hover .interactive-ingredients__tooltip--left,.interactive-ingredients__hotspot:focus-within .interactive-ingredients__tooltip--left{transform:translate3d(var(--ii-shift-x),calc(-50% + var(--ii-shift-y)),0)}.interactive-ingredients__hotspot:hover .interactive-ingredients__tooltip--top,.interactive-ingredients__hotspot:focus-within .interactive-ingredients__tooltip--top,.interactive-ingredients__hotspot:hover .interactive-ingredients__tooltip--bottom,.interactive-ingredients__hotspot:focus-within .interactive-ingredients__tooltip--bottom{transform:translate3d(calc(-50% + var(--ii-shift-x)),var(--ii-shift-y),0)}.interactive-ingredients__hotspot:hover .interactive-ingredients__connector,.interactive-ingredients__hotspot:focus-within .interactive-ingredients__connector{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/485/assets/interactive-ingredients.css.map */