.kb-nieuwsbrief-balk{z-index:var(--kb-layer-overlay);max-height:calc(var(--kb-space-8) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--kb-color-bg-surface);border-top:var(--kb-border-width-heavy) solid var(--kb-color-border-strong);box-shadow:var(--kb-shadow-sticky-bottom);position:fixed;inset:auto 0 0}.kb-nieuwsbrief-balk__in{align-items:center;gap:var(--kb-space-1) var(--kb-space-2);width:100%;max-width:var(--kb-layout-container);padding:var(--kb-space-1) var(--kb-layout-gutter);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tekst sluit""velden velden";margin:0 auto;display:grid}.kb-nieuwsbrief-balk__tekst{font:var(--kb-type-meta);color:var(--kb-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;grid-area:tekst;margin:0;overflow:hidden}.kb-nieuwsbrief-balk__tekst strong{font-weight:var(--kb-font-weight-semibold);color:var(--kb-color-text-primary)}.kb-nieuwsbrief-balk__velden{gap:var(--kb-space-2);padding-bottom:var(--kb-space-1);grid-area:velden;margin:0;display:flex}.kb-nieuwsbrief-balk .kb-inp{min-height:var(--kb-space-6);font:var(--kb-type-body-sm)}.kb-nieuwsbrief-balk .kb-btn{min-height:var(--kb-space-6);padding:0 var(--kb-space-3);font:var(--kb-type-body-sm);font-weight:var(--kb-font-weight-semibold)}.kb-nieuwsbrief-balk__sluit{width:var(--kb-space-6);height:var(--kb-space-6);margin-right:calc(-1 * var(--kb-space-2));grid-area:sluit}.kb-nieuwsbrief-balk__klaar{font:var(--kb-type-body-sm);font-weight:var(--kb-font-weight-semibold);color:var(--kb-color-text-primary);grid-area:tekst;margin:0}.kb-nieuwsbrief-balk__fout{font:var(--kb-type-meta);color:var(--kb-color-status-error-text);text-overflow:ellipsis;white-space:nowrap;grid-area:tekst;margin:0;overflow:hidden}@media (min-width:768px){.kb-nieuwsbrief-balk__in{gap:var(--kb-space-3);padding-block:var(--kb-space-2);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"tekst velden sluit"}.kb-nieuwsbrief-balk__tekst{font:var(--kb-type-body-sm);white-space:normal}.kb-nieuwsbrief-balk__velden{padding-bottom:0}.kb-nieuwsbrief-balk__velden .kb-inp{width:calc(var(--kb-space-8) * 4)}.kb-nieuwsbrief-balk__fout{font:var(--kb-type-body-sm);white-space:normal}.kb-nieuwsbrief-balk__sluit{width:var(--kb-size-tap);height:var(--kb-size-tap);margin-right:0}}html:has(.kb-nieuwsbrief-balk){scroll-padding-bottom:calc(var(--kb-space-8) + env(safe-area-inset-bottom,0px))}