.the-button{background:var(--primary);border:none;border-radius:6px;color:#000;cursor:pointer;display:inline-block;margin-top:16px;padding:12px 20px;transition:all .25s ease-in-out}.the-button:active,.the-button:hover{background:var(--primary-light)}@media print{.the-button{display:none}}.the-button--secondary{background:var(--secondary);color:#fff}.the-button--secondary:active,.the-button--secondary:hover{background:var(--secondary-light)}.the-button--tertiary{background:var(--tertiary);color:#fff}.the-button--tertiary:active,.the-button--tertiary:hover{background:var(--tertiary-light)}@media print{.ingredients h2{font-size:22px;font-weight:500;margin-bottom:8px;margin-top:0}}.ingredients__group{margin-bottom:2rem}@media print{.ingredients__group{margin-bottom:1rem}}.ingredients__list-cont{display:grid;gap:clamp(.13rem,.88vw + -.05rem,1rem);grid-auto-flow:column;grid-template-rows:repeat(auto-fill,auto);margin-top:32px}@media screen and (max-width:768px){.ingredients__list-cont{grid-auto-flow:row}}@media print{.ingredients__list-cont{gap:0;grid-auto-columns:1fr 1fr;grid-template-rows:var(--grid-template-rows)!important;margin-top:0}}.ingredients__row{cursor:pointer;display:flex;position:relative;width:-moz-max-content;width:max-content}@media print{.ingredients__row{margin-bottom:0}}.ingredients__row p{margin-right:8px;position:relative;z-index:1}@media print{.ingredients__row p{font-size:13.5px!important;line-height:1.6}}.ingredients__row .ingredients__strikethrough-line{background:#444;height:2px;left:0;position:absolute;top:50%;transform:scaleX(0) translate(-2px);transform-origin:left;transition:transform .25s ease-in-out;width:100%;z-index:0}.ingredients__row--strikethrough .ingredients__strikethrough-line{transform:scaleX(1) translate(-2px)}.ingredient-copy-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity .25s ease-in-out;width:0;z-index:-1}.ingredient-copy-modal.ingredient-copy-modal--open{height:100%;opacity:1;pointer-events:all;width:100%;z-index:100}.ingredient-copy-modal .ingredient-copy-modal__inner{background:#fff;border-radius:8px;box-shadow:0 0 8px #00000040;left:50%;max-width:650px;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1}.ingredient-copy-modal__close{color:#fff;cursor:pointer;font-weight:700;left:50%;position:absolute;top:-32px;transform:translate(-50%)}@media print{.directions h2{font-size:22px;font-weight:500;margin-bottom:8px;margin-top:16px}}.directions__row{display:grid;font-size:18px;grid-template-columns:max-content 1fr;grid-template-rows:1fr;margin-bottom:32px;position:relative}@media print{.directions__row{font-size:13.5px;line-height:1.2;margin-bottom:8px}}.directions__row>div{align-items:center;background-color:var(--secondary);border-radius:50%;color:#fff;display:inline-flex;font-size:clamp(1rem,.25vw + .95rem,1.25rem);height:clamp(1.5rem,.75vw + 1.35rem,2.25rem);justify-content:center;line-height:0;margin-right:16px;margin-top:calc(clamp(0rem,.31vw + -.06rem,.31rem)*-1);width:clamp(1.5rem,.75vw + 1.35rem,2.25rem)}@media print{.directions__row>div{font-size:13px;font-weight:500;height:22px;line-height:1.2;margin-right:8px;margin-top:-2px;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:22px}}.directions__row .directions__step{display:inline-block;margin-right:8px;position:relative;z-index:1}