.ingredient-card[data-open-ingredient-modal]{cursor:pointer;background:none;border:none;padding:0;text-align:left;transition:transform var(--transition-rg);touch-action:manipulation}@media(hover:hover)and (pointer:fine){.ingredient-card[data-open-ingredient-modal]:hover{transform:translateY(-2px)}}.ingredient-card[data-open-ingredient-modal]:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.ingredient-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.4em}.ingredient-img{position:relative}.ingredient-open-indicator{position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:1.4px solid var(--color-900);color:var(--color-900);font-size:14px;font-weight:500;line-height:1;transition:transform var(--transition-rg),background var(--transition-rg),border-color var(--transition-rg);z-index:1}@media(hover:hover)and (pointer:fine){.ingredient-card[data-open-ingredient-modal]:hover .ingredient-open-indicator{transform:rotate(90deg);background:#00000008;border-color:var(--color-800)}}.ingredient-card[data-open-ingredient-modal]:focus-visible .ingredient-open-indicator{outline:var(--focused-base-outline);outline-offset:2px}.ingredient-card[data-open-ingredient-modal]:active .ingredient-open-indicator{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.ingredient-open-indicator{transition:none}}.ingredient-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s ease;touch-action:none;--cache-bust: 4}.ingredient-modal-overlay[aria-hidden=false]{opacity:1;pointer-events:auto}.ingredient-modal{position:relative;width:100%;max-width:520px;height:100vh;background:rgb(var(--color-background));box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.ingredient-modal-overlay[aria-hidden=false] .ingredient-modal{transform:translate(0)}@media screen and (max-width:768px){.ingredient-modal-overlay{align-items:flex-end;justify-content:center}.ingredient-modal{max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:0 -4px 20px #00000026;transform:translateY(100%)}.ingredient-modal-overlay[aria-hidden=false] .ingredient-modal{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ingredient-modal-overlay,.ingredient-modal,.ingredient-card[data-open-ingredient-modal],.ingredient-plus-icon{transition:none}}.ingredient-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 30px 20px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}@media screen and (max-width:768px){.ingredient-modal-header{padding:24px 20px 16px}}.ingredient-modal-title{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--color-950);margin:0}@media screen and (max-width:768px){.ingredient-modal-title{font-size:20px}}.ingredient-modal-subtitle{font-size:14px;line-height:1.4;color:#0000009e;margin:6px 0 0}.ingredient-modal-close{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--color-900);transition:background var(--transition-rg)}.ingredient-modal-close:hover{background:#0000000f}.ingredient-modal-close:focus-visible{outline:var(--focused-base-outline);outline-offset:2px}.ingredient-modal-body{flex:1;overflow-y:auto;padding:30px;overscroll-behavior:contain}@media screen and (max-width:768px){.ingredient-modal-body{padding:24px 20px}}.ingredient-modal-image{width:100%;aspect-ratio:1;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;margin-bottom:28px;min-height:200px}.ingredient-modal-image[style*="display: none"]{display:none!important}.ingredient-modal-section{margin-bottom:28px}.ingredient-modal-section:last-child{margin-bottom:0}.ingredient-modal-section:empty{display:none}.ingredient-modal-section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#0000009e;margin:0 0 10px}.ingredient-modal-section-content{font-size:16px;line-height:1.55;color:var(--color-950)}.ingredient-modal-section-content.metafield-rich_text_field p{font-weight:400;font-size:16px;line-height:1.55;letter-spacing:0;margin:0 0 12px}.ingredient-modal-section-content.metafield-rich_text_field p:last-child{margin-bottom:0}.ingredient-modal-section-content ul,.ingredient-modal-section-content ol{margin:0 0 12px;padding-left:20px}.ingredient-modal-section-content li{margin-bottom:6px}.ingredient-modal-section-content strong{font-weight:600}.ingredient-dosage-primary{font-size:18px;line-height:1.4;margin:0 0 12px}.ingredient-dosage-primary strong{font-size:24px;font-weight:600;color:var(--color-950)}.ingredient-dosage-note{display:inline-block;font-size:14px;color:#0000009e;margin-left:4px}.ingredient-dosage-reference{font-size:14px;line-height:1.5;color:#000000b8;margin:0;padding:12px;background:#00000008;border-radius:8px}.ingredient-dosage-label{font-weight:600;color:var(--color-950)}.ingredient-citation-link{display:inline-flex;align-items:center;color:var(--color-500);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-rg)}.ingredient-citation-link:hover{color:var(--color-600)}.ingredient-citation-link svg{opacity:.7;transition:opacity var(--transition-rg)}.ingredient-citation-link:hover svg{opacity:1}.ingredient-document-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.ingredient-document-overlay[aria-hidden=false]{opacity:1;pointer-events:auto}.ingredient-document-modal{position:relative;width:100%;max-width:900px;max-height:90vh;background:rgb(var(--color-background));border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.ingredient-document-overlay[aria-hidden=false] .ingredient-document-modal{transform:scale(1)}@media screen and (max-width:768px){.ingredient-document-modal{max-width:100%;max-height:95vh;border-radius:0}}@media(prefers-reduced-motion:reduce){.ingredient-document-overlay,.ingredient-document-modal{transition:none}}.ingredient-document-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.ingredient-document-title{font-size:18px;font-weight:600;line-height:1.2;color:var(--color-950);margin:0}.ingredient-document-close{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--color-900);transition:background var(--transition-rg)}.ingredient-document-close:hover{background:#0000000f}.ingredient-document-close:focus-visible{outline:var(--focused-base-outline);outline-offset:2px}.ingredient-document-body{flex:1;overflow:hidden;padding:0;min-height:0}.ingredient-document-body iframe{width:100%;height:100%;min-height:600px}@media screen and (max-width:768px){.ingredient-document-body iframe{min-height:400px}}body.ingredient-modal-open,body.ingredient-document-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ingredient-tabs-updated-modal.css.map */