.bn{--bn-onder:max(8px,calc(env(safe-area-inset-bottom) - 12px));--bn-rand:12px;--bn-binnen:4px;--bn-veer:cubic-bezier(0.32,1.32,0.52,1);--bn-schuif:520ms;--bn-glans:color-mix(in oklab,color-mix(in oklch,var(--color-night-raised) 40%,var(--color-white)) 70%,transparent);position:fixed;inset-inline:calc(var(--bn-rand) + max(env(safe-area-inset-left), env(safe-area-inset-right)));bottom:var(--bn-onder);max-width:30rem;margin-inline:auto;height:calc(var(--nav-h) - 6px);padding:0 var(--bn-binnen);display:flex;align-items:stretch;border-radius:999px;background:color-mix(in oklch,var(--color-night-raised) 78%,transparent);backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);border:1px solid color-mix(in oklab,var(--color-night-border) 70%,transparent);box-shadow:inset 0 1px 0 0 var(--bn-glans),0 12px 32px -12px color-mix(in oklab,var(--color-shadow-ink) 28%,transparent),0 2px 6px color-mix(in oklab,var(--color-shadow-ink) 6%,transparent);z-index:100;transform-origin:50% 100%;transition:transform .38s var(--bn-veer)}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.bn{background:color-mix(in oklch,var(--color-night-raised) 96%,transparent)}}.bn[data-klein]{transform:scale(.92) translateY(3px)}.bn-pil{position:absolute;top:var(--bn-binnen);bottom:var(--bn-binnen);inset-inline-start:var(--bn-binnen);width:calc((100% - 2 * var(--bn-binnen)) / var(--bn-aantal, 5));transform:translateX(calc(var(--bn-i, 0) * 100%));transition:transform var(--bn-schuif) var(--bn-veer);pointer-events:none}[dir=rtl] .bn-pil{transform:translateX(calc(var(--bn-i, 0) * -100%))}.bn-pil[data-zichtbaar=false]{opacity:0}.bn-pil-glas{position:absolute;inset:0 2px;border-radius:999px;background:color-mix(in oklab,var(--color-signaal) 13%,color-mix(in oklch,var(--color-night-raised) 72%,transparent));box-shadow:inset 0 1px 0 0 var(--bn-glans),inset 0 0 0 1px color-mix(in oklab,var(--color-signaal) 14%,transparent),0 4px 12px -6px color-mix(in oklab,var(--color-signaal) 50%,transparent)}.bn-pil-glas[data-rek=true]{animation:bn-rek var(--bn-schuif) var(--ease-out,ease-out)}@keyframes bn-rek{0%{transform:scale(1)}30%{transform:scale(1.22,.9)}65%{transform:scale(.97,1.03)}to{transform:scale(1)}}.bn-item{position:relative;flex:1 1;min-width:0;display:grid;place-content:center;justify-items:center;grid-gap:.15rem;gap:.15rem;min-height:48px;border-radius:999px;color:var(--color-ivory-dim);font-size:.68rem;letter-spacing:.02em;transition:color var(--duration-normal) var(--ease-calm)}.bn-icon{display:grid;place-items:center}.bn-item svg{width:1.45rem;height:1.45rem;stroke-width:1.6;transition:transform var(--duration-fast) var(--ease-out)}.bn-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-item[data-active=true]{color:var(--color-text);font-weight:600}.bn-item[data-active=true] .bn-icon{color:var(--color-signaal)}.bn-item[data-active=true] svg{fill:color-mix(in oklab,var(--color-signaal) 22%,transparent)}.bn-item:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.bn-item:active svg{transform:scale(.9)}@media (orientation:landscape) and (max-height:500px){.bn{--bn-onder:max(4px,calc(env(safe-area-inset-bottom) - 12px));height:var(--nav-h)}}@media (prefers-reduced-motion:reduce){.bn,.bn-item svg,.bn-pil{transition:none}.bn[data-klein]{transform:none}.bn-pil-glas[data-rek=true]{animation:none}}body[data-weergave=rustig] .bn,body[data-weergave=rustig] .bn-item svg,body[data-weergave=rustig] .bn-pil{transition:none}body[data-weergave=rustig] .bn[data-klein]{transform:none}body[data-weergave=rustig] .bn-pil-glas[data-rek=true]{animation:none}:root{--dok-onder:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 0.5rem);--dok-boven:calc(env(safe-area-inset-top, 0px) + 3.25rem);--dok-marge:max(0.6rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--dok-links:0px}@media (min-width:1024px){:root{--dok-onder:calc(env(safe-area-inset-bottom, 0px) + 1.25rem);--dok-marge:1.25rem;--dok-links:var(--nav-w)}}.dok{position:fixed;right:var(--dok-marge);bottom:var(--dok-onder);width:min(28rem,calc(100vw - 2 * var(--dok-marge)));z-index:40;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.55rem .5rem .55rem .35rem;border-radius:16px;background:var(--color-surface-raised,var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--shadow-soft);touch-action:none;animation:dok-in .18s cubic-bezier(.23,1,.32,1)}.dok[data-sleept=true]{animation:none;cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.dok{animation:none}}@keyframes dok-in{0%{opacity:0}to{opacity:1}}.dok-meters{position:absolute;top:0;left:0;width:0;overflow:hidden;pointer-events:none;visibility:hidden}.dok-meet-boven{display:block;height:var(--dok-boven)}.dok-meet-onder{display:block;height:var(--dok-onder)}.dok-meet-marge{display:block;width:var(--dok-marge);height:0}.dok-meet-links{display:block;width:var(--dok-links);height:0}.dok-melding{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.dok-greep{display:inline-grid;place-items:center;width:28px;height:44px;border:0;background:transparent;color:var(--color-muted);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .14s cubic-bezier(.23,1,.32,1),color .14s ease,opacity .14s ease}.dok-greep:hover{color:var(--color-gold-deep);transform:scale(1.12)}.dok-greep:active{color:var(--color-gold-deep);transform:scale(.92)}.dok-greep:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px;color:var(--color-gold-deep)}.dok[data-sleept=true] .dok-greep{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.dok-greep{transition:none}.dok-greep:active,.dok-greep:hover,.dok[data-sleept=true] .dok-greep{transform:none}}.dok-tekst{display:grid;min-width:0;text-decoration:none;color:inherit;line-height:1.25}.dok-soort{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-deep)}.dok-titel{font-weight:600;font-size:.92rem}.dok-bron,.dok-titel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dok-bron{font-size:.74rem;color:var(--color-muted)}.dok-knop{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--color-gold-soft);color:var(--color-gold-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .14s ease}.dok-knop:hover{background:var(--color-gold-hi);transform:scale(1.06)}.dok-knop:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.dok-knop{transition:none}.dok-knop:active,.dok-knop:hover{transform:none}}.dok-knop:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}.dok-stop{background:transparent;color:var(--color-muted)}.dok-stop:hover{background:var(--color-surface);color:var(--color-text)}.app-shell{padding-bottom:5.5rem}