@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial}}}.prose-recipe ol{counter-reset:recipe-counter;display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*4);list-style:none;padding-inline:calc(var(--spacing,.25rem)*0)}.prose-recipe ol li{align-items:flex-start;counter-increment:recipe-counter;display:flex;gap:calc(var(--spacing,.25rem)*3);padding-top:calc(var(--spacing,.25rem)*2)}.prose-recipe ol li:before{background-color:var(--color-surface-primary,var(--light-gray-200));border-radius:var(--radius-full,9999px);content:counter(recipe-counter);height:calc(var(--spacing,.25rem)*10);margin-top:calc(var(--spacing,.25rem)*-2);width:calc(var(--spacing,.25rem)*10);--tw-font-weight:var(--font-weight-semibold,600);align-items:center;color:var(--color-brand-regular,var(--brand-500));display:flex;flex-shrink:0;font-weight:var(--font-weight-semibold,600);justify-content:center}@property --tw-font-weight{syntax:"*";inherits:false}