@layer theme,base;@layer components{.rp-steps{counter-reset:none;grid-template-columns:1fr;gap:.75rem;margin:2rem 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.rp-steps{grid-template-columns:repeat(3,1fr)}}.rp-step{border:1px solid oklch(from var(--color-gray-700) l c h / .6);background:oklch(from var(--color-gray-800) l c h / .35);border-radius:.875rem;grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon body";align-content:start;gap:0 1rem;padding:1rem;display:grid;position:relative}.rp-step-icon{background:linear-gradient(to bottom right, oklch(from var(--color-brand-primary) l c h / .22), oklch(from var(--color-brand-secondary) l c h / .22));border:1px solid oklch(from var(--color-brand-primary) l c h / .35);width:3.25rem;height:3.25rem;color:var(--color-brand-primary-300);border-radius:.75rem;grid-area:icon;justify-content:center;align-self:start;align-items:center;display:flex;position:relative}.rp-step-num{background:linear-gradient(to bottom right, var(--color-brand-primary), var(--color-brand-secondary));border:2px solid var(--color-gray-900);min-width:1.5rem;height:1.5rem;color:var(--color-white);box-shadow:var(--shadow-md);border-radius:9999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.8125rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-.5rem;left:-.5rem}.rp-step-title{color:var(--color-white);grid-area:title;font-size:1.0625rem;font-weight:700;line-height:1.25}.rp-step-body{color:var(--color-gray-400);grid-area:body;margin-top:.15rem;font-size:.8125rem;line-height:1.4}@media (min-width:640px){.rp-step:not(:last-child):after{content:"›";z-index:1;color:var(--color-gray-600);font-size:1.5rem;line-height:1;position:absolute;top:50%;right:-.6rem;transform:translateY(-50%)}}}@layer utilities;