.magnetic-ingredients{--mi-bg-primary: #0f172a;--mi-bg-secondary: #1e293b;--mi-text-color: #ffffff;--mi-accent-color: #60a5fa;--mi-accent-secondary: #a78bfa;position:relative;background:linear-gradient(135deg,var(--mi-bg-primary) 0%,var(--mi-bg-secondary) 50%,var(--mi-bg-primary) 100%);padding:40px 0 52px;overflow:hidden}.magnetic-ingredients{--mi-ig-a: #f9ce34;--mi-ig-b: #ee2a7b;--mi-ig-c: #6228d7;--mi-hairline: rgb(17 17 17 / .08);--mi-card-shadow: 0 18px 44px -24px rgb(30 10 60 / .35)}.magnetic-ingredients__container{position:relative;z-index:1}.magnetic-ingredients__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:480px){.magnetic-ingredients__container{padding:0 1.5rem}}@media(min-width:1024px){.magnetic-ingredients__container{padding:0 2rem}}.magnetic-ingredients__header{text-align:left;margin-bottom:1.5rem}.magnetic-ingredients__title{font-size:var(--mi-title-font-size-mobile, 44px);font-weight:var(--mi-title-font-weight-mobile, 500);color:var(--mi-text-color);margin:0 0 .5rem;line-height:1.2}@media(min-width:768px){.magnetic-ingredients__title{font-size:var(--mi-title-font-size, 56px);font-weight:var(--mi-title-font-weight, 500)}}.magnetic-ingredients__title-highlight{font-weight:var(--mi-highlight-font-weight-mobile, 600);font-size:var(--mi-highlight-font-size-mobile, 44px);background:linear-gradient(45deg,var(--mi-ig-b, #ee2a7b),var(--mi-ig-c, #6228d7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.magnetic-ingredients__title-highlight{font-size:var(--mi-highlight-font-size, 56px);font-weight:var(--mi-highlight-font-weight, 600)}}.magnetic-ingredients__subtitle{font-size:var(--mi-subtitle-font-size-mobile, 15px);font-weight:var(--mi-subtitle-font-weight-mobile, 400);color:var(--mi-subtitle-color, rgba(255, 255, 255, .6));margin:0}@media(min-width:768px){.magnetic-ingredients__subtitle{font-size:var(--mi-subtitle-font-size, 15px);font-weight:var(--mi-subtitle-font-weight, 400)}}.magnetic-ingredients__layout{display:flex;flex-direction:column;gap:1rem}@media(min-width:480px){.magnetic-ingredients__layout{gap:1.5rem}}@media(min-width:1024px){.magnetic-ingredients__layout{flex-direction:row;gap:2rem;align-items:flex-start}}@media(min-width:1200px){.magnetic-ingredients__layout{gap:2.5rem}}.magnetic-ingredients__grid-wrapper{flex:1;position:relative}.magnetic-ingredients__grid-wrapper:before{content:"";position:absolute;left:50%;top:24px;bottom:8px;width:min(430px,92%);transform:translate(-50%);border-radius:4px;background:radial-gradient(52% 42% at 18% 12%,rgb(98 40 215 / .5),transparent 70%),radial-gradient(46% 40% at 85% 25%,rgb(238 42 123 / .45),transparent 70%),radial-gradient(50% 38% at 55% 92%,rgb(249 206 52 / .42),transparent 70%);filter:blur(46px);opacity:.4;pointer-events:none}.magnetic-ingredients__grid{position:relative;width:min(420px,92vw);aspect-ratio:1;margin:0 auto}@media(min-width:768px){.magnetic-ingredients__grid{width:min(500px,64vw)}}@media(min-width:1024px){.magnetic-ingredients__grid{width:min(480px,42vw)}}.magnetic-ingredients__ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16rem;height:16rem;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--mi-ig-c, #6228d7) 10%,transparent),transparent 65%),radial-gradient(circle at 70% 70%,color-mix(in srgb,var(--mi-ig-b, #ee2a7b) 9%,transparent),transparent 60%);border-radius:50%;pointer-events:none}.magnetic-ingredients__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7rem;height:7rem;border:2px dashed color-mix(in srgb,var(--mi-text-color) 25%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;z-index:5;background:color-mix(in srgb,var(--mi-text-color) 3%,transparent)}.magnetic-ingredients__liquid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;pointer-events:none}.magnetic-ingredients__liquid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;top:calc(100% - var(--mix-level, 0) * 100%);background:linear-gradient(105deg,color-mix(in srgb,var(--mix-a, transparent) 55%,transparent),color-mix(in srgb,var(--mix-b, transparent) 55%,transparent));transition:top .7s cubic-bezier(.22,1,.36,1)}.magnetic-ingredients__liquid:after{content:"";position:absolute;left:-60%;width:220%;aspect-ratio:1;top:calc(100% - var(--mix-level, 0) * 100% - 8px);border-radius:42% 46% 44% 48%;background:color-mix(in srgb,var(--mix-b, transparent) 30%,transparent);animation:mi-liquid-roll 7s linear infinite;transition:top .7s cubic-bezier(.22,1,.36,1)}@keyframes mi-liquid-roll{to{transform:rotate(360deg)}}.magnetic-ingredients__liquid i{position:absolute;bottom:6%;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--mi-text-color) 55%,transparent);opacity:0}.magnetic-ingredients__center.has-liquid .magnetic-ingredients__liquid i{animation:mi-bubble-rise 2.6s ease-in infinite}.magnetic-ingredients__liquid i:nth-child(1){left:28%;animation-delay:0s}.magnetic-ingredients__liquid i:nth-child(2){left:46%;width:4px;height:4px;animation-delay:.7s}.magnetic-ingredients__liquid i:nth-child(3){left:62%;animation-delay:1.3s}.magnetic-ingredients__liquid i:nth-child(4){left:38%;width:5px;height:5px;animation-delay:1.9s}.magnetic-ingredients__liquid i:nth-child(5){left:70%;width:4px;height:4px;animation-delay:2.3s}@keyframes mi-bubble-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.7}to{transform:translateY(calc(-1 * var(--mix-level, .5) * 90px));opacity:0}}@media(min-width:768px){.magnetic-ingredients__center{width:9rem;height:9rem}}@media(min-width:1024px){.magnetic-ingredients__center{width:10rem;height:10rem}}.magnetic-ingredients__center.is-active{border-color:var(--mi-accent-color);background:#60a5fa0d;box-shadow:0 0 30px #60a5fa33}.magnetic-ingredients__center.is-merging{animation:mi-center-pulse .6s ease-out;background:#60a5fa26;border-color:var(--mi-accent-secondary)}.magnetic-ingredients__center-text{font-size:.75rem;color:color-mix(in srgb,var(--mi-text-color) 60%,transparent);text-align:center;padding:.5rem;transition:opacity .3s ease;position:relative;z-index:1}@media(min-width:768px){.magnetic-ingredients__center-text{font-size:.8rem}}.magnetic-ingredients__center.is-active .magnetic-ingredients__center-text{color:var(--mi-accent-color);opacity:.9;font-weight:500}.magnetic-ingredients__center.has-match .magnetic-ingredients__center-text{opacity:0}.magnetic-ingredients__center-ping{position:absolute;width:1rem;height:1rem;background:linear-gradient(135deg,var(--mi-accent-color),var(--mi-accent-secondary));border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease}.magnetic-ingredients__center.has-match .magnetic-ingredients__center-ping{opacity:1;transform:scale(1);animation:mi-ping 1s cubic-bezier(0,0,.2,1) infinite}.magnetic-ingredients__center-burst{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--mi-accent-color);opacity:0;pointer-events:none}.magnetic-ingredients__center.is-merging .magnetic-ingredients__center-burst{animation:mi-merge-burst .6s ease-out forwards}@property --float-offset{syntax: "<length>"; initial-value: 0px; inherits: false;}@property --mag-x{syntax: "<length>"; initial-value: 0px; inherits: false;}@property --mag-y{syntax: "<length>"; initial-value: 0px; inherits: false;}.magnetic-ingredients__orb{position:absolute;top:50%;left:50%;width:5rem;height:5rem;border-radius:50%;border:2px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:10;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--orb-color) 22%,transparent),color-mix(in srgb,var(--orb-color) 8%,transparent)),#fff;border-color:color-mix(in srgb,var(--orb-color) 55%,transparent);box-shadow:0 10px 24px -14px #1e0a3c59;--count: 8;--radius: clamp(110px, 34vw, 200px);--angle: calc((360deg / var(--count)) * var(--i) - 90deg);--float-offset: 0px;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--radius) + var(--float-offset))) rotate(calc(-1 * var(--angle))) translate(var(--mag-x, 0px),var(--mag-y, 0px));animation:mi-orbit-float calc(3s + var(--i, 0) * .3s) ease-in-out infinite}@keyframes mi-orbit-float{0%,to{--float-offset: 0px}50%{--float-offset: 10px}}.magnetic-ingredients__orb[data-index="0"]{--i: 0}.magnetic-ingredients__orb[data-index="1"]{--i: 1}.magnetic-ingredients__orb[data-index="2"]{--i: 2}.magnetic-ingredients__orb[data-index="3"]{--i: 3}.magnetic-ingredients__orb[data-index="4"]{--i: 4}.magnetic-ingredients__orb[data-index="5"]{--i: 5}.magnetic-ingredients__orb[data-index="6"]{--i: 6}.magnetic-ingredients__orb[data-index="7"]{--i: 7}@media(min-width:768px){.magnetic-ingredients__orb{width:7rem;height:7rem;border-width:3px;box-shadow:0 0 25px color-mix(in srgb,var(--orb-color) 25%,transparent);--radius: clamp(160px, 24vw, 200px)}}@media(min-width:1024px){.magnetic-ingredients__orb{width:7.5rem;height:7.5rem;--radius: clamp(170px, 19vw, 180px)}}.magnetic-ingredients__orb:hover{border-color:var(--orb-color);box-shadow:0 0 50px color-mix(in srgb,var(--orb-color) 50%,transparent)}.magnetic-ingredients__orb.is-selected{z-index:20;border-color:#fff;box-shadow:0 10px 28px -12px #1e0a3c66,0 0 24px color-mix(in srgb,var(--orb-color) 30%,transparent);animation:none!important}.magnetic-ingredients__orb.is-selected:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:conic-gradient(var(--mi-ig-a, #f9ce34),var(--mi-ig-b, #ee2a7b),var(--mi-ig-c, #6228d7),var(--mi-ig-a, #f9ce34));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:mi-ring-spin 9s linear infinite;pointer-events:none}@keyframes mi-ring-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.magnetic-ingredients__orb.is-selected:before{animation:none}}.magnetic-ingredients__orb.is-selected.is-merging{animation:mi-pulse .5s ease-in-out!important}.magnetic-ingredients__orb.is-repelling{animation:mi-shake .5s ease-in-out!important}.magnetic-ingredients__orb.is-disabled{opacity:.3;pointer-events:none;filter:grayscale(.5)}.magnetic-ingredients__orb.is-faded{opacity:.4}.magnetic-ingredients__orb.is-compatible{border-color:#34d399cc;box-shadow:0 0 25px color-mix(in srgb,var(--orb-color) 30%,transparent),0 0 15px #34d3994d;animation:mi-compatible-pulse 2s ease-in-out infinite}.magnetic-ingredients__orb.is-selected:hover:not(.is-hidden){border-style:dashed;opacity:.7}.magnetic-ingredients__orb.is-selected:focus-visible:not(.is-hidden){outline:2px solid var(--mi-accent-color);outline-offset:4px}.magnetic-ingredients__orb:focus-visible{outline:2px solid var(--mi-accent-color);outline-offset:4px}.magnetic-ingredients__orb.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.magnetic-ingredients__orb-icon{font-size:1.5rem;margin-bottom:.25rem;line-height:1}.magnetic-ingredients__orb-image{width:36px;height:36px;object-fit:contain;margin-bottom:.25rem}.magnetic-ingredients__orb-name{font-size:.7rem;font-weight:500;color:var(--mi-text-color);text-align:center;padding:0 .35rem;line-height:1.15;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:374px){.magnetic-ingredients__orb-name{font-size:.65rem;max-width:5rem}}@media(min-width:768px){.magnetic-ingredients__orb-icon{font-size:2rem;margin-bottom:.35rem}.magnetic-ingredients__orb-image{width:44px;height:44px;margin-bottom:.35rem}.magnetic-ingredients__orb-name{font-size:.85rem;padding:0 .5rem}}@media(min-width:1024px){.magnetic-ingredients__orb-icon{font-size:2.25rem}.magnetic-ingredients__orb-image{width:52px;height:52px}.magnetic-ingredients__orb-name{font-size:.9rem}}.magnetic-ingredients__bonds{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:visible}.magnetic-ingredients__bonds .mi-bond{stroke-width:2;stroke-linecap:round;stroke-dasharray:5 9;opacity:.85;filter:drop-shadow(0 0 5px currentColor);animation:mi-bond-flow .9s linear infinite,mi-fadeIn .3s ease}.magnetic-ingredients__bonds .mi-bond--warn{stroke:#f87171;stroke-dasharray:4 6;animation:mi-bond-warn .7s ease-out forwards}@keyframes mi-bond-flow{to{stroke-dashoffset:-14}}@keyframes mi-bond-warn{0%,20%,40%{opacity:1}10%,30%{opacity:.2}to{opacity:0}}.magnetic-ingredients__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45}.magnetic-ingredients__particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background:linear-gradient(135deg,var(--mi-accent-color),var(--mi-accent-secondary));border-radius:50%;box-shadow:0 0 10px var(--mi-accent-color);animation:mi-particle .8s ease-out forwards}.magnetic-ingredients__product-card{position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}.magnetic-ingredients__product-card.is-visible{opacity:1;visibility:visible;pointer-events:none}.magnetic-ingredients__product-inner{position:relative;background:#fff;border:1px solid var(--mi-hairline, rgb(17 17 17 / .08));border-radius:var(--ix-radius-xl, 4px);padding:1rem;box-shadow:var(--mi-card-shadow, 0 18px 44px -24px rgb(30 10 60 / .35));width:220px;max-width:calc(100% - 2rem);text-align:left;transform:scale(0);opacity:0;pointer-events:auto}@media(min-width:375px){.magnetic-ingredients__product-inner{width:240px;padding:1.25rem}}@media(min-width:480px){.magnetic-ingredients__product-inner{width:260px}}@media(min-width:768px){.magnetic-ingredients__product-inner{width:280px;padding:1.5rem}}@media(min-width:1024px){.magnetic-ingredients__product-inner{width:300px}}.magnetic-ingredients__product-card.is-visible .magnetic-ingredients__product-inner{animation:mi-product-emerge .5s cubic-bezier(.34,1.56,.64,1) forwards}.magnetic-ingredients__product-close{position:absolute;top:.5rem;right:.5rem;width:2.75rem;height:2.75rem;border:none;background:color-mix(in srgb,var(--mi-text-color) 8%,transparent);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:var(--mi-text-color);transition:background-color .2s ease,opacity .2s ease;opacity:.7;padding:0;line-height:1}.magnetic-ingredients__product-close:hover,.magnetic-ingredients__product-close:focus-visible{opacity:1;background:color-mix(in srgb,var(--mi-text-color) 15%,transparent)}.magnetic-ingredients__product-close:focus-visible{outline:2px solid var(--mi-accent-color);outline-offset:2px}.magnetic-ingredients__product-image-wrap{width:100%;aspect-ratio:1;margin:0 0 .75rem;background:linear-gradient(100deg,#1111110d 40%,#11111105,#1111110d 60%);background-size:200% 100%;animation:mi-img-shimmer 1.2s linear infinite;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}@keyframes mi-img-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.magnetic-ingredients__product-image-wrap{animation:none}}.magnetic-ingredients__product-image{width:100%;height:100%;object-fit:cover}.magnetic-ingredients__product-emoji{font-size:3rem}.magnetic-ingredients__product-title{font-size:.9rem;font-weight:600;color:var(--mi-text-color);margin:0 0 .375rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.magnetic-ingredients__product-benefit{font-size:.75rem;color:var(--mi-subtitle-color, #9aa3b2);margin:0 0 .5rem;line-height:1.4}.magnetic-ingredients__product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:1.05rem;font-weight:700;color:var(--mi-text-color);margin:0 0 1rem}.magnetic-ingredients__product-price.is-sale{color:var(--color-sale, #d92634)}.magnetic-ingredients__product-price .price-compare{text-decoration:line-through;color:#999;font-weight:400;font-size:.875rem}.magnetic-ingredients__product-discount{align-self:center;padding:2px 7px;border-radius:4px;background:var(--color-sale, #d92634);color:#fff;font-size:.6875rem;font-weight:700;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.magnetic-ingredients__product-btn{width:100%;padding:.75rem 1.25rem;background:linear-gradient(45deg,var(--mi-ig-a, #f9ce34),var(--mi-ig-b, #ee2a7b),var(--mi-ig-c, #6228d7));color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.magnetic-ingredients__product-btn:hover{filter:brightness(1.08);box-shadow:0 6px 20px #ee2a7b59}.magnetic-ingredients__product-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.magnetic-ingredients__product-btn svg{width:12px;height:12px;fill:currentColor}.magnetic-ingredients__product-btn .magnetic-ingredients__btn-loading{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:mi-btn-spin .6s linear infinite;display:inline-block}@keyframes mi-btn-spin{to{transform:rotate(360deg)}}.magnetic-ingredients__product-view-link{display:block;text-align:center;margin-top:.625rem;font-size:.75rem;color:var(--mi-subtitle-color, #9aa3b2);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.magnetic-ingredients__product-view-link:hover{color:var(--mi-text-color)}.magnetic-ingredients__product-link{display:block;text-align:center;margin-top:.5rem;padding:.5rem 0;font-size:.8125rem;font-weight:500;color:var(--mi-text-color);text-decoration:underline;text-underline-offset:2px}.magnetic-ingredients__cart-notice{font-size:.75rem;color:color-mix(in srgb,#10b981 60%,var(--mi-text-color));text-align:center;margin:.5rem 0 0;animation:mi-fadeIn .3s ease}.magnetic-ingredients__clear{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.5rem 1.1rem;background:color-mix(in srgb,var(--mi-text-color) 8%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:color-mix(in srgb,var(--mi-text-color) 85%,transparent);border:1px solid color-mix(in srgb,var(--mi-text-color) 18%,transparent);border-radius:4px;font-size:.875rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:60}.magnetic-ingredients__clear:hover{background:color-mix(in srgb,var(--mi-text-color) 15%,transparent)}.magnetic-ingredients__clear.is-visible{opacity:1;visibility:visible}.magnetic-ingredients__clear{bottom:-2.75rem}.magnetic-ingredients__grid{margin-bottom:3rem}.magnetic-ingredients__panel{width:100%}@media(min-width:768px){.magnetic-ingredients__panel{max-width:748px;margin:0 auto}}@media(min-width:1024px){.magnetic-ingredients__panel{width:280px;max-width:none;flex-shrink:0;margin:0}}@media(min-width:1200px){.magnetic-ingredients__panel{width:320px}}.magnetic-ingredients__panel-inner{background:#fff;border-radius:var(--ix-radius-xl, 4px);border:1px solid var(--mi-hairline, rgb(17 17 17 / .08));box-shadow:var(--mi-card-shadow, 0 18px 44px -24px rgb(30 10 60 / .35));padding:1rem}@media(min-width:480px){.magnetic-ingredients__panel-inner{padding:1.25rem}}.magnetic-ingredients__panel-title{font-size:1rem;font-weight:600;color:var(--mi-text-color);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.magnetic-ingredients__panel-icon{font-size:1.125rem}.magnetic-ingredients__selected{margin-bottom:1rem}.magnetic-ingredients__selected-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mi-subtitle-color, #9aa3b2);margin:0 0 .5rem}.magnetic-ingredients__selected-items{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2.5rem}.magnetic-ingredients__selected-placeholder{font-size:.875rem;color:color-mix(in srgb,var(--mi-text-color) 40%,transparent)}.magnetic-ingredients__selected-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--mi-text-color);background:color-mix(in srgb,var(--tag-color, var(--mi-accent-color)) 50%,transparent);animation:mi-fadeIn .3s ease}.magnetic-ingredients__selected-tag-icon{font-size:.875rem}.magnetic-ingredients__note{padding:1rem;border-radius:4px;font-size:.875rem;line-height:1.5;margin-bottom:1rem;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.magnetic-ingredients__note.is-visible{opacity:1;max-height:200px}.magnetic-ingredients__note.is-success{background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:color-mix(in srgb,#10b981 55%,var(--mi-text-color))}.magnetic-ingredients__note.is-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:color-mix(in srgb,#d97706 55%,var(--mi-text-color))}.magnetic-ingredients__legend{padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--mi-text-color) 12%,transparent)}.magnetic-ingredients__legend-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mi-subtitle-color, #9aa3b2);margin:0 0 .75rem}.magnetic-ingredients__legend-items{display:flex;flex-direction:column;gap:.5rem}.magnetic-ingredients__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.magnetic-ingredients__legend-item--compatible{color:color-mix(in srgb,#10b981 65%,var(--mi-text-color))}.magnetic-ingredients__legend-item--incompatible{color:color-mix(in srgb,#d97706 65%,var(--mi-text-color))}.magnetic-ingredients__legend-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.magnetic-ingredients__legend-item--compatible .magnetic-ingredients__legend-dot{background:#34d399}.magnetic-ingredients__legend-item--incompatible .magnetic-ingredients__legend-dot{background:#fbbf24}@keyframes mi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mi-shake{0%,to{--mag-x: 0px}20%{--mag-x: -15px}40%{--mag-x: 15px}60%{--mag-x: -10px}80%{--mag-x: 10px}}@keyframes mi-emerge{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes mi-particle{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px))) scale(0);opacity:0}}@keyframes mi-ping{75%,to{transform:scale(2);opacity:0}}@keyframes mi-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes mi-pulse{0%{transform:var(--current-transform, translate(0, 0)) scale(.7)}50%{transform:var(--current-transform, translate(0, 0)) scale(.85);box-shadow:0 0 60px var(--orb-color)}to{transform:var(--current-transform, translate(0, 0)) scale(.7)}}@keyframes mi-center-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 50px #60a5fa80}to{transform:translate(-50%,-50%) scale(1)}}@keyframes mi-merge-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes mi-product-emerge{0%{transform:scale(0);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes mi-compatible-pulse{0%,to{box-shadow:0 0 25px color-mix(in srgb,var(--orb-color) 30%,transparent),0 0 15px #34d3994d}50%{box-shadow:0 0 35px color-mix(in srgb,var(--orb-color) 40%,transparent),0 0 25px #34d39980}}@media(prefers-reduced-motion:reduce){.magnetic-ingredients__orb{animation:none}.magnetic-ingredients__orb,.magnetic-ingredients__product-inner,.magnetic-ingredients__note,.magnetic-ingredients__selected-tag{transition:opacity .2s ease}.magnetic-ingredients__orb.is-repelling{animation:none!important;opacity:.5}.magnetic-ingredients__orb.is-compatible{animation:none}.magnetic-ingredients__product-card.is-visible .magnetic-ingredients__product-inner{animation:none;transform:scale(1);opacity:1}.magnetic-ingredients__center.is-merging,.magnetic-ingredients__center.is-merging .magnetic-ingredients__center-burst,.magnetic-ingredients__center.has-match .magnetic-ingredients__center-ping{animation:none}.magnetic-ingredients__particle{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/section-magnetic-ingredients.css.map */