.rag-visual{counter-reset:ragstap;grid-template-columns:1fr;row-gap:1.5rem;margin:1.75rem 0;padding:0;list-style:none;display:grid}@media (width>=48em){.rag-visual{grid-template-columns:repeat(3,1fr);column-gap:2.5rem}}.rag-visual__stap{counter-increment:ragstap;flex-direction:column;display:flex;position:relative}.rag-visual__stap+.rag-visual__stap:before{content:"";background:var(--kleur-stippellijn);width:2px;height:1.5rem;margin:0 auto 1rem;display:block;-webkit-mask:repeating-linear-gradient(#000 0 4px,#0000 4px 8px);mask:repeating-linear-gradient(#000 0 4px,#0000 4px 8px)}@media (width>=48em){.rag-visual__stap+.rag-visual__stap:before{content:none}.rag-visual__stap+.rag-visual__stap .rag-visual__beeld:before{content:"";background:var(--kleur-stippellijn);width:2.5rem;height:2px;position:absolute;top:50%;left:-2.5rem;transform:translateY(-50%);-webkit-mask:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 8px);mask:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 8px)}}.rag-visual__beeld{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.rag-visual__bubbel{background:var(--kleur-achtergrond-zacht);border-radius:1rem 1rem .25rem;max-width:16rem;margin:0;padding:.625rem 1rem;font-size:.9375rem;font-weight:500}.rag-visual__bronnen{flex-direction:column;gap:.5rem;width:100%;max-width:13rem;margin:0;padding:0;list-style:none;display:flex}.rag-visual__bron{border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.rag-visual__icoon{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;color:var(--kleur-tekst-subtiel);flex-shrink:0}.rag-visual__bron--gevonden:after{content:"";background:var(--verloop-vragenai);-webkit-mask-composite:xor;pointer-events:none;border-radius:.5625rem;padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.rag-visual__antwoord{border:1px solid var(--kleur-rand);border-radius:var(--straal-kaart);background:var(--kleur-achtergrond);max-width:16rem;padding:.875rem 1rem;font-size:.875rem;box-shadow:0 8px 24px #09090b0f}.rag-visual__afzender{color:var(--kleur-tekst-subtiel);align-items:center;gap:.375rem;margin:0 0 .375rem;font-size:.6875rem;font-weight:600;display:flex}.rag-visual__afzender:before{content:"";background:url(../afbeeldingen/logo-icoon.svg) 50%/contain no-repeat;width:14px;height:14px}.rag-visual__tekst{color:var(--kleur-tekst-zacht);margin:0}.rag-visual__bronvermelding{border:1px solid var(--kleur-rand);border-radius:var(--straal-pil);color:var(--kleur-tekst-zacht);margin:.625rem 0 0;padding:.125rem .625rem;font-size:.6875rem;font-weight:500;display:inline-block}.rag-visual__uitleg{text-align:left;max-width:15rem;color:var(--kleur-tekst-zacht);justify-content:center;align-items:flex-start;gap:.5rem;margin:1rem auto 0;font-size:.875rem;line-height:1.5;display:flex}.rag-visual__uitleg:before{content:counter(ragstap);background:linear-gradient(135deg, var(--kleur-merk-blauw), var(--kleur-merk-teal), var(--kleur-merk-groen));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;font-size:.6875rem;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:no-preference){.js-animatie .rag-visual__bubbel{opacity:0;transition:opacity .45s ease-out,transform .45s ease-out;transform:translate(1rem)}.js-animatie .rag-visual__stap+.rag-visual__stap:before{transform-origin:0 0;transition:transform .35s ease-out;transform:scale(0)}.js-animatie .rag-visual__bron{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(.5rem)}.js-animatie .rag-visual__bron--gevonden:after{opacity:0;transition:opacity .4s ease-out}.js-animatie .rag-visual__antwoord{opacity:0;transition:opacity .45s ease-out,transform .45s ease-out;transform:translateY(.75rem)}.js-animatie .rag-visual__bronvermelding{opacity:0;transition:opacity .4s ease-out}.js-animatie .rag-visual__uitleg{opacity:0;transition:opacity .45s ease-out}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bubbel{opacity:1;transition-delay:.5s;transform:none}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__uitleg{opacity:1}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__stap:first-child .rag-visual__uitleg{transition-delay:.6s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__stap:nth-child(2):before{transition-delay:.8s;transform:scale(1)}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron{opacity:1;transform:none}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron:first-child{transition-delay:1s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron:nth-child(2){transition-delay:1.1s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron:nth-child(3),.js-animatie .vai-conversation.is-zichtbaar .rag-visual__stap:nth-child(2) .rag-visual__uitleg{transition-delay:1.2s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron{animation:.5s ease-in-out both bron-zoekt}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron:first-child{animation-delay:1.7s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron:nth-child(2){animation-delay:1.85s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron:nth-child(3){animation-delay:2s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bron--gevonden:after{opacity:1;transition-delay:2.4s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__stap:nth-child(3):before{transition-delay:2.6s;transform:scale(1)}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__antwoord{opacity:1;transition-delay:2.8s;transform:none}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__stap:nth-child(3) .rag-visual__uitleg{transition-delay:2.9s}.js-animatie .vai-conversation.is-zichtbaar .rag-visual__bronvermelding{opacity:1;transition-delay:3.2s}}@keyframes bron-zoekt{50%{background:var(--kleur-achtergrond-zacht);transform:translateY(-2px)}}