.steps-section.steps-section--paper{background:var(--paper)}.steps-section.steps-section--zand{background:var(--kleur-zand-licht)}.steps-section.steps-section--salie{background:var(--kleur-salie-extralicht)}.steps-section.steps-section--ijs{background:var(--kleur-ijsblauw-licht)}bob-steps.steps-wrap{display:block}.steps-wrap{max-width:calc(var(--w-prose) + var(--step-photo-w) + var(--step-gap));margin:0 auto;position:relative;--step-photo-w: 400px;--step-gap: clamp(18px, 2.6vw, 28px)}.steps-list{position:relative;display:flex;flex-direction:column;gap:clamp(40px,5vw,64px)}.steps-line{position:absolute;left:calc(var(--step-photo-w) + var(--step-gap) + 27px);top:8px;bottom:8px;width:2px;background:#0814121f}.steps-line-fill{position:absolute;left:0;top:0;width:100%;height:0%;background:var(--cta);transition:height .4s ease-out}.step-item{position:relative;display:flex;gap:var(--step-gap);align-items:flex-start}.step-photo{flex:none;width:var(--step-photo-w);aspect-ratio:2 / 1;border-radius:var(--r-lg);overflow:hidden}.step-photo img{display:block;width:100%;height:100%;object-fit:cover}.step-photo--empty{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;border:1.5px dashed rgba(8,20,18,.18);background:var(--kleur-zand-licht);font-size:.6875rem;font-weight:700;color:var(--tekst-70)}.step-photo--empty svg{width:100%;height:100%;opacity:.5}.step-num{position:relative;z-index:1;flex:none;width:56px;height:56px;display:grid;place-items:center;background:var(--paper);border:2px solid rgba(8,20,18,.12);border-radius:50%;color:var(--kleur-inkt);transition:border-color .3s ease,background-color .3s ease,color .3s ease}.step-item.is-active .step-num{border-color:var(--cta);background:var(--cta);color:#fff}.step-body{flex:1;min-width:0}.step-body h4{margin-bottom:8px}.step-body p{margin:0;color:var(--tekst-70);max-width:34rem}@media(max-width:700px){.steps-line{display:none}.steps-list{gap:72px}.step-item{flex-wrap:wrap;row-gap:12px}.step-photo{width:min(280px,58vw)}.step-body{flex-basis:100%}}.step-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.step-chip{background:var(--kleur-zand-licht);border:1px solid rgba(8,20,18,.08);padding:6px 14px;border-radius:var(--r-pill);font-size:.8125rem;font-weight:700;color:var(--tekst-70)}.step-tip{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 16px;border-radius:var(--r-lg);background:var(--kleur-lichtoranje);font-size:.875rem;font-weight:600;max-width:34rem}.step-tip svg{flex:none;color:var(--cta);margin-top:2px}.step-tasks{display:flex;flex-direction:column;gap:18px;margin-top:16px;max-width:34rem}.step-task{display:flex;gap:12px;align-items:flex-start}.step-task .check-badge{margin-top:2px}.step-task h5{margin-bottom:4px;font-size:1rem}.step-task p{margin:0;color:var(--tekst-70);font-size:.9375rem}.p1-decision{margin-top:20px;border-radius:var(--r-lg);background:var(--kleur-zand-licht);padding:clamp(18px,2.4vw,28px)}.p1-decision .p1-question{font-weight:700;margin-bottom:16px}.p1-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px}.p1-branches:has(>.p1-branch:only-child){grid-template-columns:1fr}@media(max-width:640px){.p1-branches{grid-template-columns:1fr}}.p1-branch{background:var(--paper);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.p1-branch--no{background:var(--kleur-ijsblauw-licht)}.p1-branch-label{align-self:flex-start;font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill)}.p1-branch--yes .p1-branch-label{background:var(--succes);color:#fff}.p1-branch--no .p1-branch-label{background:var(--kleur-inkt);color:#fff}.p1-branch h5{margin:0}.p1-branch p{margin:0;color:var(--tekst-70);font-size:.9375rem}.p1-branch ul{margin:2px 0 0;padding-left:18px;font-size:.875rem;color:var(--tekst-70)}.p1-branch li{margin-bottom:2px}.p1-tag{align-self:flex-start;margin-top:6px;font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:var(--r-pill);background:var(--kleur-zand)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-steps.css.map */