.cookiemelding{position:fixed;z-index:85;left:24px;bottom:24px;display:grid;grid-template-columns:65px minmax(0,1fr) 220px;align-items:center;gap:20px;width:min(791px,calc(100% - 48px));padding:20px 24px 22px 20px;background:var(--color-achtergrond-vlak);border:1px solid var(--color-rand-standaard);border-radius:var(--radius-lg);opacity:0;transform:translateY(16px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.cookiemelding[hidden]{display:none}.cookiemelding.is-zichtbaar{opacity:1;transform:none}.cookiemelding__eend{width:65px;height:auto;align-self:center}.cookiemelding__tekst{display:grid;gap:6px;font-size:var(--fs-klein);line-height:1.5;color:var(--color-tekst-secundair)}.cookiemelding__titel{color:var(--color-tekst-primair)}.cookiemelding__tekst a{color:var(--color-tekst-link);font-weight:700;text-decoration:underline;text-underline-offset:2px}.cookiemelding__knoppen{display:grid;gap:8px;justify-items:center}.cookiemelding__link{min-height:44px;margin:-11px 0;padding:0 8px;border:0;background:none;cursor:pointer;line-height:1.5;font:inherit;font-size:var(--fs-klein);font-weight:500;color:var(--color-tekst-link);text-decoration:underline;text-underline-offset:3px}.cookiemelding__link:hover{color:var(--color-actie-secundair-hover)}@media (min-width:768px) and (max-width:1023px){.cookiemelding{grid-template-columns:56px minmax(0,1fr)}.cookiemelding__knoppen{grid-column:1 / -1;grid-template-columns:1fr 1fr}.cookiemelding__link{grid-column:1 / -1}}@media (max-width:767px){.cookiemelding{left:0;right:0;bottom:0;width:100%;grid-template-columns:48px minmax(0,1fr);gap:16px 16px;padding:var(--ruimte-24) var(--marge) calc(var(--ruimte-16) + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:0;max-height:85dvh;overflow-y:auto}.cookiemelding__eend{width:48px}.cookiemelding__tekst{display:contents}.cookiemelding__titel{align-self:center}.cookiemelding__tekst>p:last-child{grid-column:1 / -1;font-size:var(--fs-basis)}.cookiemelding__knoppen{grid-column:1 / -1;justify-items:stretch}.cookiemelding__link{justify-self:center}}.cookie-instellingen{--dialoog-breedte:560px;padding:32px 36px}.cookie-instellingen__kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.cookie-instellingen__sluit{display:grid;place-items:center;width:44px;height:44px;margin:-10px -10px -10px 0;border:0;border-radius:var(--radius-rond);background:none;color:var(--color-tekst-primair);cursor:pointer}.cookie-instellingen__sluit:hover{background:var(--color-achtergrond-merk-zacht)}.cookie-instellingen__sluit .icoon{width:22px;height:22px}.cookie-instellingen__opties{display:grid;gap:16px;margin:0 0 16px;padding:0;list-style:none}.cookie-optie{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:16px;background:var(--color-achtergrond-merk-zacht)}.cookie-optie__label{display:grid;gap:2px;cursor:pointer}.cookie-optie__titel{font-size:var(--fs-basis);font-weight:700;line-height:1.6;color:var(--color-tekst-primair)}.cookie-optie__tekst{font-size:var(--fs-klein);line-height:1.5;color:var(--color-tekst-secundair)}.cookie-schakelaar{appearance:none;-webkit-appearance:none;flex:none;position:relative;margin:0;width:46px;height:26px;border-radius:var(--radius-rond);background:var(--color-rand-sterk);cursor:pointer;transition:background-color .2s var(--ease)}.cookie-schakelaar::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-achtergrond-vlak);transition:transform .2s var(--ease)}.cookie-schakelaar:checked{background:var(--color-actie-primair)}.cookie-schakelaar:checked::before{transform:translateX(20px)}.cookie-schakelaar:disabled{cursor:not-allowed;background:var(--color-achtergrond-merk-donker);opacity:.6}.cookie-schakelaar:focus-visible{outline:none;box-shadow:var(--focus)}.cookie-schakelaar::after{content:"";position:absolute;inset:-9px -4px}.cookie-instellingen__knoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cookie-instellingen__knoppen .knop{width:100%;padding-inline:12px}.knop .cookie-label--klein{display:none}@media (max-width:767px){.cookie-instellingen{padding:var(--ruimte-24) var(--marge) calc(var(--ruimte-24) + env(safe-area-inset-bottom))}.knop .cookie-label--groot{display:none}.knop .cookie-label--klein{display:inline}}