@layer loamui.ui{@scope(.site-RecipesIndex) to ([class*=loam-],[class*=site-],.thumbInner>*){:scope{gap:var(--loam-space-xl);grid-template-columns:minmax(0,1fr);display:grid}.filters{align-items:center;gap:var(--loam-space-2xs) var(--loam-space-xs);flex-wrap:wrap;display:flex}.filters>p{color:var(--loam-color-fg-dim);font-size:var(--loam-text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto}.usesGroup{align-items:center;gap:var(--loam-space-2xs);flex:0 16rem;min-inline-size:12rem;display:flex}.usesGroup>label{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);font-weight:550}.group{gap:var(--loam-space-s);grid-template-columns:minmax(0,1fr);scroll-margin-block-start:5rem;display:grid}.group>header{align-items:baseline;gap:var(--loam-space-s);justify-content:space-between;display:flex}.group>header>h2{font-size:var(--loam-text-xl);font-weight:700}.group>header>a{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);white-space:nowrap;font-weight:550}.group>header>a:hover{color:var(--loam-color-fg)}.group>ul{gap:var(--loam-space-m);grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.card{background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-lg);grid-template-rows:auto 1fr auto;margin:0;display:grid;position:relative;overflow:clip}.card:has(.cardLink:hover){border-color:var(--loam-color-line-strong);box-shadow:var(--loam-shadow-md);translate:0 -2px}.card:has(.cardLink:focus-visible){outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.card{transition:border-color var(--loam-duration-md) var(--loam-ease), box-shadow var(--loam-duration-md) var(--loam-ease), translate var(--loam-duration-md) var(--loam-ease)}}.thumb{aspect-ratio:16/10;background:var(--loam-color-bg);border-block-end:1px solid var(--loam-color-line);pointer-events:none;position:relative;overflow:clip}.thumbInner{block-size:250%;inline-size:250%;padding:var(--loam-space-l);transform-origin:0 0;align-content:safe center;display:grid;position:absolute;inset:0;scale:.4;container-type:inline-size}.cardBody{align-content:start;gap:var(--loam-space-2xs);padding:var(--loam-space-xs) var(--loam-space-s) var(--loam-space-s);display:grid}.cardBody>ul{gap:var(--loam-space-3xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cardBody>ul li{margin:0}.cardLink{color:var(--loam-color-fg-strong);font-weight:600}.cardLink:after{content:"";position:absolute;inset:0}.cardLink:focus-visible{outline:none}.empty{background:var(--loam-color-bg-subtle);border:1px dashed var(--loam-color-line-strong);border-radius:var(--loam-radius-lg);gap:var(--loam-space-2xs);padding:var(--loam-space-xl) var(--loam-space-l);text-align:center;justify-items:center;display:grid}.empty>p+p{color:var(--loam-color-fg-muted);max-inline-size:32rem}.empty>p+p a{color:var(--loam-color-link);text-decoration:underline}.empty>p:first-child{color:var(--loam-color-fg-strong);font-size:var(--loam-text-lg);font-weight:650}}@scope(.site-RecipesIndex .search){:scope{flex:14rem;max-inline-size:22rem}}@scope(.site-RecipesIndex .usesField){:scope{flex:auto;min-inline-size:0}}}