.onb{max-width:34rem;margin:0 auto;padding-bottom:var(--fts-space-16);display:flex;flex-direction:column;min-height:calc(100dvh - var(--fts-space-20))}.onb-voet{margin-top:auto;padding-top:var(--fts-space-8);color:var(--fts-content-tertiary);font-size:var(--fts-text-footnote-size);text-align:center}.onb-stap{display:flex;flex-direction:column;gap:var(--fts-space-4);view-transition-name:onb-stap}.onb-stap--hero{gap:var(--fts-space-5)}.onb-hero{position:relative;margin:calc(-1 * var(--fts-space-section-padding)) calc(-1 * var(--fts-space-screen-margin)) 0;height:220px;overflow:hidden;border-bottom-left-radius:var(--fts-radius-lg);border-bottom-right-radius:var(--fts-radius-lg)}.onb-hero__motief{display:block;width:100%;height:100%}.onb-hero:after{content:"";position:absolute;inset-inline:0;bottom:0;height:64px;background:linear-gradient(to bottom,transparent,var(--fts-surface-base));pointer-events:none}@media(prefers-reduced-motion:no-preference){.onb-hero__zon{transform-box:fill-box;transform-origin:center;animation:onb-zon-op var(--fts-spring-smooth-duration) var(--fts-ease-out) both}.onb-hero__streep line{animation:onb-streep-in var(--fts-duration-slow) var(--fts-ease-out) both}.onb-hero__streep line:nth-child(1){animation-delay:.12s}.onb-hero__streep line:nth-child(2){animation-delay:.2s}.onb-hero__streep line:nth-child(3){animation-delay:.28s}.onb-hero__streep line:nth-child(4){animation-delay:.36s}.onb-hero__weg{animation:onb-weg-in var(--fts-duration-slow) var(--fts-ease-out) both}}@keyframes onb-zon-op{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onb-streep-in{0%{opacity:0}to{opacity:.85}}@keyframes onb-weg-in{0%{opacity:0}to{opacity:1}}.onb-hero__titel{margin-top:var(--fts-space-2)}.onb-belofte{list-style:none;margin:var(--fts-space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--fts-space-3)}.onb-belofte li{position:relative;padding-left:var(--fts-space-6);font-size:var(--fts-text-callout-size);color:var(--fts-content-secondary)}.onb-belofte li:before{content:"";position:absolute;left:0;top:.4em;width:10px;height:10px;border-radius:var(--fts-radius-full);background:var(--fts-brand-default)}.onb-merk{display:flex;align-items:center;gap:var(--fts-space-2);margin:0 0 var(--fts-space-4);font-size:var(--fts-text-subhead-size);font-weight:600;color:var(--fts-content-secondary)}.onb-merk__icoon{border-radius:6px;display:block}.onb-lead{font-size:var(--fts-text-body-size);line-height:var(--fts-text-body-line);color:var(--fts-content-primary)}.onb-sub,.onb-hint{font-size:var(--fts-text-subhead-size);line-height:var(--fts-text-subhead-line);color:var(--fts-content-secondary)}.onb-progressie{display:flex;gap:var(--fts-space-2);margin-bottom:var(--fts-space-6)}.onb-progressie__stip{height:4px;flex:1;border-radius:var(--fts-radius-full);background:var(--fts-border-separator);transition:background var(--fts-duration-normal) var(--fts-ease-ios)}.onb-progressie__stip[data-gedaan],.onb-progressie__stip[data-actief]{background:var(--fts-brand-default)}.onb-knoppen{display:flex;justify-content:space-between;align-items:center;gap:var(--fts-space-3);margin-top:var(--fts-space-4)}.onb-zoek{display:flex;gap:var(--fts-space-2);align-items:flex-end;flex-wrap:wrap}.onb-veld-houder{position:relative;flex:1 1 14rem}.onb-veld{display:flex;flex-direction:column;gap:var(--fts-space-1);font-size:var(--fts-text-subhead-size);color:var(--fts-content-secondary)}.onb-veld-invoer{position:relative;display:flex;align-items:center}.onb-veld input{width:100%;height:50px;border-radius:var(--fts-radius-input);border:1px solid var(--fts-border-strong);background:var(--fts-surface-elevated);color:var(--fts-content-primary);padding:0 var(--fts-space-4);font-size:var(--fts-text-body-size);transition:border-color var(--fts-duration-fast) var(--fts-ease-ios),box-shadow var(--fts-duration-fast) var(--fts-ease-ios)}.onb-veld input:focus-visible{outline:none;border-color:var(--fts-brand-default);box-shadow:0 0 0 3px var(--fts-border-focus)}.onb-zoek .fts-button{align-self:flex-end;min-height:50px}.onb-spinner{position:absolute;right:var(--fts-space-3);width:18px;height:18px;border-radius:var(--fts-radius-full);border:2px solid var(--fts-border-strong);border-top-color:var(--fts-brand-default);pointer-events:none}@media(prefers-reduced-motion:no-preference){.onb-spinner{animation:onb-spin .7s linear infinite}}@keyframes onb-spin{to{transform:rotate(360deg)}}.onb-suggesties{position:absolute;z-index:var(--fts-z-toast);top:calc(100% + var(--fts-space-1));left:0;right:0;list-style:none;margin:0;padding:var(--fts-space-1);border-radius:var(--fts-radius-md);background:var(--fts-surface-overlay);border:var(--fts-hairline) solid var(--fts-border-separator);box-shadow:var(--fts-shadow-lg);max-height:17rem;overflow-y:auto;overscroll-behavior:contain}@media(prefers-reduced-motion:no-preference){.onb-suggesties{animation:onb-pop-in var(--fts-duration-fast) var(--fts-ease-out) both;transform-origin:top center}}@keyframes onb-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.onb-suggestie{display:flex;align-items:center;gap:var(--fts-space-2);width:100%;text-align:left;min-height:44px;padding:var(--fts-space-2) var(--fts-space-3);border-radius:var(--fts-radius-sm);background:transparent;color:var(--fts-content-secondary);border:0;font-size:var(--fts-text-callout-size);cursor:pointer;transition:background var(--fts-duration-tap) var(--fts-ease-ios)}.onb-suggestie__pin{flex:none;color:var(--fts-content-tertiary)}.onb-suggestie__naam{min-width:0}.onb-suggestie[data-actief],.onb-suggestie:hover{background:var(--fts-surface-raised);color:var(--fts-content-primary)}.onb-suggestie[data-actief] .onb-suggestie__pin,.onb-suggestie:hover .onb-suggestie__pin{color:var(--fts-brand-emphasis)}.onb-suggestie__match{color:var(--fts-content-primary);font-weight:700}.onb-fallback{font-size:var(--fts-text-footnote-size);color:var(--fts-content-secondary)}.onb-fallback--gps,.onb-fallback--error{display:flex;align-items:center;gap:var(--fts-space-2)}.onb-fallback--gps{color:var(--fts-intent-warning-content)}.onb-fallback--error{color:var(--fts-intent-danger-content, var(--fts-content-secondary))}.onb-fallback--gps svg,.onb-fallback--error svg{flex:none}@media(prefers-reduced-motion:no-preference){.onb-fallback{animation:onb-pop-in var(--fts-duration-fast) var(--fts-ease-out) both}}.onb-pinkaart-blok{display:flex;flex-direction:column;gap:var(--fts-space-2)}.onb-pinkaart{position:relative;border-radius:var(--fts-radius-md);overflow:hidden;border:var(--fts-hairline) solid var(--fts-border-separator)}.onb-pinkaart__bijschrift{font-size:var(--fts-text-footnote-size);color:var(--fts-content-tertiary);text-align:center}.onb-pinkaart__adres{display:flex;align-items:center;gap:var(--fts-space-2);min-height:22px;font-size:var(--fts-text-subhead-size);line-height:var(--fts-text-subhead-line);color:var(--fts-content-primary)}.onb-pinkaart__adres svg{flex:none;color:var(--fts-brand-emphasis)}.onb-pinkaart__adres-tekst{min-width:0}.onb-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);width:44px;height:56px;display:grid;place-items:end center;padding:0;background:none;border:0;cursor:default;pointer-events:none}.onb-pin:focus-visible{outline:2px solid var(--fts-border-focus);outline-offset:2px;border-radius:var(--fts-radius-sm)}.onb-pin__schaduw{position:absolute;left:50%;bottom:1px;width:16px;height:5px;transform:translate(-50%);border-radius:var(--fts-radius-full);background:var(--fts-surface-scrim);filter:blur(1px)}.onb-pin__teken{filter:drop-shadow(0 3px 5px var(--fts-surface-scrim))}@media(prefers-reduced-motion:no-preference){.onb-pin:not([data-dragging]) .onb-pin__teken{animation:onb-pin-drop var(--fts-spring-bouncy-duration) var(--fts-spring-bouncy) both;transform-origin:bottom center}.onb-pin:not([data-dragging]) .onb-pin__schaduw{animation:onb-pin-schaduw var(--fts-spring-bouncy-duration) var(--fts-spring-bouncy) both}}@keyframes onb-pin-drop{0%{transform:translateY(-22px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes onb-pin-schaduw{0%{transform:translate(-50%) scaleX(.4);opacity:0}to{transform:translate(-50%) scaleX(1);opacity:1}}.onb-vraag{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--fts-space-2)}.onb-vraag legend{font-size:var(--fts-text-subhead-size);font-weight:600;color:var(--fts-content-primary);padding:0}.onb-chipgroep{display:flex;flex-wrap:wrap;gap:var(--fts-space-2)}.onb-inschatting{font-size:var(--fts-text-callout-size);color:var(--fts-content-secondary)}.onb-ftp summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:var(--fts-text-subhead-size);color:var(--fts-brand-subtle-content)}.onb-ftp[open] summary{margin-bottom:var(--fts-space-2)}.onb-slider{display:flex;flex-direction:column;gap:var(--fts-space-2);font-size:var(--fts-text-subhead-size);color:var(--fts-content-secondary);margin-top:var(--fts-space-4)}.onb-slider input[type=range]{width:100%;height:44px;accent-color:var(--fts-brand-default)}.onb-eigen{display:flex;gap:var(--fts-space-3);flex-wrap:wrap}@media(prefers-reduced-motion:no-preference){:root[data-onb-richting]::view-transition-group(onb-stap){animation-duration:var(--fts-duration-slow);overflow:clip}:root[data-onb-richting]::view-transition-image-pair(onb-stap){isolation:auto}:root[data-onb-richting]::view-transition-old(onb-stap),:root[data-onb-richting]::view-transition-new(onb-stap){height:100%;width:100%;mix-blend-mode:normal}:root[data-onb-richting=vooruit]::view-transition-old(onb-stap){animation:onb-uit-links var(--fts-duration-slow) var(--fts-ease-ios) both}:root[data-onb-richting=vooruit]::view-transition-new(onb-stap){animation:onb-in-rechts var(--fts-duration-slow) var(--fts-ease-ios) both}:root[data-onb-richting=terug]::view-transition-old(onb-stap){animation:onb-uit-rechts var(--fts-duration-slow) var(--fts-ease-ios) both}:root[data-onb-richting=terug]::view-transition-new(onb-stap){animation:onb-in-links var(--fts-duration-slow) var(--fts-ease-ios) both}}@keyframes onb-in-rechts{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes onb-uit-links{0%{opacity:1;transform:translate(0)}to{opacity:.4;transform:translate(-30%)}}@keyframes onb-in-links{0%{opacity:.4;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}@keyframes onb-uit-rechts{0%{transform:translate(0)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.onb-stap{view-transition-name:none}}.onb-evictie{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--fts-space-20) + env(safe-area-inset-bottom) + var(--fts-space-2));z-index:var(--fts-z-toast);width:min(420px,calc(100vw - 2 * var(--fts-space-4)));display:flex;flex-direction:column;gap:var(--fts-space-3);padding:var(--fts-space-4);border-radius:var(--fts-radius-lg);background:var(--fts-surface-overlay);border:var(--fts-hairline) solid var(--fts-border-separator);box-shadow:var(--fts-shadow-lg)}.onb-evictie__kop{font-size:var(--fts-text-callout-size);font-weight:600;color:var(--fts-content-primary)}.onb-evictie__body{margin-top:var(--fts-space-1);font-size:var(--fts-text-footnote-size);color:var(--fts-content-secondary)}.onb-evictie[data-risico]{border-color:var(--fts-intent-warning)}.onb-evictie__acties{display:flex;gap:var(--fts-space-2);align-items:center}@media(prefers-reduced-motion:no-preference){.onb-evictie{animation:onb-evictie-in var(--fts-duration-snappy, .24s) var(--fts-ease-ios, ease-out)}}@keyframes onb-evictie-in{0%{opacity:0;transform:translate(-50%,var(--fts-space-3))}to{opacity:1;transform:translate(-50%)}}