.fb-page{--klant-accent:var(--color-pine);--klant-accent-tekst:var(--lf-bon);--klant-accent-weg:var(--lf-inkt);--fb-rand:var(--space-4);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--lf-bon);color:var(--lf-inkt)}.fb-page ::selection{background:var(--lf-selectie);color:var(--lf-inkt)}.fb-page :focus-visible{outline:3px solid var(--lf-groen);outline-offset:3px;border-radius:4px}.fb-page:before{content:"";display:block;height:6px;flex:none;background:var(--klant-accent)}.fb-main{align-items:center;padding:var(--space-6) var(--fb-rand) var(--space-5)}.fb-kaart,.fb-main{flex:1 1;display:flex;flex-direction:column}.fb-kaart{width:100%;max-width:440px}.fb-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding-bottom:var(--space-5);border-bottom:1px solid var(--lf-lijn)}.fb-avatar{width:64px;height:64px;flex:none;border-radius:50%;background:var(--klant-accent);color:var(--klant-accent-tekst);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em;margin-bottom:var(--space-2)}.fb-avatar--logo{background:var(--lf-bon);box-shadow:inset 0 0 0 1px var(--lf-lijn)}.fb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.fb-naam{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.15;letter-spacing:-.02em;color:var(--lf-inkt);overflow-wrap:anywhere;text-wrap:balance}.fb-plaats{margin:0;font-size:var(--text-md-sm);color:var(--lf-inkt-zacht)}@media (max-width:639px){.fb-kaart:not(:has(.fb-start,.fb-onbekend)) .fb-head{flex-direction:row;text-align:left;gap:var(--space-3);padding-bottom:var(--space-4)}.fb-kaart:not(:has(.fb-start,.fb-onbekend)) .fb-avatar{width:44px;height:44px;margin-bottom:0;font-size:var(--text-base)}.fb-kaart:not(:has(.fb-start,.fb-onbekend)) .fb-naam{font-size:var(--text-md)}.fb-kaart:not(:has(.fb-start,.fb-onbekend)) .fb-plaats{font-size:var(--text-sm)}}.fb-stap{flex:1 1;display:flex;flex-direction:column;padding-top:var(--space-6)}@media (prefers-reduced-motion:no-preference){.fb-stap>*{animation:fb-binnen .22s cubic-bezier(.22,1,.36,1) both}}@keyframes fb-binnen{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fb-kop{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1.15;letter-spacing:-.02em;color:var(--lf-inkt);text-wrap:balance}.fb-kop--klein{font-size:var(--text-lg)}.fb-zin{margin:0;font-size:var(--text-base);line-height:1.55;color:var(--lf-inkt-zacht);text-wrap:pretty}.fb-kaart:has(.fb-start){justify-content:center;padding-bottom:clamp(48px,14vh,140px)}.fb-kaart:has(.fb-start) .fb-stap{flex:none}.fb-start{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fb-stars{display:flex;justify-content:center;margin-top:var(--space-5)}.fb-kies-top>span>span>svg>path,.fb-stars .rp-star-btn>span>svg>path{fill:var(--lf-bon);stroke:var(--lf-ster);stroke-width:1.4;stroke-linejoin:round}.fb-kies-top>span>span>span svg>path,.fb-stars .rp-star-btn>span>span svg>path{stroke:var(--lf-ster);stroke-width:1.4;stroke-linejoin:round}.fb-stars .rp-star-btn{border-radius:50%}.fb-stars .rp-star-btn:focus-visible{outline:3px solid var(--lf-groen);outline-offset:0;box-shadow:none}@media (prefers-reduced-motion:no-preference){.fb-stars .rp-star-btn>span{transition:transform .14s ease-out}.fb-stars .rp-star-btn:active>span{transform:scale(.92)}}.fb-intern,.fb-kies,.fb-vervolg{display:flex;flex-direction:column;gap:var(--space-4)}.fb-kies-top{text-align:center;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-1)}.fb-choice,.fb-kies-top{display:flex;align-items:center}.fb-choice{gap:var(--space-35);min-height:72px;padding:var(--space-4) var(--space-45);box-sizing:border-box;width:100%;border:1px solid var(--lf-lijn-sterk);border-radius:var(--lf-radius);background:var(--lf-bon);cursor:pointer;text-decoration:none;text-align:left;font:inherit;color:var(--lf-inkt);transition:border-color var(--transition-default),background var(--transition-default)}.fb-choice:hover{border-color:var(--lf-inkt-zacht)}.fb-choice__icon{flex:none;color:var(--klant-accent)}.fb-choice__ster{flex:none}.fb-choice__text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-05)}.fb-choice__title{font-size:var(--text-md-plus);font-weight:700;line-height:1.3}.fb-choice__sub{font-size:var(--text-md-sm);line-height:1.4;color:var(--lf-inkt-zacht)}.fb-choice__pijl{flex:none;font-weight:700;font-size:var(--text-md);color:var(--lf-inkt-zacht)}.fb-choice--primair{border:2px solid var(--klant-accent);background:color-mix(in oklab,var(--klant-accent),var(--lf-bon) 93%)}.fb-choice--primair:hover{border-color:var(--klant-accent);background:color-mix(in oklab,var(--klant-accent),var(--lf-bon) 88%)}.fb-choice--primair .fb-choice__pijl{color:var(--klant-accent)}.fb-choice--klein{min-height:60px;padding:var(--space-3) var(--space-4);border-color:var(--lf-lijn)}.fb-choice--klein .fb-choice__title{font-size:var(--text-base);font-weight:600}.fb-choice--klein .fb-choice__sub{font-size:var(--text-sm)}.fb-choice--los{margin-top:var(--space-2)}.fb-onderwerpen{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.fb-onderwerpen legend{padding:0;font-size:var(--text-base);font-weight:700;color:var(--lf-inkt)}.fb-onderwerpen__sub{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--lf-inkt-zacht)}.fb-onderwerpen__lijst{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.fb-onderwerp{display:inline-flex;align-items:center;gap:var(--space-25);min-height:var(--tap-target-min);padding:var(--space-25) var(--space-35);box-sizing:border-box;border:1px solid var(--lf-lijn-sterk);border-radius:var(--lf-radius-knop);background:var(--lf-bon);font-size:var(--text-md-sm);color:var(--lf-inkt);cursor:pointer}.fb-onderwerp:has(input:checked){border-color:var(--klant-accent);box-shadow:inset 0 0 0 1px var(--klant-accent);background:color-mix(in oklab,var(--klant-accent),var(--lf-bon) 92%)}.fb-onderwerp input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--klant-accent)}.fb-onderwerp:has(input:focus-visible){outline:3px solid var(--lf-groen);outline-offset:2px}.fb-onderwerp input:focus-visible{outline:none}.fb-page .rp-field{gap:var(--space-15)}.fb-page .rp-field__label{font-size:var(--text-base);font-weight:700;color:var(--lf-inkt)}.fb-page .rp-field__control{min-height:52px;font-size:var(--text-md-plus);border-radius:var(--lf-radius-knop);border-color:var(--lf-lijn-sterk);padding-inline:var(--space-35)}.fb-page textarea.rp-field__control{padding-block:var(--space-3);line-height:1.5;resize:vertical;min-height:128px}.fb-page .rp-field__control::placeholder{color:var(--lf-inkt-zacht);opacity:1}.fb-page .rp-field__control:focus-visible{outline:none;border-color:var(--lf-groen);box-shadow:0 0 0 1px var(--lf-groen),0 0 0 4px var(--lf-selectie)}.fb-page .rp-field--error .rp-field__control{border-color:var(--color-signal-red)}.fb-page .rp-field__error{font-size:var(--text-sm)}.fb-page .rp-btn.fb-btn-accent{width:100%;min-height:52px;height:auto;padding:var(--space-3) var(--space-5);border-radius:var(--lf-radius-knop);background:var(--klant-accent);color:var(--klant-accent-tekst);font-size:var(--text-md-plus);font-weight:700;line-height:1.25;white-space:normal;text-align:center}.fb-page .rp-btn.fb-btn-accent:hover:not(:disabled){background:color-mix(in oklab,var(--klant-accent),var(--klant-accent-weg) 25%)}.fb-page .rp-btn.fb-btn-accent:focus-visible{box-shadow:none}.fb-fout{margin:0;font-size:var(--text-md-sm);line-height:1.5;color:var(--color-signal-red);text-align:center}.fb-back{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target-min);padding:var(--space-15) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--lf-inkt-zacht);text-align:center;text-decoration:underline;-webkit-text-decoration-color:var(--lf-lijn-sterk);text-decoration-color:var(--lf-lijn-sterk);text-underline-offset:.22em}.fb-back:hover{color:var(--lf-inkt);-webkit-text-decoration-color:var(--lf-inkt);text-decoration-color:var(--lf-inkt)}.fb-back{gap:var(--space-15)}.fb-back__pijl{flex:none}.fb-back:focus-visible{outline:3px solid var(--lf-groen);outline-offset:0;border-radius:var(--lf-radius-knop)}.fb-intern__onder{display:flex;flex-direction:column;align-items:center}.fb-intern__intro{margin-top:calc(var(--space-2) * -1)}.fb-klaar,.fb-vervolg__top{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fb-klaar .fb-choice{margin-top:var(--space-4)}.fb-klaar__check{width:48px;height:48px;border-radius:50%;background:var(--lf-doek);color:var(--lf-groen);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.fb-tel{display:flex;gap:var(--space-2);align-items:stretch}.fb-tel__nummer{flex:1 1 auto;min-width:0}.fb-tel__hint{margin:calc(var(--space-1) * -1) 0 0;font-size:var(--text-sm);line-height:1.5;color:var(--lf-inkt-zacht)}.fb-cc{position:relative;flex:0 0 auto;width:120px}.fb-cc__knop{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-1);width:100%;white-space:nowrap;cursor:pointer}.fb-page .fb-cc__knop{padding-inline:var(--space-25)}.fb-cc__huidig{font-size:var(--text-md-sm);overflow:hidden;text-overflow:ellipsis}.fb-cc__knop .rp-select__chevron{flex:none}.fb-cc__paneel{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:280px;max-width:calc(100vw - 2 * var(--fb-rand));box-sizing:border-box;background:var(--lf-bon);border:1px solid var(--lf-lijn);border-radius:var(--lf-radius);box-shadow:var(--lf-schaduw-voorwerp);padding:var(--space-2)}.fb-cc__zoek{width:100%;margin-bottom:var(--space-15)}.fb-cc__lijst{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.fb-cc__optie{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-25);width:100%;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-25);border-radius:var(--radius-input);cursor:pointer;font-size:var(--text-md-sm);color:var(--lf-inkt)}.fb-cc__optie:hover,.fb-cc__optie[aria-selected=true]{background:var(--lf-doek)}.fb-cc__optie:focus-visible{outline:3px solid var(--lf-groen);outline-offset:-3px}.fb-cc__vlag{flex:none}.fb-cc__land{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-cc__optiecode{flex:none;color:var(--lf-inkt-zacht);font-feature-settings:var(--feature-tnum)}.fb-cc__leeg{padding:var(--space-3);font-size:var(--text-sm)}.fb-cc__leeg,.fb-footer{color:var(--lf-inkt-zacht);text-align:center}.fb-footer{width:100%;max-width:440px;margin:var(--space-8) 0 0;font-size:var(--text-2sm);line-height:1.5}.fb-onbekend{margin-block:auto;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-8)}.fb-demo,.fb-onbekend{text-align:center;display:flex;align-items:center}.fb-demo{justify-content:center;flex-wrap:wrap;gap:0 var(--space-3);padding:var(--space-1) var(--space-4);background:var(--lf-groen-diep);color:var(--lf-op-groen);font-size:var(--text-md-sm);line-height:1.4}.fb-demo p{margin:0;padding-top:var(--space-2)}.fb-demo__link{display:inline-flex;align-items:center;min-height:var(--tap-target-min);padding:0 var(--space-2);color:inherit;font-weight:700;text-decoration:underline;-webkit-text-decoration-color:var(--lf-op-groen-zacht);text-decoration-color:var(--lf-op-groen-zacht);text-underline-offset:.22em}.fb-demo__link:focus-visible{outline:3px solid var(--lf-lamp);outline-offset:0;border-radius:4px}.fb-demo+.fb-page{min-height:calc(100vh - 108px);min-height:calc(100dvh - 108px)}@media (min-width:440px){.fb-demo+.fb-page{min-height:calc(100vh - 88px);min-height:calc(100dvh - 88px)}}@media (min-width:480px){.fb-demo+.fb-page{min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px)}}@media (min-width:700px){.fb-demo+.fb-page{min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px)}}@media (min-width:480px){.fb-onderwerpen__lijst{display:flex;flex-wrap:wrap}.fb-demo p{padding-top:0}}@media (min-width:640px){.fb-page{background:var(--lf-doek)}.fb-page:before{display:none}.fb-main{padding:clamp(40px,9vh,96px) var(--space-6) var(--space-8)}.fb-kaart{flex:none;max-width:480px;background:var(--lf-bon);border-radius:var(--lf-radius);box-shadow:var(--lf-schaduw-zacht);border-top:6px solid var(--klant-accent);padding:var(--space-8) 40px;box-sizing:border-box}.fb-head{flex-direction:row;text-align:left;gap:var(--space-4);padding-bottom:var(--space-6)}.fb-head .fb-avatar{width:56px;height:56px;margin-bottom:0;font-size:var(--text-md)}.fb-head__tekst{min-width:0}.fb-stap{padding-top:var(--space-8)}.fb-kaart:has(.fb-start){padding-bottom:var(--space-8)}.fb-start{padding:var(--space-2) 0 var(--space-4)}.fb-onbekend{padding:var(--space-6) 0}.fb-footer{max-width:480px;margin-top:var(--space-5)}}.fb-stap [tabindex="-1"]:focus{outline:none}.fb-vangveld{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}