.cdl-demo{color:#14253f;font-size:13px;line-height:1.5}.cdl-workspace{grid-template-columns:minmax(0,1.15fr) 38px minmax(0,.85fr);align-items:stretch;gap:8px;display:grid}.cdl-chat,.cdl-system{min-width:0;overflow:hidden}.cdl-header{background:#fcfbfe;border-bottom:1px solid #ebe4f2;align-items:center;gap:11px;min-height:72px;padding:17px 22px;display:flex}.cdl-header>div{min-width:0}.cdl-header strong{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.3;display:block}.cdl-header>div>span{color:#9585a4;margin-top:3px;font-size:11px;display:block}.cdl-header>.demo-icon{color:#9878b9;width:24px;height:24px}.cdl-online{color:#7e9c9b;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:inline-flex}.cdl-online:before{content:"";background:#65b1b2;border-radius:50%;width:5px;height:5px}.cdl-chat-body{padding:24px 22px}.cdl-message{align-items:start;gap:10px;min-width:0;display:flex}.cdl-avatar{color:#8b839d;background:#eaeaf2;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:5px;font-size:10px;display:grid}.cdl-bubble{min-width:0;max-width:100%}.cdl-bubble>small{color:#9a86ac;margin-bottom:7px;font-size:10px;display:block}.cdl-bubble p{color:#53617b;margin:0;font-size:13px;line-height:1.65}.cdl-bubble p+p{margin-top:9px}.cdl-bubble b{color:#654487;font-weight:600}.cdl-customer,.cdl-thanks{flex-direction:row-reverse}.cdl-customer .cdl-bubble,.cdl-thanks .cdl-bubble{background:#f0ebf8;border-radius:13px 3px 13px 13px;padding:13px 16px}.cdl-answer-area{min-height:183px;margin-top:23px;display:grid}.cdl-working,.cdl-assistant{grid-area:1/1}.cdl-working{opacity:1;visibility:visible;align-items:start;gap:11px;padding-top:5px;transition:opacity .35s,visibility .35s;display:flex}.cdl-working>div{padding:8px 0}.cdl-working small{color:#9a80af;margin-top:10px;font-size:11px;display:block}.cdl-typing{align-items:center;gap:5px;height:8px;display:flex}.cdl-typing i{background:#b49bd1;border-radius:50%;width:5px;height:5px}.cdl-working[aria-hidden=true]{opacity:0;visibility:hidden}.cdl-assistant,.cdl-thanks,.cdl-intent,.cdl-query,.cdl-record{opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s;transform:translateY(6px)}.cdl-assistant[data-visible=true],.cdl-thanks[data-visible=true],.cdl-intent[data-visible=true],.cdl-query[data-visible=true],.cdl-record[data-visible=true]{opacity:1;visibility:visible;transform:none}.cdl-assistant>.demo-ai-mark{width:28px;margin-top:3px}.cdl-assistant .cdl-bubble{padding-top:3px}.cdl-sent{color:#8f79a1;align-items:center;gap:5px;margin-top:13px;font-size:10px;line-height:1.5;display:flex}.cdl-sent .demo-icon{color:#66a4a5;width:13px;height:13px}.cdl-thanks{margin-top:12px}.cdl-thanks .cdl-bubble{padding:10px 15px}.cdl-thanks .cdl-bubble p{font-size:13px}.cdl-connection{color:#d2c2e4;place-items:center;min-width:0;transition:color .4s;display:grid;position:relative}.cdl-connection>i{background:#e0d5ec;height:1px;position:absolute;top:50%;left:0;right:0}.cdl-connection>.demo-icon{z-index:1;background:#faf9fe;width:26px;height:26px;transition:transform .4s;position:relative}.cdl-connection[data-active=true]{color:#9b70c9}.cdl-connection[data-returning=true]>.demo-icon{transform:rotate(180deg)}.cdl-packet{opacity:0;z-index:2;background:#9465c6;border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:0}.cdl-system{transition:border-color .4s,box-shadow .4s}.cdl-system[data-found=true]{border-color:#c8b7df}.cdl-system-body{padding:19px 22px 22px}.cdl-intent{margin-bottom:15px}.cdl-intent>.demo-eyebrow{font-size:9px}.cdl-chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.cdl-chips>span{color:#8865a4;background:#f4effb;border-radius:5px;padding:4px 8px;font-size:10px;line-height:1.4;display:inline-block}.cdl-query{color:#9676ad;border-block:1px solid #ebe4f2;align-items:center;gap:9px;margin-bottom:17px;padding:10px 0;display:flex}.cdl-query>.demo-icon{width:15px;height:15px}.cdl-query>span{flex:1;min-width:0;font-size:11px;font-weight:500}.cdl-query small{color:#a68db7;margin-top:2px;font-size:10px;font-weight:400;display:block}.cdl-query>.demo-icon:last-child{color:#6ba3a4}.cdl-spinner{border:1.5px solid #e3d8ef;border-top-color:#9770bd;border-radius:50%;width:13px;height:13px}.cdl-record-wrap{min-height:224px;display:grid;position:relative}.cdl-system-wait,.cdl-record{grid-area:1/1}.cdl-system-wait{text-align:center;color:#b0a0bc;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-bottom:10px;font-size:11px;transition:opacity .35s,visibility .35s;display:flex}.cdl-system-wait>.demo-icon{stroke-width:1px;color:#c7b7d7;width:32px;height:32px}.cdl-system-wait[aria-hidden=true]{opacity:0;visibility:hidden}.cdl-order-id{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.cdl-order-id>span{letter-spacing:.08em;color:#a38bad;font-size:9px}.cdl-order-id strong{color:#473052;letter-spacing:-.04em;font-size:22px;font-weight:600;line-height:1.2}.cdl-fields{margin:0}.cdl-fields>div{border-bottom:1px solid #eee8f3;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;font-size:11px;line-height:1.5;display:flex}.cdl-fields dt{color:#a18bb0}.cdl-fields dd{text-align:right;color:#7f648f;margin:0}.cdl-fields .is-relevant{background:#f0e8fa;border:0;border-radius:6px;margin-inline:-10px;padding:11px 10px}.cdl-fields .is-relevant dt{color:#9a77b0}.cdl-fields .is-relevant dd{color:#775094;font-weight:600}.cdl-source-proof{color:#74a0a0;align-items:start;gap:7px;padding-top:16px;font-size:10px;line-height:1.5;display:flex}.cdl-source-proof .demo-icon{width:14px;height:14px;margin-top:1px}.cdl-footer{color:#8a6ca3;background:#f4effb;border:1px solid #e5daf0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:62px;margin-top:17px;padding:13px 18px;display:flex}.cdl-footer p{margin:0;font-size:12px;line-height:1.55}.cdl-footer>.demo-icon{color:#65a0a3;width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.cdl-customer[data-arriving=true]{animation:.5s both cdl-arrive}.cdl-demo[data-playing=true] .cdl-working[aria-hidden=false] .cdl-typing i{animation:1s ease-in-out infinite cdl-type}.cdl-demo[data-playing=true] .cdl-typing i:nth-child(2){animation-delay:.15s}.cdl-demo[data-playing=true] .cdl-typing i:nth-child(3){animation-delay:.3s}.cdl-demo[data-playing=true][data-phase="2"] .cdl-spinner{animation:.9s linear infinite cdl-spin}.cdl-demo[data-playing=true] .cdl-connection[data-active=true] .cdl-packet{animation:1.1s ease-in-out infinite cdl-packet}.cdl-demo[data-playing=true] .cdl-connection[data-returning=true] .cdl-packet{animation-direction:reverse}}@keyframes cdl-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cdl-type{0%,to{opacity:.35;transform:translateY(0)}45%{opacity:1;transform:translateY(-3px)}}@keyframes cdl-spin{to{transform:rotate(360deg)}}@keyframes cdl-packet{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}@media (max-width:1100px){.cdl-workspace{grid-template-columns:minmax(0,1.1fr) 24px minmax(0,.9fr);gap:6px}.cdl-header{padding:16px}.cdl-chat-body{padding:21px 16px}.cdl-system-body{padding-inline:17px}.cdl-header>div>span{font-size:10px}.cdl-header strong{font-size:14px}.cdl-bubble p{font-size:12px}.cdl-fields>div{gap:9px;font-size:10px}}@media (max-width:760px){.cdl-workspace{grid-template-columns:minmax(0,1fr);gap:8px}.cdl-header{min-height:62px;padding:14px 16px}.cdl-header strong{font-size:14px}.cdl-chat-body{padding:18px 15px}.cdl-bubble p{font-size:13px}.cdl-customer .cdl-bubble{padding:11px 13px}.cdl-message{gap:8px}.cdl-avatar{width:24px;height:24px;font-size:9px}.cdl-answer-area{min-height:166px;margin-top:19px}.cdl-assistant>.demo-ai-mark{width:24px}.cdl-assistant>.demo-ai-mark i{width:17px}.cdl-sent{margin-top:10px;font-size:9px}.cdl-thanks{margin-top:8px}.cdl-thanks .cdl-bubble{padding:9px 12px}.cdl-thanks .cdl-bubble p{font-size:12px}.cdl-connection{justify-self:center;width:30px;height:28px;transform:rotate(90deg)}.cdl-system-body{padding:16px}.cdl-intent{margin-bottom:12px}.cdl-query{margin-bottom:14px;padding-block:9px}.cdl-record-wrap{min-height:196px}.cdl-order-id{margin-bottom:8px}.cdl-fields>div{padding-block:9px;font-size:11px}.cdl-fields .is-relevant{margin-inline:-9px;padding:10px 9px}.cdl-source-proof{padding-top:13px;font-size:10px}.cdl-footer{justify-content:start;min-height:62px;margin-top:12px;padding:12px}.cdl-footer p{font-size:11px}}@media (max-width:700px){.practice-klantcontact .demo-progress{grid-template-columns:repeat(3,minmax(0,1fr))!important}.practice-klantcontact .demo-progress li{flex-direction:row;align-items:center;gap:7px;min-height:38px;padding:9px 7px}}@media (max-width:370px){.cdl-header{gap:8px;padding-inline:12px}.cdl-header>div>span,.cdl-online{font-size:9px}.cdl-chat-body,.cdl-system-body{padding-inline:12px}.cdl-bubble p{font-size:12px}.cdl-bubble>small{font-size:9px}.cdl-fields>div{font-size:10px}.cdl-chips>span{font-size:9px}}@media (prefers-reduced-motion:reduce){.cdl-demo *,.cdl-demo :before,.cdl-demo :after{transition:none!important;animation:none!important}}