.ingredient-list-modal{--ingredient-list-agave: #395444;--ingredient-list-close-bg: #e7e7e5;--ingredient-list-close-bg-hover: #d7d7d4;--ingredient-list-close-icon: #6f6d69;width:min(900px,calc(100vw - 48px),calc(100dvh - 48px));height:min(900px,calc(100vw - 48px),calc(100dvh - 48px));max-width:none;max-height:none;padding:0;overflow:visible;color:inherit;background:transparent;border:0}.ingredient-list-modal::backdrop{background:#282421ad}.ingredient-list-modal__shell{display:flex;flex-direction:column;position:relative;width:100%;height:100%;overflow:hidden;background:var(--ingredient-list-agave);border-radius:18px}.ingredient-list-modal__header{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ingredient-list-modal__viewport,.ingredient-list-modal__picture{display:block;width:100%;height:100%}.ingredient-list-modal__viewport{overflow:hidden}.ingredient-list-modal__image{display:block;width:100%;height:100%;object-fit:contain}.ingredient-list-modal__close{position:absolute;top:12px;right:12px;z-index:2;display:grid;width:40px;height:40px;padding:0;color:var(--ingredient-list-close-icon);background:var(--ingredient-list-close-bg);border:0;border-radius:50%;box-shadow:none;cursor:pointer;outline:none;place-items:center;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:color .16s ease-out,background-color .16s ease-out;pointer-events:auto}.ingredient-list-modal__close:hover{color:#55534f;background:var(--ingredient-list-close-bg-hover)}.ingredient-list-modal__close:focus-visible{outline:2px solid #c2b280;outline-offset:3px}.ingredient-list-modal__close svg{display:block;width:18px;height:18px}html.ingredient-list-modal-open{overflow:hidden}@media(max-width:749px){.ingredient-list-modal{width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 20px)}.ingredient-list-modal__shell{height:auto;max-height:calc(100dvh - 20px);border-radius:18px}.ingredient-list-modal__header{position:relative;inset:auto;display:flex;flex:0 0 56px;align-items:center;justify-content:flex-end;padding:0 12px;background:var(--ingredient-list-agave);pointer-events:auto}.ingredient-list-modal__viewport{overflow-x:hidden;overflow-y:auto;flex:0 1 auto;height:auto;max-height:calc(100dvh - 76px);overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ingredient-list-modal__picture{height:auto;margin-top:-28px;margin-bottom:28px;min-height:0}.ingredient-list-modal__image{display:block;width:100%;height:auto;object-fit:contain;object-position:top center}.ingredient-list-modal__close{position:static;width:44px;height:44px}.ingredient-list-modal__close svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/custom-ingredient-list-modal.css.map */