@font-face{font-family:Silkscreen;src:url(../fonts/Silkscreen-Regular.ttf) format("truetype");font-display:block}html.met-bord{--bord-rij: 40px;--bord-hoogte: calc(env(safe-area-inset-top, 0px) + var(--bord-rij));--bovenrand: calc(var(--bord-hoogte) + var(--ruimte-kaartrand))}.koersbord{position:fixed;z-index:2;top:0;left:0;right:0;box-sizing:border-box;height:var(--bord-hoogte);padding-top:env(safe-area-inset-top,0px);background:var(--kleur-bord);border-bottom:1px solid var(--kleur-bord);box-shadow:inset 0 -2px 6px var(--kleur-bord-schaduw);-webkit-tap-highlight-color:transparent}.koersbord canvas{display:block;width:100%;height:var(--bord-rij);cursor:pointer;touch-action:pan-y}.koers-lijst,.koers-lijst *{margin:0}.koers-lijst{list-style:none;padding:0}.koers-lijst>li{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.koers-lijst>li:focus-within{z-index:1;left:0;right:0;top:env(safe-area-inset-top,0px);width:auto;height:var(--bord-rij);clip:auto;display:flex;align-items:center;padding:0 12px;background:var(--kleur-bord)}.koers-lijst>li:focus-within>span,.koers-lijst>li:focus-within>ol{display:none}.koers-lijst a{color:var(--kleur-kaartje);font:600 14px/1.2 system-ui,sans-serif}.koers-lijst a:focus-visible{outline:2px solid var(--kleur-kaartje);outline-offset:2px}.koersbord:before,.koersbord:after{content:"";position:absolute;bottom:0;height:var(--bord-rij);width:18px;z-index:1;pointer-events:none}.koersbord:before{left:0;background:linear-gradient(90deg,var(--kleur-bord),transparent)}.koersbord:after{right:0;background:linear-gradient(270deg,var(--kleur-bord),transparent)}