.handtekening{max-width:54rem}.handtekening__vak{width:100%;height:clamp(12rem,46vw,26rem);margin-left:-18%;position:relative;-webkit-mask-image:radial-gradient(50% 50%,#000 66%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 66%,#0000 100%)}.handtekening__vlak{color:var(--color-accent-primary);filter:drop-shadow(0 0 6px #00e5ff80)drop-shadow(0 0 20px #00e5ff4d);transition:opacity .3s;position:absolute;inset:12%}.handtekening__svg{width:100%;height:100%;display:block}.handtekening__canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.handtekening__vak[data-live] .handtekening__vlak{opacity:0}.handtekening__vak[data-live] .handtekening__canvas{opacity:1}.handtekening__knopplek{min-height:48px}.handtekening__opnieuw{min-height:48px;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);font-size:.75rem;transition:color .2s}.handtekening__opnieuw:hover{color:var(--color-accent-primary)}.handtekening__opnieuw:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.handtekening__vlak{transition:none}}
