.ingredient-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:9999}.ingredient-popup{display:flex;align-items:stretch;max-width:1072px;width:calc(100% - 30px);border-radius:12px;position:relative;overflow-y:auto;max-height:90vh;background:#fff}.ingredient-popup-close{position:absolute;top:15px;right:15px;z-index:12;cursor:pointer;font-size:24px}.ingredient-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.ingredient-item img{width:44px;height:44px;object-fit:cover;border-radius:50%}.ingredient-item{display:flex;align-items:center;gap:8px}.ingredient-item--subtitle{display:inline-block;margin:0;padding:3px 6px;border:1px solid #242424;background:#e6fda5;border-radius:26px;font-family:ABC Monument Grotesk Mono;font-size:9px;font-style:normal;font-weight:400;line-height:133.333%;letter-spacing:-.349px;text-transform:uppercase;color:#242424}.ingredient-item--title{margin-top:5px;font-family:ABC Monument Grotesk Mono;font-size:14px;font-style:normal;font-weight:400;line-height:142.857%;color:#000}.ingredient-popup-image--wrapper{position:sticky;top:0;left:0;width:37%;padding:40px;background:#ecedee}.ingredient-popup-items--wrapper{background:#fff;padding:37px 15px 30px 30px;width:63%}.ingredient-popup-items--wrapper h2{margin-top:0;font-family:"Exposure[0]";font-size:28px;font-style:normal;font-weight:400;line-height:114.286%;color:#000}.ingredient-popup-image{height:auto}@media only screen and (max-width: 989px){.ingredient-items{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px}}@media only screen and (max-width: 740px){.ingredient-popup{display:block}.ingredient-popup-items--wrapper h2{font-size:24px;text-align:center}.ingredient-popup-image--wrapper{position:static;width:100%;padding:20px}.ingredient-popup-items--wrapper{width:100%;padding:20px 15px}.ingredient-popup-close{position:sticky;right:0;top:0;text-align:right;display:block;padding:5px;width:40px;height:43px;margin-bottom:-43px;margin-left:auto}}@media only screen and (max-width: 585px){.ingredient-item{flex-direction:column;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/ingredient-popup.css.map */