.chatbob{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:60;display:flex;flex-direction:column;align-items:flex-end;display:none;gap:12px}.chatbob-toggle{position:relative;flex:none;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:var(--kleur-lichtoranje);cursor:pointer;box-shadow:0 18px 40px -18px #0814126b;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}.chatbob-toggle:hover{transform:translateY(-2px);box-shadow:0 24px 48px -18px #08141280}.chatbob-avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top center}.chatbob-bolt{position:absolute;top:-2px;right:-2px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--cta);color:#fff;box-shadow:0 0 0 3px var(--paper)}.cta-tag--chatbob{left:auto;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(8px)}.chatbob-toggle:hover .cta-tag--chatbob,.chatbob-toggle:focus-visible .cta-tag--chatbob{opacity:1;transform:translateY(-50%)}@media(prefers-reduced-motion:no-preference){.chatbob-toggle:hover .cta-tag--chatbob svg{animation:tag-flash .5s ease-out}}.chatbob-panel{width:min(340px,calc(100vw - (2*clamp(16px,3vw,32px))));background:var(--paper);border-radius:var(--r-lg);box-shadow:0 30px 60px -30px #08141259;padding:22px 24px 24px}.chatbob-panel[hidden]{display:none}.chatbob-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chatbob-head .eyebrow{margin-bottom:0}.chatbob-close{flex:none;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--kleur-zand-licht);color:var(--tekst-70);cursor:pointer;transition:background-color .2s ease,color .2s ease}.chatbob-close:hover{background:var(--kleur-zand);color:var(--kleur-inkt)}.chatbob-bob{display:flex;align-items:flex-end;gap:12px;margin:18px 0}.chatbob-bob img{width:52px;height:52px;flex:none;object-fit:cover;object-position:top center;border-radius:50%;background:var(--kleur-lichtoranje)}.chatbob-bob .speech{background:var(--kleur-ijsblauw);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:.875rem;font-weight:500;line-height:1.45;margin:0}@media(prefers-reduced-motion:no-preference){.chatbob-bob .speech{animation:pop-in .5s cubic-bezier(.2,.7,.3,1) .4s backwards}}.chatbob-bob .speech:focus{outline:none}.chatbob-options{display:flex;flex-direction:column;gap:8px}.chatbob-options[hidden]{display:none}.chatbob-opt{padding:12px 16px;border:2px solid var(--kleur-salie);border-radius:16px;background:var(--paper);font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--kleur-inkt);cursor:pointer;text-align:left;transition:border-color .2s ease}.chatbob-opt:hover{border-color:var(--kleur-inkt)}.chatbob-cta[hidden]{display:none}.chatbob-cta{--arrow-size: 47px}.chatbob-reset{display:block;margin-top:14px;border:0;background:none;padding:0;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--tekst-70);text-decoration:underline;cursor:pointer}.chatbob-reset:hover{color:var(--kleur-inkt)}.chatbob-reset[hidden]{display:none}.chatbob-lead-open{display:flex;align-items:center;gap:8px;margin-top:14px;border:0;background:none;padding:0;text-align:left;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--kleur-inkt);cursor:pointer}.chatbob-lead-open span{text-decoration:underline;text-underline-offset:2px}.chatbob-lead-open svg{flex:none;color:var(--cta)}.chatbob-lead-open:hover span{text-decoration-thickness:2px}.chatbob-lead-open[hidden],.chatbob-lead[hidden]{display:none}.chatbob-lead-form{display:flex;flex-direction:column;gap:12px}.chatbob .chatbob-field{display:flex;flex-direction:column;gap:6px}.chatbob .chatbob-field label{font-size:.75rem;font-weight:700;color:var(--tekst-70)}.chatbob .chatbob-field-optional{font-weight:400}.chatbob .chatbob-field input{width:100%;font-family:var(--font-body);font-size:.9375rem;color:var(--kleur-inkt);padding:10px 14px;border-radius:14px;border:2px solid rgba(8,20,18,.14);background:var(--paper);transition:border-color .18s ease}.chatbob .chatbob-field input:focus{outline:none;border-color:var(--cta)}.chatbob-lead-submit{align-self:flex-start}.chatbob-lead-msg{margin:0;font-size:.8125rem;font-weight:600}.chatbob-lead-msg.is-error{color:var(--cta)}.chatbob-lead-msg.is-ok{display:none}@media(prefers-reduced-motion:no-preference){.chatbob-panel{transform-origin:right bottom;animation:chatbob-in .24s cubic-bezier(.2,.7,.3,1) both}@keyframes chatbob-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.chatbob-toggle{transition:none}.chatbob-toggle:hover{transform:none}}@media print{.chatbob{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-chatbob.css.map */