.bon{--bon-kartel: 7px;--bon-mask: radial-gradient(circle at 50% 0, #0000 var(--bon-kartel), #000 calc(var(--bon-kartel) + .5px)) 50% 0 / calc(var(--bon-kartel) * 2.6) 51% repeat-x, radial-gradient(circle at 50% 100%, #0000 var(--bon-kartel), #000 calc(var(--bon-kartel) + .5px)) 50% 100% / calc(var(--bon-kartel) * 2.6) 51% repeat-x;position:relative;margin:0;max-width:28rem;padding:calc(var(--bon-kartel) + 1.1rem) clamp(1rem,3.5vw,1.5rem);background:var(--warmwit);color:var(--houtskool);box-shadow:inset 0 0 0 var(--rand) var(--lijn);font-variant-numeric:tabular-nums;-webkit-mask:var(--bon-mask);mask:var(--bon-mask)}.bon[hidden]{display:none}.bon-titel{font-family:var(--f-label);font-size:var(--fs-label);font-weight:var(--gw-nadruk);letter-spacing:var(--label-spatie);text-transform:uppercase;padding-bottom:.8rem;border-bottom:2px dashed var(--houtskool)}.bon-regels{display:grid;gap:0;margin:0}.bon-regel{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.9rem;align-items:baseline;padding-block:.75rem;border-bottom:2px dotted var(--lijn);font-size:max(1rem,1em)}.bon-regel dt{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .5rem;font-weight:var(--gw-nadruk);min-width:0}.bon-regel dd{margin:0;text-align:right;white-space:nowrap;font-weight:var(--gw-boek);font-size:.8125rem;color:var(--tekst-2)}.bon-bol{width:.7rem;height:.7rem;border-radius:50%;flex:none;background:var(--bon-lijnkleur, var(--olijf));box-shadow:inset 0 0 0 var(--rand) color-mix(in srgb,var(--houtskool) var(--lijn-alfa-3),transparent)}.bon-regel[data-lijn=limoen]{--bon-lijnkleur: var(--limoen)}.bon-regel[data-lijn=oker]{--bon-lijnkleur: var(--oker-fel)}.bon-regel[data-lijn=petrol]{--bon-lijnkleur: var(--petrol)}@media(prefers-reduced-motion:no-preference){.bon-regel--nieuw{animation:bon-regel var(--t-basis) var(--ease) calc(var(--i, 0) * 60ms) backwards}.bon-regel--nieuw .bon-bol{animation:bon-bol var(--t-basis) var(--ease-pop) calc(var(--i, 0) * 60ms + 80ms) backwards}}@keyframes bon-regel{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}@keyframes bon-bol{0%{scale:0}}.bon-regel--land{animation:bon-land .6s var(--ease) both}@media(prefers-reduced-motion:reduce){.bon-regel--land{animation:none;background:color-mix(in srgb,var(--bon-lijnkleur, var(--olijf)) 12%,transparent)}}html.rust-aan .bon-regel--land{animation:none;background:color-mix(in srgb,var(--bon-lijnkleur, var(--olijf)) 12%,transparent)}@keyframes bon-land{0%{background:color-mix(in srgb,var(--bon-lijnkleur, var(--olijf)) 20%,transparent)}to{background:transparent}}.bon--wacht .bon-regel,.bon--wacht .bon-slot{visibility:hidden}.bon-krul{position:absolute;left:0;right:0;bottom:0;height:calc(var(--bon-kartel) + 1.1rem);background:linear-gradient(var(--warmwit),color-mix(in srgb,var(--houtskool) 12%,var(--warmwit)));box-shadow:inset var(--rand) 0 0 var(--lijn),inset calc(var(--rand) * -1) 0 0 var(--lijn);transform-origin:50% 0;pointer-events:none;-webkit-mask:radial-gradient(circle at 50% 100%,#0000 var(--bon-kartel),#000 calc(var(--bon-kartel) + .5px)) 50% 100% / calc(var(--bon-kartel) * 2.6) 100% repeat-x;mask:radial-gradient(circle at 50% 100%,#0000 var(--bon-kartel),#000 calc(var(--bon-kartel) + .5px)) 50% 100% / calc(var(--bon-kartel) * 2.6) 100% repeat-x}.bon-krul[hidden]{display:none}.bon--scheurt{animation:bon-scheur .32s var(--ease-poort) forwards}@keyframes bon-scheur{0%{clip-path:polygon(0 0,100% 0,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 94%,90% 99%,80% 94%,70% 99%,60% 94%,50% 99%,40% 94%,30% 99%,20% 94%,10% 99%,0 94%);transform:translateY(-30px) rotate(3deg)}}.bon-slot{margin:.9rem 0 0;padding-top:.8rem;border-top:2px dashed var(--houtskool);font-weight:var(--gw-nadruk);font-size:max(.95rem,1em)}.bon-knop{width:100%;min-height:48px;margin-top:1rem}.bon-voetnoot{margin:.9rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--tekst-2)}.bon-bezoeker{display:flex;flex-wrap:wrap;align-items:center;column-gap:.7rem;margin:.4rem 0 0;font-size:.8125rem;color:var(--tekst-2)}.bon-bezoeker[hidden]{display:none}.bon-bezoeker strong{color:var(--houtskool);font-weight:var(--gw-nadruk)}.bon-wis{min-height:44px;padding:0;border:0;background:none;color:var(--olijf-diep);font:inherit;font-weight:var(--gw-nadruk);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bon-wis:focus-visible{outline:var(--ring-breedte) solid var(--houtskool);outline-offset:var(--ring-offset)}.bon--compact{--bon-kartel: 5px;max-width:22rem}.bon--compact .bon-regel{font-size:max(.95rem,1em)}