.recipe-card:hover,.recipe-card:focus-within{transform:translateY(-4px);box-shadow:0 1.25rem 3.25rem #1f1a171f}.recipe-header,.recipe-content{display:block;position:relative}.recipe-content{margin:2rem 0;padding:0 1rem}.recipe-ingredients ul,.recipe-directions ul{list-style-type:none;margin:0;padding:0}.recipe-ingredients li,.recipe-directions li{background-color:#21252940;color:var(--color-text);font-weight:700;margin:0 0 .25rem;padding:1rem 1.5rem}input[type=checkbox]{appearance:none;background-color:var(--color-text);background-position:center;background-repeat:no-repeat;background-size:contain;border-color:var(--color-border);border-radius:.25em;flex-shrink:0;height:20px;margin-top:.25em;print-color-adjust:exact;vertical-align:top;width:20px}input[type=checkbox]:checked{background-color:var(--color-nav-bg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}input[type=checkbox]:checked+label{color:var(--color-muted);text-decoration:line-through}.recipe-data{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,30px);margin:2rem auto}.recipe-data h2{font-size:14px;margin:0 0 .5rem}@media(min-width:768px){.recipe-data h2{font-size:20px}}.recipe-data span{font-size:12px}@media(min-width:768px){.recipe-data span{font-size:1rem;font-weight:600}}.recipe-data .details{border-radius:.375rem;padding:1rem;text-align:center}.recipe-data .details.servings{border:1px solid #75b798}.recipe-data .details.prep-time{border:1px solid #ffda6a}.recipe-data .details.cook-time{border:1px solid #6edff6}.recipe-category{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:1rem}.recipe-tag h2,.recipe-category h2{font-size:1.25rem}.recipe-tag ul,.recipe-category ul{list-style:none;padding:0;margin:0}.recipe-tag ul li,.recipe-category ul li{display:inline-block;margin-right:.5rem}.recipe-tag ul li:after,.recipe-category ul li:after{content:","}.recipe-tag ul li:last-child:after,.recipe-category ul li:last-child:after{content:""}.recipe-tag ul li a,.recipe-category ul li a{color:var(--color-nav-bg)}.recipe-tag ul li:last-of-type,.recipe-category ul li:last-of-type{margin-right:0}.recipe-tag ul li:first-letter,.recipe-category ul li:first-letter{text-transform:capitalize}.recipe-gallery{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.recipe-gallery{grid-template-columns:repeat(3,1fr)}}
