.ingredient-hotspots{position:relative;background:var(--color-white);color:var(--color-blue);font-family:var(--font-primary);padding:2.5rem 1rem 3rem;box-sizing:border-box}.ingredient-hotspots__header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.ingredient-hotspots__heading{font-size:1.75rem;font-weight:400;line-height:1.2;letter-spacing:-.02em}.ingredient-hotspots__heading p{margin:0}.ingredient-hotspots__heading em{font-family:var(--font-display);font-style:italic;font-weight:300}.ingredient-hotspots__subtitle{font-size:1rem;font-weight:400;line-height:1.4}.ingredient-hotspots__subtitle p{margin:0}.ingredient-hotspots__stage{position:relative}.ingredient-hotspots__bg{display:block;width:100%;height:auto;border-radius:1rem}.ingredient-hotspots__bg--desktop{display:none}.ih-hotspot{position:absolute;left:var(--xm);top:var(--ym)}.ih-hotspot__pill{position:absolute;left:0;top:0;transform:translate(-50%,-50%);margin:0;padding:.5rem .875rem;border:none;border-radius:6.25rem;background:#ffffffb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--color-blue);font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.2;white-space:nowrap;cursor:pointer;box-shadow:0 .25rem .75rem #2f4c782e}.ih-hotspot__dot,.ih-hotspot__connector,.ih-hotspot__label{display:none}.ih-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#2f4c782e;border-radius:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.ih-popup.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}.ih-popup__card{position:relative;width:100%;max-width:20rem;padding:1.5rem;border-radius:1rem;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1rem 2rem #2f4c782e;transform:translateY(.75rem) scale(.98);transition:transform .3s ease}.ih-popup.is-open .ih-popup__card{transform:none}@keyframes ih-pulse{0%{box-shadow:0 0 #2f4c7859}70%{box-shadow:0 0 0 .85rem #2f4c7800}to{box-shadow:0 0 #2f4c7800}}@media(prefers-reduced-motion:reduce){.ih-popup,.ih-popup.is-open,.ih-popup__card{transition:none}.ih-hotspot__dot{animation:none}}.ih-popup__close{position:absolute;top:1rem;right:1rem;display:flex;padding:0;border:none;background:none;color:var(--color-blue);cursor:pointer}.ih-popup__close svg{width:1.25rem;height:1.25rem}.ih-popup__title{margin:0 1.5rem .5rem 0;font-size:1.125rem;font-weight:500;line-height:1.3;color:var(--color-blue)}.ih-popup__subtitle{margin:0 0 .25rem;font-size:.875rem;line-height:1.3;color:var(--color-grey)}.ih-popup__subtitle:empty{display:none}.ih-popup__desc{margin:0;font-size:1rem;line-height:1.4;color:var(--color-blue)}@media(min-width:1201px){.ingredient-hotspots{padding:0}.ingredient-hotspots__header{position:absolute;top:3rem;left:50%;transform:translate(-50%);z-index:3;width:35rem;max-width:90%;margin:0;align-items:center;text-align:center}.ingredient-hotspots__heading{font-size:2rem}.ingredient-hotspots__subtitle{font-size:1.125rem}.ingredient-hotspots__stage{aspect-ratio:1440 / 760}.ingredient-hotspots__bg--desktop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}.ingredient-hotspots__bg--mobile{display:none}.ih-hotspot{left:var(--x);top:var(--y)}.ih-hotspot__pill{display:none}.ih-hotspot__dot{display:block;position:absolute;left:0;top:0;width:1.5625rem;height:1.5625rem;border-radius:50%;background:#9dd9fb4d;transform:translate(-50%,-50%);animation:ih-pulse 2.4s ease-out infinite}.ih-hotspot__dot:before,.ih-hotspot__dot:after{content:"";position:absolute;border-radius:50%}.ih-hotspot__dot:before{top:16.5%;right:16.5%;bottom:16.5%;left:16.5%;background:#2f4c7880}.ih-hotspot__dot:after{top:31.8%;right:31.8%;bottom:31.8%;left:31.8%;background:var(--color-blue)}.ih-hotspot__connector{display:block;position:absolute;top:0;height:.0625rem;width:6.5rem;background:var(--color-blue);transform:translateY(-50%)}.ih-hotspot--right .ih-hotspot__connector{left:0}.ih-hotspot--left .ih-hotspot__connector{right:0}.ih-hotspot__label{display:flex;flex-direction:column;gap:.25rem;position:absolute;top:0;transform:translateY(-50%);width:15rem}.ih-hotspot--right .ih-hotspot__label{left:7rem}.ih-hotspot--left .ih-hotspot__label{right:7rem}.ih-hotspot__title{margin:0;font-size:1rem;font-weight:400;line-height:1.3;color:var(--color-blue)}.ih-hotspot__subtitle{margin:0;font-size:.75rem;line-height:1.3;letter-spacing:.03em;color:var(--color-grey);opacity:.8}.ih-hotspot__desc{margin:0;font-size:.75rem;line-height:1.3;letter-spacing:.03em;color:var(--color-blue);opacity:.8}.ih-popup{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ingredient-hotspots.css.map */