.ea-ingredient-wheel{background-color:var(--ea-iw-bg, var(--ea-parchment));color:var(--ea-iw-text, var(--ea-earth));padding:60px 20px;position:relative;overflow:hidden}.ea-iw__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.ea-iw__text{max-width:480px;padding-left:16px;border-left:2px solid var(--ea-iw-ring, var(--ea-malachite))}.ea-iw__eyebrow{margin:0 0 12px;color:var(--ea-iw-text, var(--ea-earth));opacity:.7}.ea-iw__heading{margin:0 0 20px;color:var(--ea-iw-text, var(--ea-earth));font-size:clamp(32px,3.5vw,52px);line-height:1.15}.ea-iw__subheading{color:var(--ea-iw-text, var(--ea-earth));opacity:.85}.ea-iw__subheading p{margin:0 0 1em}.ea-iw__subheading p:last-child{margin-bottom:0}.ea-iw__wheel-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.ea-iw__wheel{position:relative;width:100%;max-width:560px;aspect-ratio:1 / 1;margin:0 auto}.ea-iw__ring{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;width:106%;height:106%;color:var(--ea-iw-ring, var(--ea-malachite));pointer-events:none;z-index:1}.ea-iw__image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:transparent}.ea-iw__image img{width:100%;height:100%;object-fit:cover;display:block}.ea-iw__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--ea-mist)}.ea-iw__image-placeholder svg{width:40%;height:40%;opacity:.4}.ea-iw__hotspot{position:absolute;left:calc(50% + 53%*sin(var(--ea-iw-angle, 0deg)));top:calc(50% - (53%*cos(var(--ea-iw-angle, 0deg))));transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;z-index:5;min-width:20px;min-height:20px}.ea-iw__hotspot--left .ea-iw__dot{margin-left:8px}.ea-iw__hotspot-inner{position:relative;display:block}.ea-iw__dot{position:relative;display:block;width:14px;height:14px;flex-shrink:0}.ea-iw__dot-core{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ea-iw-dot, var(--ea-malachite));border-radius:50%;z-index:2}.ea-iw__dot-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ea-iw-dot, var(--ea-malachite));border-radius:50%;opacity:.5;z-index:1;animation:ea-iw-pulse 2s ease-out infinite}@keyframes ea-iw-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){.ea-iw__dot-pulse{animation:none}}.ea-iw__hotspot-content{position:absolute;top:50%;display:block;pointer-events:auto;width:max-content;max-width:220px}.ea-iw__hotspot--right .ea-iw__hotspot-content{left:calc(100% + 10px)}.ea-iw__hotspot--left .ea-iw__hotspot-content{right:calc(100% + 10px)}.ea-iw__hotspot-title{display:block;font-family:var(--ea-font-primary);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:none;text-align:left;color:var(--ea-iw-dot, var(--ea-malachite));line-height:1.2;margin:0;transform:translateY(-50%);max-width:180px;cursor:pointer}.ea-iw__hotspot-description{position:absolute;top:calc(50% + 10px);left:0;display:block;font-family:var(--ea-font-primary);font-size:13px;font-weight:400;line-height:1.4;text-align:left;color:var(--ea-iw-text, var(--ea-earth));width:220px;padding:12px 14px;background-color:#fff;border-radius:var(--ea-radius-sm, 8px);box-shadow:0 4px 12px #331f1414;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;z-index:10;margin-left:-14px}.ea-iw__hotspot:hover .ea-iw__hotspot-description,.ea-iw__hotspot:focus-visible .ea-iw__hotspot-description,.ea-iw__hotspot.is-open .ea-iw__hotspot-description{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s linear 0s}.ea-iw__hotspot:hover .ea-iw__hotspot-title,.ea-iw__hotspot:focus-visible .ea-iw__hotspot-title,.ea-iw__hotspot.is-open .ea-iw__hotspot-title{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.ea-iw__hotspot:focus-visible{outline:2px solid var(--ea-biome);outline-offset:4px;border-radius:50%}.ea-iw__mobile-list{display:none;list-style:none;padding:0;margin:0;width:100%;max-width:560px;border-top:1px solid var(--ea-mist)}.ea-iw__mobile-item{border-bottom:1px solid var(--ea-mist);--ea-iw-dot: var(--ea-malachite)}.ea-iw__mobile-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit}.ea-iw__mobile-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.ea-iw__mobile-legend-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background-color:var(--ea-iw-dot, var(--ea-malachite))}.ea-iw__mobile-title{font-family:var(--ea-font-primary);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:none;color:var(--ea-iw-dot, var(--ea-malachite));line-height:1.3;margin:0}.ea-iw__mobile-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--ea-iw-dot, var(--ea-malachite));transition:transform .25s ease;flex-shrink:0}.ea-iw__mobile-toggle[aria-expanded=true] .ea-iw__mobile-icon{transform:rotate(180deg)}.ea-iw__mobile-panel[hidden]{display:none}.ea-iw__mobile-description{font-family:var(--ea-font-primary);font-size:14px;line-height:1.5;color:var(--ea-iw-text, var(--ea-earth));padding:0 4px 16px}@media(min-width:990px){.ea-ingredient-wheel{padding:100px 40px 140px}.ea-iw__inner{grid-template-columns:minmax(320px,420px) 1fr;gap:32px;align-items:center}.ea-iw__inner[data-text-align=top] .ea-iw__text{align-self:start}.ea-iw__inner[data-text-align=center] .ea-iw__text{align-self:center}.ea-iw__inner[data-text-align=bottom] .ea-iw__text{align-self:end}.ea-iw__wheel-wrapper{align-self:center;padding:0 180px 0 40px}.ea-iw__text{padding-left:24px}.ea-iw__mobile-list{display:none}}@media(min-width:1200px){.ea-iw__wheel-wrapper{padding:0 200px 0 60px}}@media(max-width:989px){.ea-iw__hotspot{pointer-events:none;cursor:default}.ea-iw__dot-pulse,.ea-iw__hotspot-content{display:none}.ea-iw__dot{width:12px;height:12px}.ea-iw__dot-core{top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 2px #fff}.ea-iw__mobile-list{display:block}.ea-iw__wheel{max-width:340px}.ea-iw__text{max-width:100%}}@media(max-width:749px){.ea-ingredient-wheel{padding:40px 20px}.ea-iw__inner{gap:32px}.ea-iw__wheel{max-width:300px}.ea-iw__wheel-wrapper{gap:44px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-ea-ingredient-wheel.css.map */