.popup{padding:0;border:0;color:var(--tekst);background:transparent;font-family:var(--letter)}.popup::backdrop{background:color-mix(in srgb,var(--knop) 60%,transparent)}.popup[open]{animation:popup-binnen .3s ease-out}.popup[open]::backdrop{animation:popup-waas-binnen .3s ease-out}@keyframes popup-binnen{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes popup-waas-binnen{0%{opacity:0}to{opacity:1}}.popup[open].popup--dicht{animation:popup-weg .2s ease-in forwards}.popup[open].popup--dicht::backdrop{animation:popup-waas-weg .2s ease-in forwards}@keyframes popup-weg{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(24px)}}@keyframes popup-waas-weg{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.popup[open],.popup[open]::backdrop,.popup[open].popup--dicht,.popup[open].popup--dicht::backdrop{animation:none}}body.popup-open{overflow:hidden}.popup__kaart{position:relative;display:flex;flex-direction:column}.popup__stap{display:flex;flex-direction:column}.popup__stap[hidden]{display:none}.popup__kop{display:flex;flex-direction:column;align-items:center;text-align:center}.popup__titel{font-family:var(--letter-kop);font-weight:400;font-size:38px;line-height:40px;letter-spacing:-.01em}.popup__titel:focus{outline:none}.popup__vraag{font-size:20px;line-height:26px}.popup__tekst{font-size:15px;line-height:22px}.popup__antwoorden{display:flex;flex-direction:column;gap:8px}.popup__antwoord{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid var(--tekst);border-radius:var(--hoek);background:var(--wit);color:var(--tekst);font-size:15px;font-weight:500;line-height:22px;text-align:center}.popup__antwoord:hover{background:var(--vlak)}.popup__formulier{display:flex;flex-direction:column;gap:12px}.popup__veld-groep{display:flex;flex-direction:column;gap:6px}.popup__label{font-size:13px;font-weight:500;line-height:18px}.popup__veld{border-color:var(--tekst);color:var(--tekst);font-size:15px;line-height:22px}.popup__veld::placeholder,.popup__nummer::placeholder{color:var(--grijs-donker);opacity:1}.popup__veld:focus,.popup__telefoon:focus-within{border-color:var(--tekst);outline:2px solid var(--tekst);outline-offset:2px}.popup__knop{line-height:20px}.popup__knop[aria-busy=true]{opacity:.5;cursor:progress}.popup__link,.popup__kopieer,.popup--kaart .popup__antwoord--rond{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--tekst);font-size:14px;font-weight:500;line-height:20px;text-decoration:underline 1px;text-underline-offset:3px}.popup__telefoon{display:flex;align-items:center;gap:12px}.popup__landcode{position:relative;display:flex;align-items:center;flex-shrink:0}.popup__landcode select{-webkit-appearance:none;appearance:none;min-width:44px;height:44px;padding:0 18px 0 0;border:0;background:transparent;color:var(--tekst);font-size:15px;font-weight:500;line-height:22px;cursor:pointer}.popup__landcode select:focus{outline:none}.popup__landcode svg{position:absolute;right:0;pointer-events:none}.popup__streep{flex-shrink:0;height:24px;border-left:1px solid var(--lijn)}.popup__nummer{flex:1 1 auto;min-width:0;height:44px;padding:0;border:0;background:transparent;font-size:15px;line-height:22px}.popup__nummer:focus{outline:none}.popup__code{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 4px 0 16px;border-radius:var(--hoek);background:var(--vlak);color:var(--tekst)}.popup__code-tekst{font-size:20px;font-weight:500;line-height:28px;letter-spacing:.04em}.popup__kopieer{padding:0 12px}.popup__fout{font-size:14px;line-height:20px;font-weight:500}.popup__fout[hidden]{display:none}.popup__sluit{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--hoek);color:var(--tekst)}.popup--espresso .popup__foto,.popup--espresso .popup__sluit--kaart,.popup--kaart .popup__balk{display:none}.popup--kaart{width:calc(100% - 32px);max-width:358px;max-height:calc(100% - 32px);overflow-y:auto;border-radius:var(--hoek-groot);background:var(--wit)}.popup--kaart .popup__sluit--kaart{position:absolute;top:10px;right:10px;z-index:1;background:var(--wit)}.popup__foto{position:relative;flex-shrink:0;height:204px;overflow:hidden;background:var(--vlak)}.popup__foto-beeld{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.popup--kaart .popup__inhoud{padding:20px 20px 24px}.popup--kaart .popup__kop{gap:12px;padding-bottom:20px}.popup--kaart .popup__antwoord--rond{border:0;padding:0;background:none}@media(min-width:990px){.popup--kaart{width:880px;max-width:calc(100% - 80px);max-height:calc(100% - 80px)}.popup--kaart .popup__kaart{flex-direction:row;min-height:560px}.popup--kaart .popup__foto{width:420px;height:auto}.popup--kaart .popup__inhoud{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%;min-width:0;padding:56px}}.popup--espresso{width:100%;height:100%;max-width:none;max-height:none;margin:0;overflow-y:auto;background:var(--knop);color:var(--knop-tekst)}.popup--espresso .popup__kaart{min-height:100%;padding:8px 20px 32px}.popup--espresso .popup__inhoud{display:flex;flex-direction:column;flex:1 1 auto}.popup__balk{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:44px}.popup__balk-ruimte{width:44px;height:44px}.popup__logo{width:182px;height:auto;filter:brightness(0%) invert(60%) sepia(8%) saturate(328%) hue-rotate(19deg) brightness(150%)}.popup--espresso .popup__sluit{color:var(--knop-tekst)}.popup--espresso .popup__stappen{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;width:100%;max-width:350px;margin-inline:auto}.popup--espresso .popup__stap{gap:28px}.popup--espresso .popup__kop{gap:14px}.popup--espresso .popup__titel{font-size:46px;line-height:48px}.popup--espresso .popup__antwoorden{gap:12px}.popup--espresso .popup__antwoord{min-height:52px;border-color:var(--wit)}.popup--espresso .popup__label,.popup--espresso .popup__link,.popup--espresso .popup__fout{color:var(--knop-tekst)}.popup--espresso .popup__veld{border-color:var(--lijn)}.popup--espresso .popup__knop{background:var(--wit);color:var(--knop)}.popup--espresso :focus-visible,.popup--espresso .popup__veld:focus,.popup--espresso .popup__telefoon:focus-within{outline-color:var(--wit)}@media(min-width:990px){.popup--espresso{width:480px;height:fit-content;max-width:calc(100% - 80px);max-height:calc(100% - 80px);margin:auto;border-radius:var(--hoek-groot)}.popup--espresso .popup__kaart{min-height:0;padding:8px 20px 56px}.popup--espresso .popup__stappen{flex:none;justify-content:flex-start;max-width:none;padding:40px 45px 0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/popup.css.map */
