.c50{padding-block:var(--ruimte-9)}.c50-binnen{max-width:var(--breedte-max);padding-inline:var(--kantlijn);gap:var(--ruimte-6);grid-template-columns:minmax(0,1fr);align-items:start;margin-inline:auto;display:grid}.c50-label{margin-bottom:var(--ruimte-3);font:500 .78rem/1 var(--letter-label);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:inline-block}.c50-kop{font-size:clamp(2rem,4.5vw,3.25rem)}.c50-zin{margin:var(--ruimte-4) 0 0;color:var(--tekst-zacht);font-size:1.125rem}.c50-bonvak{perspective:var(--perspectief,900px)}.c50-bon{aspect-ratio:5/3;border-radius:var(--radius-kaart);background:var(--vlak);width:100%;color:var(--tekst);box-shadow:var(--schaduw-3);transform-style:preserve-3d;transition:transform var(--beweging) var(--beweging-curve);position:relative;overflow:hidden}.c50-sier{width:100%;height:100%;position:absolute;inset:0}.c50-rand{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 6}.c50-cirkel{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:.5}.c50-lijn{fill:none;stroke:var(--accent);stroke-width:2px;opacity:.6}.c50-bontekst{align-content:center;gap:var(--ruimte-1);height:100%;padding:var(--ruimte-5) var(--ruimte-6);box-sizing:border-box;min-width:0;display:grid;position:relative}.c50-zaak,.c50-titel{font:500 .8rem/1.3 var(--letter-label);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-zacht)}.c50-titel{color:var(--accent)}.c50-bedrag{font:var(--letter-kop-gewicht) clamp(2rem, 9vw, 3rem)/1.1 var(--letter-kop);font-variant-numeric:tabular-nums}.c50-regel{overflow-wrap:anywhere}.c50-regel small{color:var(--tekst-zacht);margin-right:var(--ruimte-1);font-size:.85rem}.c50-boodschap{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-style:italic;display:-webkit-box;overflow:hidden}.c50-boodschap.is-leeg{color:var(--tekst-zacht)}.c50-form{gap:var(--ruimte-5);min-width:0;display:grid}.c50-keuze{border:0;min-width:0;margin:0;padding:0}.c50-keuze legend{margin-bottom:var(--ruimte-2);padding:0;font-weight:600}.c50-chips{gap:var(--ruimte-2);flex-wrap:wrap;display:flex}.c50-chip{display:inline-flex;position:relative}.c50-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.c50-chip span{min-width:44px;min-height:44px;padding:var(--ruimte-2) var(--ruimte-4);border:1px solid var(--lijn);border-radius:var(--radius-pil);background:var(--vlak);color:var(--tekst);transition:background var(--beweging-snel) var(--beweging-curve), border-color var(--beweging-snel) var(--beweging-curve);justify-content:center;align-items:center;display:inline-flex}.c50-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.c50-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.c50-eigen{margin-top:var(--ruimte-3)}.c50-eigen[hidden]{display:none}.c50-paar{gap:var(--ruimte-5);grid-template-columns:minmax(0,1fr);display:grid}.c50-veld{gap:var(--ruimte-2);min-width:0;display:grid}.c50-veld label{font-weight:600}.c50-zacht{color:var(--tekst-zacht);font-weight:400}.c50-veld input,.c50-veld textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--lijn);border-radius:var(--radius-klein);background:var(--vlak);color:var(--tekst);font:inherit}.c50-veld input:focus-visible,.c50-veld textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.c50-teller{color:var(--tekst-zacht);font-variant-numeric:tabular-nums;font-size:.9rem}.c50-val{width:var(--ruimte-1);height:var(--ruimte-1);position:absolute;left:-100vw;overflow:hidden}.c50-verstuur{min-height:44px}.c50-verstuur:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.c50-noot{color:var(--tekst-zacht);margin:0;font-size:.95rem}.c50-melding{padding:var(--ruimte-3) var(--ruimte-4);border-left:3px solid var(--accent);background:var(--vlak);margin:0}.c50-melding[hidden]{display:none}@media (width>=640px){.c50-paar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.c50-binnen{gap:var(--ruimte-8);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.c50-bonvak{top:var(--ruimte-7);position:sticky}}@media (prefers-reduced-motion:reduce){.c50-bon,.c50-chip span{transition:none}.c50-bon{transform:none!important}}