.kb3-step{display:flex;flex-direction:column;align-items:center;gap:var(--kb-s-12);margin:calc(-1 * clamp(20px,4vw,48px)) auto var(--kb-s-32);text-align:center}.kb3-step::before{content:"";width:4px;height:clamp(38px,6vw,76px);border-radius:4px;background:repeating-linear-gradient( to bottom,var(--kb-u) 0 7px,transparent 7px 15px );opacity:.45}.kb3-step>i{position:relative;width:54px;height:54px;border-radius:var(--kb-r-round);display:grid;place-items:center;font-family:var(--kb-font-title);font-weight:800;font-size:1.4rem;font-style:normal;line-height:1;background:var(--kb-u-solid);color:var(--kb-u-on);box-shadow:var(--kb-sh-2)}.kb3-step>i::before{content:attr(data-n)}.kb3-step>i::after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:2px dashed var(--kb-u);opacity:.35}.kb3-step::after{content:attr(data-step);font-family:var(--kb-font-body);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--kb-u-ink)}.kb3-step--win{--kb-u:#FFE28A;--kb-u-solid:#FFD23F;--kb-u-on:#17323B;--kb-u-ink:#FFF3D6}.kb3-step--win::before{opacity:.6}.kb3-step--win>i::after{opacity:.5}.kb3-step--relais{gap:var(--kb-s-8);margin-bottom:var(--kb-s-24)}.kb3-step--relais::after{content:"";width:11px;height:11px;border-radius:3px;background:var(--kb-u);transform:rotate(45deg);opacity:.5}@media (prefers-reduced-motion:no-preference){.kb3-step>i::after{animation:kb3-halo 6s var(--kb-inout) infinite}}@keyframes kb3-halo{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}@media (max-width:640px){.kb3-step{margin-bottom:var(--kb-s-24)}.kb3-step>i{width:46px;height:46px;font-size:1.2rem}.kb3-step::after{font-size:.68rem;letter-spacing:.13em}}