@layer recipes{@layer variants{.upk--part_art{flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.upk--part_artImg{max-width:3.5rem;max-height:3.5rem}.upk--part_badges{gap:var(--spacing-1);flex-wrap:wrap;justify-content:center;max-height:3rem;display:flex}.upk--part_body{gap:var(--spacing-2);justify-content:center;align-items:center;padding:0}.upk--part_caption{text-align:center;min-width:0;width:var(--sizes-full)}.upk--part_card{padding:var(--spacing-3);height:10.5rem;overflow:hidden}.upk--part_dex{color:var(--colors-text-300);font-size:var(--font-sizes-2xs);font-weight:var(--font-weights-medium);margin-left:var(--spacing-1)}.upk--part_listHead{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);border-color:var(--colors-border-200);gap:var(--spacing-3);border-bottom-style:solid;border-bottom-width:1px;grid-template-columns:4.5rem 4rem 15rem 9rem 7rem 8rem 8rem;align-items:center;display:grid}.upk--part_listIcon{justify-content:center;align-items:center;display:flex}.upk--part_listImg{max-width:3.25rem;max-height:3.25rem}.upk--part_listName{-webkit-line-clamp:1;font-size:var(--font-sizes-sm);font-weight:var(--font-weights-medium);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.upk--part_listRow{padding-inline:var(--spacing-4);gap:var(--spacing-3);border-bottom-color:var(--colors-border-200);border-bottom-style:solid;border-bottom-width:1px;grid-template-columns:4.5rem 4rem 15rem 9rem 7rem 8rem 8rem;align-items:center;height:4.75rem;display:grid}.upk--part_meta{-webkit-line-clamp:1;color:var(--colors-text-200);font-size:var(--font-sizes-2xs);margin-top:var(--spacing-1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.upk--part_name{-webkit-line-clamp:1;font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}@media (min-width:48rem){.upk--part_art{width:4.5rem;height:4.5rem}.upk--part_artImg{max-width:4rem;max-height:4rem}.upk--part_card{height:11rem}}@media (hover:hover){.upk--part_card:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:var(--colors-bg-400)}.upk--part_listRow:is(:hover,[data-hover]):not(:disabled,[data-disabled]){background:#ffffff05}}}}