.tf[data-v-b0839c6e]{align-items:center;gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.tf-slots[data-v-b0839c6e]{grid-template-columns:repeat(var(--tf-cols), var(--tf-slot,minmax(0, 1fr)));gap:var(--s-1);display:grid}.tf-arrow[data-v-b0839c6e]{color:var(--cw-muted)}.tf-slot[data-v-b0839c6e]{aspect-ratio:1;border-radius:var(--r-1);border:1px solid color-mix(in srgb, var(--rc) 55%, transparent);background:color-mix(in srgb, var(--rc) 16%, transparent);color:var(--rc);place-items:center;display:grid}.tf-result[data-v-b0839c6e]{width:var(--h-md);border-radius:var(--r-2)}.tf-pic[data-v-b0839c6e]{width:100%;height:100%;padding:var(--s-0);object-fit:contain}.tf[data-recipe][data-v-b0839c6e]{justify-content:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.tf-side[data-v-b0839c6e]{justify-content:center;gap:var(--s-1);flex-wrap:wrap;display:inline-flex}.tf-chip[data-v-b0839c6e]{align-items:center;gap:var(--s-1);height:var(--h-sm);padding:0 var(--s-2) 0 var(--s-1);border-radius:var(--r-2);border:1px solid color-mix(in srgb, var(--rc) 55%, transparent);background:color-mix(in srgb, var(--rc) 14%, transparent);color:var(--rc);white-space:nowrap;display:inline-flex}.tf-coll[data-v-b0839c6e]{object-fit:contain;width:20px;height:20px}.tf-skin[data-v-b0839c6e]{object-fit:contain;width:28px;height:21px}.tf-n[data-v-b0839c6e]{font-size:var(--t-2);font-weight:var(--w-heavy);color:var(--cw-heading);font-variant-numeric:tabular-nums}.tf-chip[data-rest][data-v-b0839c6e]{padding:0 var(--s-2);font-size:var(--t-2);font-weight:var(--w-heavy)}