.macros__filters{--filters-padding: 1rem;margin-bottom:calc(2*var(--filters-padding))}.macros__searchFilter{width:100%;padding:var(--filters-padding);border:2px solid #a6a6a6;border-radius:9999px}
.macros__skeleton{--color-foreground: rgba(0, 0 ,0, 0.25)}.macros__skeleton .macros__panelTitle,.macros__skeleton .text-link{color:var(--color-foreground) !important}.macros__skeleton .macros__skeletonImage{width:100px;height:100px;background:var(--color-foreground)}.macros__skeleton .macros__panelTitle{padding:2rem 0}.macros__skeleton .macros__panelImg{width:80px;height:80px}.macros .macros__skeleton li,.macros__skeleton header,.macros__skeleton td{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, transparent 7%, rgba(0, 0, 0, 0.05) 15%);background-size:200%;background-position:100% 0;-webkit-animation:loading 2s infinite;animation:loading 2s infinite}@-webkit-keyframes loading{to{background-position:-100% 0}}@keyframes loading{to{background-position:-100% 0}}
body.modal-open{overflow:hidden}.macros ol{display:grid;margin:0;grid-template-columns:1fr;grid-row-gap:1rem;grid-column-gap:1rem;align-items:center}@media(min-width: 700px){.macros ol{grid-template-columns:1fr 1fr}}@media(min-width: 1000px){.macros ol{grid-template-columns:1fr 1fr 1fr}}.macros li{list-style:none;margin:0;background:rgba(0,0,0,.35);border:1px solid rgba(255,199,5,.25);transition:all 1.5s ease-in-out;scroll-snap-margin-top:1rem;scroll-margin-top:1rem}.macros li:hover{background:rgba(0,0,0,.9);border:1px solid rgba(255,199,5,.7)}.macros figure{display:flex;align-items:center;margin:0}.macros figcaption{padding-left:.5rem;padding-right:1rem}.macros .selected{background:var(--brand-yellow)}.macros__modal{--modal-max-width: 470px;--modal-max-height: 700px;--modal-width: min(80vw, var(--modal-max-width));--modal-height: min(85vh, var(--modal-max-height));--modal-padding: 0.5rem}@media(min-width: 700px){.macros__modal{--modal-width: min(50vw, var(--modal-max-width));--modal-height: min(80vh, var(--modal-max-height));--modal-padding: 1rem}}.macros__modalbg{display:none}.selected .macros__modalbg{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}@media(min-width: 700px){.selected .macros__modalbg{background:rgba(0,0,0,.75)}}@media(min-width: 1000px){.selected .macros__modalbg{background:rgba(0,0,0,.85)}}.macros__modaldata{--margin-top-bottom: calc((100vh - var(--modal-height)) / 2);--margin-left-right: calc((100vw - var(--modal-width)) / 2);position:absolute;top:var(--margin-top-bottom);bottom:var(--margin-top-bottom);left:var(--margin-left-right);right:var(--margin-left-right);overflow:scroll;background:var(--modal-color-bg);color:var(--color-body-text);padding:var(--modal-padding);padding-bottom:3rem;box-shadow:var(--modal-box-shadow)}.macros__panel{font-size:1rem}.macros__panel header{display:flex;align-items:center;justify-content:space-between;margin-top:var(--modal-padding);margin-bottom:calc(2*var(--modal-padding))}.macros__panelTitle{color:var(--brand-blue) !important;font-size:1.7rem;line-height:1.7rem;text-transform:uppercase;text-align:center;margin:0;padding:0 calc(.25*var(--modal-padding))}.macros__panelTitle a{color:var(--brand-blue) !important;text-decoration:none}.macros__panelImg{display:none}@media(min-width: 700px){.macros__panelImg{display:unset}}.macros__panelTable{border:1px solid var(--color-body-bg)}.macros thead{border:1px solid var(--color-body-bg)}.macros thead th{position:sticky;top:var(--modal-padding);box-shadow:0 calc(-2*var(--modal-padding)) #fff;z-index:1}.macros__panel th,.macros__panel td{padding:calc(.25*var(--modal-padding)) var(--modal-padding)}.macros__panel th label,.macros__panel th,.macros__panel td,.macros__panelIngredients span{font-size:1rem;font-weight:bold;text-transform:capitalize;letter-spacing:0}.macros__panelIngredients td::before{content:"Ingredients\a";font-weight:bold;white-space:pre}.macros__panelSizeSelect,.macros__panel .macros__panelData{text-align:right;padding-right:.75ch}.macros__panel .macros__panelDataSuffix{text-align:left;padding-left:0;text-transform:none}.macros__panelData,.macros__panelDataSuffix{background:rgba(0,0,0,0);transition:all .4s}.isAnimating .macros__panelData,.isAnimating .macros__panelDataSuffix{background:#ffc705}.macros__panelTable td.blank-cell+th{font-style:italic}.macros__panelIngredients td{font-weight:normal}.macros__modalcloselink{--height: 2rem;--width: 2rem;display:flex;justify-content:center;align-items:center;width:var(--width);height:var(--height);position:fixed;top:calc((100vh - var(--modal-height))/2 - var(--height)/2);right:calc((100vw - var(--modal-width))/2 - var(--width)/2);background:var(--brand-green);color:var(--modal-color-bg);box-shadow:1px 1px 5px #000;border-radius:50%;z-index:1}.macros__modalcloselink::before{content:"close";font-family:"Material Icons Round";font-size:1.5rem;color:var(--modal-color-bg)}.macros__productLink{margin:var(--modal-padding) 0;text-align:center}.macros__productLink a{color:var(--brand-blue);font-weight:bold}.macros__productLink a::after{content:"open_in_new";font-family:"Material Icons Round";cursor:pointer;vertical-align:middle;padding-left:.25rem;text-decoration:none}.macros__productLink a:hover span{text-decoration:underline}.macros__modal .heating-instructions{margin:0;text-align:center;box-shadow:none}.macros__modal .heating-instructions h2{font-size:1.5rem}