.savas-ingredients-map{--im-hotspot: 28px;--im-ratio: 3 / 2;--im-gap: 12px;--im-card-width: 260px;--im-max: 1120px;--im-ring: var(--savas-text);--im-ring-fill: var(--savas-surface);--im-ring-text: var(--savas-text);--im-card-bg: var(--savas-white);--im-card-text: var(--savas-text);--im-card-body: var(--savas-text-light);--im-card-eyebrow: var(--savas-muted);--im-card-border: transparent;--im-card-shadow: var(--savas-shadow-soft)}.savas-ingredients-map__anchor{display:block;height:0;scroll-margin-top:calc(var(--savas-header-height) + var(--savas-space-lg))}.savas-ingredients-map--card-tint{--im-card-bg: var(--savas-card);--im-card-border: var(--savas-border);--im-card-shadow: none}.savas-ingredients-map--card-ink{--im-card-bg: var(--savas-ink);--im-card-text: var(--savas-text-on-ink);--im-card-body: var(--savas-text-on-ink);--im-card-eyebrow: var(--savas-accent-light);--im-card-shadow: var(--savas-shadow-md)}:where(.savas-ingredients-map) p{margin:0}.savas-ingredients-map__head{max-width:var(--im-max);margin:0 auto var(--savas-space-2xl);text-align:center}.savas-ingredients-map__eyebrow{display:block;margin-bottom:var(--savas-space-md);font-size:var(--savas-size-label);font-weight:var(--savas-weight-bold);letter-spacing:var(--savas-tracking-label);line-height:var(--savas-leading-heading);text-transform:uppercase;color:var(--savas-muted)}.savas-ingredients-map__heading{margin:0;font-family:var(--savas-font-heading);font-size:var(--savas-size-4xl);font-weight:var(--savas-weight-display);line-height:var(--savas-leading-display);letter-spacing:var(--savas-tracking-display);color:var(--savas-text);text-wrap:balance}.savas-ingredients-map__intro{margin:var(--savas-space-md) auto 0;max-width:52ch;font-size:var(--savas-size-lg);font-weight:var(--savas-weight-regular);line-height:var(--savas-leading-body);color:var(--savas-text-light);text-wrap:pretty}.savas-ingredients-map__stage{max-width:var(--im-max);margin:0 auto}.savas-ingredients-map__frame{position:relative;isolation:isolate}.savas-ingredients-map__picture{position:relative}.savas-ingredients-map__figure{position:relative;aspect-ratio:var(--im-ratio);border-radius:var(--savas-radius-image);overflow:hidden;background-color:var(--savas-tint)}.savas-ingredients-map__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.savas-ingredients-map__hotspot{position:absolute;z-index:3;width:var(--im-hotspot);height:var(--im-hotspot);margin:0;padding:0;transform:translate(-50%,-50%);border:1.5px solid var(--im-ring);border-radius:var(--savas-radius-pill);background-color:var(--im-ring-fill);color:var(--im-ring-text);font-family:var(--savas-font-body);font-size:var(--savas-size-label);font-weight:var(--savas-weight-bold);line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity var(--savas-transition-fast),background-color var(--savas-transition-fast),color var(--savas-transition-fast)}.savas-ingredients-map__hotspot:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:max(44px,var(--im-hotspot));height:max(44px,var(--im-hotspot));transform:translate(-50%,-50%);border-radius:var(--savas-radius-pill)}.savas-ingredients-map__hotspot:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:var(--savas-radius-pill);border:1.5px solid var(--im-ring);opacity:0;pointer-events:none}.savas-ingredients-map__num{display:block;font-size:inherit;font-weight:inherit;line-height:1}.savas-ingredients-map__hotspot:hover{background-color:var(--savas-tint)}.savas-ingredients-map__hotspot:focus-visible{outline:var(--savas-focus-width) solid var(--savas-focus-ring);outline-offset:var(--savas-focus-offset)}.savas-ingredients-map__hotspot.is-active{background-color:var(--im-ring);color:var(--savas-text-on-ink)}.savas-ingredients-map__hotspot.is-active:before{animation:savasImPulse 2.2s var(--savas-ease-out) infinite}.savas-ingredients-map.has-active .savas-ingredients-map__hotspot:not(.is-active){opacity:.6}.savas-ingredients-map.has-active .savas-ingredients-map__hotspot:not(.is-active):hover,.savas-ingredients-map.has-active .savas-ingredients-map__hotspot:not(.is-active):focus-visible{opacity:1}@keyframes savasImPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}.savas-ingredients-map__cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.savas-ingredients-map__card{position:absolute;left:var(--im-x, 50%);top:var(--im-y, 50%);box-sizing:border-box;width:min(var(--im-card-width),42%);padding:var(--savas-space-md) var(--savas-space-2xl) var(--savas-space-md) var(--savas-space-lg);border-radius:var(--savas-radius-card);border:1px solid var(--im-card-border);background-color:var(--im-card-bg);color:var(--im-card-text);box-shadow:var(--im-card-shadow);text-align:left;pointer-events:auto;transform:translate(var(--im-tx, 0),var(--im-ty, 0))}.savas-ingredients-map__card[hidden]{display:none}.savas-ingredients-map__card.is-open{display:block;animation:savasImCardIn var(--savas-transition-base) both}.savas-ingredients-map__card--right{--im-tx: calc(var(--im-hotspot) / 2 + var(--im-gap))}.savas-ingredients-map__card--left{--im-tx: calc(-100% - var(--im-hotspot) / 2 - var(--im-gap))}.savas-ingredients-map__card--below{--im-ty: calc(var(--im-hotspot) / -2)}.savas-ingredients-map__card--above{--im-ty: calc(-100% + var(--im-hotspot) / 2)}@keyframes savasImCardIn{0%{opacity:0;transform:translate(var(--im-tx, 0),calc(var(--im-ty, 0px) + 6px))}to{opacity:1;transform:translate(var(--im-tx, 0),var(--im-ty, 0))}}.savas-ingredients-map__card-eyebrow{display:flex;align-items:baseline;gap:var(--savas-space-sm);margin-bottom:var(--savas-space-sm);font-size:var(--savas-size-label);font-weight:var(--savas-weight-bold);letter-spacing:var(--savas-tracking-label);line-height:var(--savas-leading-heading);text-transform:uppercase;color:var(--im-card-eyebrow)}.savas-ingredients-map__card-num,.savas-ingredients-map__card-sep,.savas-ingredients-map__card-latin{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit}.savas-ingredients-map__card-num{font-variant-numeric:tabular-nums}.savas-ingredients-map__card-latin{font-style:italic}.savas-ingredients-map__card-name{display:block;font-family:var(--savas-font-heading);font-size:var(--savas-size-xl);font-weight:var(--savas-weight-display);line-height:var(--savas-leading-heading);letter-spacing:var(--savas-tracking-display);color:var(--im-card-text);text-wrap:balance}.savas-ingredients-map__card-line{display:block;margin-top:var(--savas-space-sm);font-size:var(--savas-size-sm);line-height:1.45;color:var(--im-card-body);text-wrap:pretty}.savas-ingredients-map__close{position:absolute;top:var(--savas-space-sm);right:var(--savas-space-sm);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:var(--savas-radius-pill);background:transparent;color:var(--im-card-eyebrow);cursor:pointer;-webkit-appearance:none;appearance:none;transition:color var(--savas-transition-fast),background-color var(--savas-transition-fast)}.savas-ingredients-map__close svg{width:16px;height:16px}.savas-ingredients-map__close:hover{color:var(--im-card-text)}.savas-ingredients-map__close:focus-visible{outline:var(--savas-focus-width) solid var(--savas-focus-ring);outline-offset:var(--savas-focus-offset)}.savas-ingredients-map__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--savas-space-sm) var(--savas-space-md);margin-top:var(--savas-space-lg)}.savas-ingredients-map__legend-item{display:inline-flex;align-items:center;gap:var(--savas-space-sm);height:var(--savas-control-sm);margin:0;padding:0 var(--savas-space-md);border:1px solid var(--savas-border);border-radius:var(--savas-radius-pill);background-color:transparent;color:var(--savas-text);font-family:var(--savas-font-body);font-size:var(--savas-size-caption);font-weight:var(--savas-weight-medium);line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color var(--savas-transition-fast),border-color var(--savas-transition-fast),color var(--savas-transition-fast)}.savas-ingredients-map__legend-num{font-size:var(--savas-size-label);font-weight:var(--savas-weight-bold);letter-spacing:var(--savas-tracking-label);line-height:1;font-variant-numeric:tabular-nums;color:var(--savas-muted);transition:color var(--savas-transition-fast)}.savas-ingredients-map__legend-name{font-size:inherit;font-weight:inherit;line-height:inherit;white-space:nowrap}.savas-ingredients-map__legend-item:hover{border-color:var(--savas-text)}.savas-ingredients-map__legend-item:focus-visible{outline:var(--savas-focus-width) solid var(--savas-focus-ring);outline-offset:var(--savas-focus-offset)}.savas-ingredients-map__legend-item.is-active{background-color:var(--savas-primary);border-color:var(--savas-primary);color:var(--savas-text-on-ink)}.savas-ingredients-map__legend-item.is-active .savas-ingredients-map__legend-num{color:var(--savas-accent-light)}.savas-ingredients-map__note{display:flex;align-items:center;justify-content:center;gap:var(--savas-space-2sm);margin-top:var(--savas-space-lg);color:var(--savas-text-light)}.savas-ingredients-map__note-dot{flex:none;width:14px;height:14px;border-radius:var(--savas-radius-pill);border:1px solid var(--savas-text-light);box-sizing:border-box}.savas-ingredients-map__note-text{font-size:var(--savas-size-sm);line-height:1.4;text-align:center}.savas-ingredients-map .savas-pdp3-reveal{opacity:0;transform:translateY(12px);transition:opacity var(--savas-transition-slow),transform var(--savas-transition-slow)}.savas-ingredients-map .savas-pdp3-reveal.is-in,html.savas-pdp3-no-reveal .savas-ingredients-map .savas-pdp3-reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.savas-ingredients-map .savas-pdp3-reveal{opacity:1;transform:none;transition:none}.savas-ingredients-map__hotspot,.savas-ingredients-map__legend-item,.savas-ingredients-map__close{transition:none}.savas-ingredients-map__hotspot.is-active:before{animation:none;top:-5px;right:-5px;bottom:-5px;left:-5px;opacity:.4}.savas-ingredients-map__card.is-open{animation:none}}@media screen and (max-width:1100px){.savas-ingredients-map__card{width:min(var(--im-card-width),46%)}}@media screen and (max-width:768px){.savas-ingredients-map__head{margin-bottom:var(--savas-space-xl)}.savas-ingredients-map__intro{font-size:var(--savas-size-base)}.savas-ingredients-map__hotspot{font-size:11px}.savas-ingredients-map__cards{position:static;inset:auto;margin-top:var(--savas-space-md);pointer-events:auto}.savas-ingredients-map__card{position:static;left:auto;top:auto;width:100%;padding-right:var(--savas-space-2xl);--im-tx: 0px;--im-ty: 0px;transform:none}.savas-ingredients-map__card.is-open{position:relative;animation:savasImPanelIn var(--savas-transition-base) both}@keyframes savasImPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.savas-ingredients-map__card-name{font-size:var(--savas-size-lg)}.savas-ingredients-map__legend{justify-content:flex-start;gap:var(--savas-space-sm);margin-top:var(--savas-space-md)}.savas-ingredients-map__legend-item{padding:0 var(--savas-space-2sm)}.savas-ingredients-map__note{justify-content:flex-start;align-items:flex-start}.savas-ingredients-map__note-dot{margin-top:3px}.savas-ingredients-map__note-text{text-align:left}}@media screen and (max-width:768px)and (prefers-reduced-motion:reduce){.savas-ingredients-map__card.is-open{animation:none}}.savas-ingredients-map [aria-pressed=true]>span:not([class*=num]):not([class*=index]):not([class*=no]){color:var(--savas-text-on-ink)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/savas-ingredients-map.css.map */