@layer components{.process-steps{gap:var(--layout-gutter);display:grid}.process-steps>li{position:relative}.process-step{height:100%}.process-step__top{align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.process-step__icon{background:var(--color-surface-lavender);border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}.process-step h3{margin-bottom:1rem;font-size:1.125rem}.process-step p{color:var(--surface-muted);font-size:.875rem}.process-step__connector{display:none}}@media (min-width:640px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.process-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.process-step{padding:1.5rem}.process-step__connector{width:1.25rem;height:1.25rem;right:calc(-.625rem - var(--layout-gutter) / 2);z-index:1;background:var(--color-canvas);display:block;position:absolute;top:48%}}