.naarboven{--nb-y:calc(-1 * var(--nb-onder, env(safe-area-inset-bottom, 0px)));position:fixed;right:max(16px,env(safe-area-inset-right));bottom:12px;z-index:47;display:grid;place-items:center;width:48px;height:48px;padding:0;margin:0;border:1px solid var(--rand-knop, var(--line-strong));border-radius:var(--r);background:var(--page);color:var(--accent);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 10%,transparent),0 6px 18px color-mix(in srgb,var(--ink) 14%,transparent);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:0;visibility:hidden;transform:translate3d(0,calc(var(--nb-y) + 8px),0);transition:opacity .18s cubic-bezier(.4,0,1,1),transform .18s cubic-bezier(.4,0,1,1),visibility 0s linear .18s,border-color .15s ease,color .15s ease,background-color .15s ease}.naarboven.is-aan{opacity:1;visibility:visible;transform:translate3d(0,var(--nb-y),0);transition:opacity .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s,border-color .15s ease,color .15s ease,background-color .15s ease}@media(hover:hover){.naarboven:hover{border-color:var(--accent);color:var(--accent-dk)}}.naarboven.is-aan:active{transform:translate3d(0,var(--nb-y),0) scale(.94);background:color-mix(in srgb,var(--mist) 45%,var(--page))}.naarboven:focus-visible{outline:2px solid var(--focus);outline-offset:3px}body.heeft-laag .naarboven,body.toetsenbord-open .naarboven,html.vvl-open .naarboven{opacity:0;visibility:hidden;transition:none}html:has(dialog[open]) .naarboven{opacity:0;visibility:hidden;transition:none}main[data-nb-doel]:focus{outline:none}.voet{padding-bottom:calc(22px + var(--mobielbalk-hoogte, 62px) + 48px)}@media(max-width:759.98px){.voet{padding-bottom:calc(42px + var(--mobielbalk-hoogte, 62px))}}@media(min-width:900px){.naarboven{display:none}}.naarboven[hidden]{display:none}@media(prefers-reduced-motion:reduce){.naarboven,.naarboven.is-aan,.naarboven.is-aan:active{transform:translate3d(0,var(--nb-y),0)}.naarboven{transition:opacity .12s linear,visibility 0s linear .12s}.naarboven.is-aan{transition:opacity .12s linear,visibility 0s}}@media(forced-colors:active){.naarboven{border-color:ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/pat-naar-boven.css.map */