html{scrollbar-gutter:stable}body.modal-open{overflow:hidden;touch-action:none}.ingredient-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.ingredient-popup.open{opacity:1;pointer-events:auto}.popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;cursor:default}.popup-content{position:relative;background:#fff;padding:3rem;max-width:700px;width:90%;border-radius:10px;z-index:1;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;cursor:default;transform:translateY(50px);transition:transform .35s ease,opacity .3s ease;opacity:0}.ingredient-popup.open .popup-content{transform:translateY(0);opacity:1}.popup-close{position:sticky;top:.1rem;margin-left:auto;width:32px;height:32px;background:#f5f5f5;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:30;cursor:pointer}.popup-close .icon{width:24px!important;height:24px!important;fill:#000}.popup-close:hover{background:#d3d3d3}.popup-close:hover .icon{fill:#d3d3d3}.ingredient-list{margin-top:1.5rem;list-style:none;padding:0}.ingredient-name{margin-bottom:.25rem;font-weight:600}.ingredient-desc{margin-bottom:1rem}@media (max-width: 768px){.ingredient-popup{align-items:flex-end;transition:none}.popup-content{position:relative;background:#fff;padding:0;max-width:700px;width:100%;height:90%;max-height:95%;display:flex;flex-direction:column;overflow-y:auto;border-radius:25px 25px 0 0;z-index:1;-webkit-overflow-scrolling:touch;transform:translateY(50px);transition:transform .35s ease,opacity .3s ease;opacity:0}.popup-close{position:sticky;top:1.5rem;right:1.5rem;margin-left:auto;width:34px!important;height:34px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;aspect-ratio:1 / 1!important;background:#f5f5f5!important;border-radius:50%!important;z-index:30;align-self:flex-end;box-shadow:0 1px 4px #0000000a;padding:0!important;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent}.popup-close svg,.popup-close svg path{stroke:#000!important;fill:none!important}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/ingredients-modal.css.map */