@layer cn-blocks{.cn-steps__list{list-style:none;padding:0;margin:0;display:grid;gap:28px;text-align:start;counter-reset:s}.cn-step{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.cn-step__n{inline-size:48px;block-size:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--cn-f-heading);font-weight:700;font-size:var(--cn-fs-h5);color:var(--t-btn-fg);background:var(--t-btn-bg);flex:none}.cn-step__t{font-size:var(--cn-fs-h5)}.cn-step__x{color:var(--t-muted);margin-block-start:6px}.cn-steps__list--numbered{max-inline-size:48rem;margin-inline:auto}.cn-steps__list--numbered .cn-step{padding-block-end:28px;border-bottom:1px solid var(--t-border)}.cn-steps__list--horizontal .cn-step,.cn-steps__list--cards .cn-step{grid-template-columns:1fr}@container cn-b (min-width:52rem){.cn-steps__list--horizontal,.cn-steps__list--cards{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}.cn-steps__list--horizontal .cn-step{position:relative;justify-items:center;text-align:center}.cn-steps__list--horizontal .cn-step + .cn-step::before{content:"";position:absolute;inset-block-start:24px;inset-inline-end:calc(50% + 36px);inline-size:calc(100% - 72px + 28px);border-top:2px dashed var(--t-border-strong)}}.cn-steps__list--vertical{max-inline-size:44rem;margin-inline:auto;gap:0}.cn-steps__list--vertical .cn-step{position:relative;padding-block-end:32px}.cn-steps__list--vertical .cn-step::before{content:"";position:absolute;inset-block:48px 0;inset-inline-start:23px;border-inline-start:2px solid var(--t-border)}.cn-steps__list--vertical .cn-step:last-child::before{display:none}.cn-steps__list--cards .cn-step{padding:0 0 22px;overflow:hidden;gap:14px}.cn-steps__list--cards .cn-step__n,.cn-steps__list--cards .cn-step__body{margin-inline:22px}.cn-steps__list--cards .cn-step__n{margin-block-start:22px}.cn-step__img{border-radius:0}.cn-step__img + .cn-step__n{margin-block-start:-46px;box-shadow:0 0 0 4px var(--t-surface)}}