.dmp-root:not(#dmp){position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px}.dmp-root:not(#dmp)[hidden]{display:none}.dmp-root:not(#dmp) *{box-sizing:border-box}.dmp-root:not(#dmp) .dmp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dmp-overlay);opacity:0;transition:opacity var(--dmp-snelheid) ease}.dmp-root:not(#dmp).is-open .dmp-overlay{opacity:1}.dmp-root:not(#dmp) .dmp-paneel{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--dmp-paneel);color:var(--dmp-tekst);border-radius:var(--dmp-radius);display:flex;flex-direction:column;opacity:0;transform:translateY(18px) scale(.985);transition:opacity var(--dmp-snelheid) ease,transform var(--dmp-snelheid) cubic-bezier(.22,1,.36,1)}.dmp-root:not(#dmp).is-open .dmp-paneel{opacity:1;transform:none}.dmp-root:not(#dmp) .dmp-x{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--dmp-tekst);cursor:pointer;padding:0}.dmp-root:not(#dmp) .dmp-x svg{width:19px;height:19px;display:block}.dmp-root:not(#dmp) .dmp-kolom-tekst{padding:30px 22px 24px;text-align:center}.dmp-root:not(#dmp) .dmp-logo img{display:block;height:26px;width:auto;margin:0 auto 16px}.dmp-root:not(#dmp) .dmp-merk{display:block;margin-bottom:16px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.dmp-root:not(#dmp) .dmp-kop{margin:0;font-size:var(--dmp-kop-m);line-height:1.12;letter-spacing:-.01em}.dmp-root:not(#dmp) .dmp-aanbod{margin:2px 0 0;font-size:var(--dmp-aanbod-m);line-height:1.02;letter-spacing:-.03em;font-weight:700;color:var(--dmp-accent)}.dmp-root:not(#dmp) .dmp-vraag{margin:12px 0 0;font-size:var(--dmp-tekst-m);line-height:1.45;opacity:.8}.dmp-root:not(#dmp) .dmp-keuzes{margin-top:16px;display:flex;flex-direction:column;gap:9px}.dmp-root:not(#dmp) .dmp-keuze{width:100%;border:0;border-radius:10px;padding:13px 14px;background:var(--dmp-keuze);color:var(--dmp-keuze-tekst);font-family:inherit;font-size:var(--dmp-tekst-m);font-weight:600;line-height:1.2;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.dmp-root:not(#dmp).is-open .dmp-keuze{animation:dmp-in .46s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--dmp-snelheid) + var(--dmp-i) * 70ms)}.dmp-root:not(#dmp) .dmp-keuze.is-gekozen{background:var(--dmp-keuze-hover);color:var(--dmp-keuze-hover-tekst);transform:scale(1.02)}.dmp-root:not(#dmp) .dmp-overslaan{margin-top:14px;border:0;background:none;padding:4px;color:var(--dmp-overslaan);opacity:.7;font-family:inherit;font-size:calc(var(--dmp-tekst-m) - 1px);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dmp-root:not(#dmp) .dmp-form{margin-top:16px;text-align:left}.dmp-root:not(#dmp) .dmp-veld-label{display:block;margin-bottom:6px;font-size:calc(var(--dmp-tekst-m) - 1px);opacity:.75}.dmp-root:not(#dmp) .dmp-veld{width:100%;padding:13px 14px;border:1.5px solid var(--dmp-zacht);border-radius:10px;background:var(--dmp-paneel);color:var(--dmp-tekst);font-family:inherit;font-size:var(--dmp-tekst-m);outline:none;transition:border-color .16s ease}.dmp-root:not(#dmp) .dmp-veld:focus{border-color:var(--dmp-accent)}.dmp-root:not(#dmp) .dmp-veld.is-fout{border-color:#c81e1e}.dmp-root:not(#dmp) .dmp-fout{margin:7px 0 0;font-size:calc(var(--dmp-tekst-m) - 2px);line-height:1.35;color:#c81e1e}.dmp-root:not(#dmp) .dmp-fout[hidden]{display:none}.dmp-root:not(#dmp) .dmp-knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:15px 18px;border:0;border-radius:999px;background:var(--dmp-knop);color:var(--dmp-knop-tekst);font-family:inherit;font-size:var(--dmp-tekst-m);font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:opacity .16s ease,transform .16s ease}.dmp-root:not(#dmp) .dmp-knop[disabled]{opacity:.6;cursor:default}.dmp-root:not(#dmp) .dmp-spinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:dmp-draai .7s linear infinite}.dmp-root:not(#dmp) .dmp-spinner[hidden]{display:none}.dmp-root:not(#dmp) .dmp-klein{margin-top:12px;font-size:calc(var(--dmp-tekst-m) - 3px);line-height:1.45;opacity:.6}.dmp-root:not(#dmp) .dmp-klein>*:first-child{margin-top:0}.dmp-root:not(#dmp) .dmp-klein>*:last-child{margin-bottom:0}.dmp-root:not(#dmp) .dmp-klein a{color:inherit}.dmp-root:not(#dmp) .dmp-code{display:block;width:100%;margin-top:16px;padding:15px 14px;border:2px dashed var(--dmp-accent);border-radius:12px;background:var(--dmp-zacht);color:var(--dmp-tekst);font-family:inherit;cursor:pointer;animation:dmp-puls 1.6s ease-in-out 2}.dmp-root:not(#dmp) .dmp-code-tekst{display:block;font-size:calc(var(--dmp-kop-m) - 4px);font-weight:700;letter-spacing:.08em;line-height:1.1}.dmp-root:not(#dmp) .dmp-code-hint{display:block;margin-top:5px;font-size:calc(var(--dmp-tekst-m) - 3px);opacity:.6}.dmp-root:not(#dmp) .dmp-kolom-beeld{display:none}.dmp-root:not(#dmp) .dmp-kolom-beeld img{display:block;width:100%;height:100%;object-fit:cover}@keyframes dmp-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dmp-draai{to{transform:rotate(360deg)}}@keyframes dmp-puls{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@media(hover:hover)and (pointer:fine){.dmp-root:not(#dmp) .dmp-keuze:hover{background:var(--dmp-keuze-hover);color:var(--dmp-keuze-hover-tekst)}.dmp-root:not(#dmp) .dmp-knop:hover{opacity:.9}.dmp-root:not(#dmp) .dmp-x:hover{background:var(--dmp-zacht)}.dmp-root:not(#dmp) .dmp-code:hover{transform:scale(1.01)}}@media(prefers-reduced-motion:reduce){.dmp-root:not(#dmp) .dmp-paneel,.dmp-root:not(#dmp) .dmp-overlay{transition:none}.dmp-root:not(#dmp) .dmp-keuze,.dmp-root:not(#dmp) .dmp-code{animation:none}}@media screen and (min-width:900px){.dmp-root:not(#dmp) .dmp-paneel{max-width:var(--dmp-max-d);flex-direction:row;align-items:stretch;overflow:hidden;max-height:min(88dvh,640px)}.dmp-root:not(#dmp) .dmp-x{top:14px;right:14px}.dmp-root:not(#dmp) .dmp-kolom-tekst{flex:1 1 50%;min-width:0;padding:48px 44px;display:flex;flex-direction:column;justify-content:center;text-align:left;overflow-y:auto}.dmp-root:not(#dmp) .dmp-logo img{margin:0 0 20px}.dmp-root:not(#dmp) .dmp-kop{font-size:var(--dmp-kop-d)}.dmp-root:not(#dmp) .dmp-aanbod{font-size:var(--dmp-aanbod-d)}.dmp-root:not(#dmp) .dmp-vraag{font-size:var(--dmp-tekst-d)}.dmp-root:not(#dmp) .dmp-keuze{font-size:var(--dmp-tekst-d)}.dmp-root:not(#dmp) .dmp-overslaan{align-self:flex-start}.dmp-root:not(#dmp) .dmp-veld,.dmp-root:not(#dmp) .dmp-veld-label,.dmp-root:not(#dmp) .dmp-knop{font-size:var(--dmp-tekst-d)}.dmp-root:not(#dmp) .dmp-code-tekst{font-size:calc(var(--dmp-kop-d) - 6px)}.dmp-root:not(#dmp) .dmp-kolom-beeld{display:block;flex:1 1 50%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/dm-popup.css.map */