.teller,.teller-bereik,[data-telt-op]{font-variant-numeric:tabular-nums}.teller-bereik{display:contents}.teller__woord{white-space:nowrap}.teller__cijfer{display:inline-block;position:relative}.teller__echt{opacity:0}.teller__telt{text-align:end;white-space:nowrap;position:absolute;inset:0}@media print{.teller__echt{opacity:1}.teller__telt{display:none}}.cijferblok{font-variant-numeric:tabular-nums;margin:2.25rem 0 0}.cijferblok__kop{letter-spacing:-.02em;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.15}.cijferblok__label{margin-top:.375rem;font-size:.9375rem;font-weight:700;line-height:1.3;display:block}.cijferblok__formule{max-width:38em;margin-top:.75rem;font-size:.9375rem;line-height:1.4}.pijler--petrol .cijferblok__label{color:var(--geel)}.pijler--petrol .cijferblok__formule{color:var(--op-petrol-zacht)}.schuif{--baan:var(--petrol);--knop-bol:var(--station);--knop-rand:var(--petrol);--ring:var(--petrol);margin-top:1rem;display:block}.schuif__label{font-size:.9375rem;font-weight:700;line-height:1.3;display:block}.schuif input{appearance:none;cursor:grab;touch-action:pan-y;background:0 0;width:100%;height:48px;margin:0;display:block}.schuif input:active{cursor:grabbing}.schuif input:focus-visible{outline:none}.schuif input::-webkit-slider-runnable-track{background:var(--baan);height:6px}.schuif input::-moz-range-track{background:var(--baan);height:6px}.schuif input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--knop-bol);border:6px solid var(--knop-rand);border-radius:50%;width:34px;height:34px;margin-top:-14px}.schuif input::-moz-range-thumb{box-sizing:border-box;background:var(--knop-bol);border:6px solid var(--knop-rand);border-radius:50%;width:34px;height:34px}.schuif input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--ring);outline-offset:3px}.schuif input:focus-visible::-moz-range-thumb{outline:3px solid var(--ring);outline-offset:3px}.schuif__eindpunten{justify-content:space-between;margin-top:-.25rem;font-size:.875rem;font-weight:600;display:flex}html:not(.js) .schuif,html:not(.js) .werkdag__bediening,html:not(.js) .uren__veld,html.js .uren__zonder-js{display:none}.traject__lijn,.traject__stations{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.traject__lijn{height:96px;margin-top:1.25rem;position:relative}.traject__lijn:before{content:"";background:var(--petrol);height:2px;position:absolute;top:47px;left:0;right:0}.traject__deel{position:relative}.traject__dikte{background:var(--petrol);transform-origin:50%;transition:transform .18s var(--ease-uit);position:absolute;inset:0}.traject__bol{background:var(--station);border:6px solid var(--petrol);border-radius:50%;width:28px;height:28px;position:absolute;top:34px;left:0}.pijler--geel .traject{margin-bottom:2.5rem}@media (width<=860px){.pijler--geel .traject{margin-bottom:0}}.traject__stations{margin:.25rem 0 0}.traject__stations div{flex-direction:column-reverse;justify-content:flex-end;min-width:0;display:flex}.traject__stations dt{font-size:.9375rem;font-weight:600;line-height:1.2}.traject__stations dd{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;line-height:1.05}.werkdag__waarden{gap:clamp(1.25rem,3vw,2.5rem);margin:1.25rem 0 0;display:flex}.werkdag__waarden div{flex-direction:column-reverse;display:flex}.werkdag__waarden dt{max-width:15em;font-size:.9375rem;font-weight:600;line-height:1.2}.werkdag__waarden dd{letter-spacing:-.03em;color:var(--geel);margin:0;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;line-height:1.05}.werkdag__waarden div:last-child dd{color:var(--op-petrol)}.werkdag__spoor{min-height:48px;margin-top:3.25rem;position:relative}.werkdag__lijn{background:var(--petrol-zacht);pointer-events:none;height:14px;position:absolute;top:17px;left:17px;right:17px}.werkdag__spoor .schuif{--baan:transparent;--knop-bol:var(--geel);--knop-rand:var(--op-petrol);--ring:var(--geel);margin:0;position:relative}.werkdag__spoor .schuif__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.werkdag__gereden{background:var(--geel);transform-origin:0;position:absolute;inset:0}.werkdag__halte{left:calc(var(--plek) * 100%);background:var(--petrol);border:5px solid var(--op-petrol-zacht);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:background-color .15s,border-color .15s;position:absolute;top:50%}.werkdag__halte.is-bereikt{background:var(--station);border-color:var(--petrol)}.werkdag__tijd{font-size:.875rem;font-weight:700;line-height:1;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.werkdag__bediening{margin-top:.5rem}.werkdag__knop{min-width:13rem;min-height:48px}.werkdag__pictogram--pauze,.is-spelend .werkdag__pictogram--speel{display:none}.is-spelend .werkdag__pictogram--pauze{display:block}.sectie__binnen>.traject,.sectie__binnen>.werkdag{max-width:52rem;margin-top:clamp(3rem,5vw,4.5rem)}.sectie--petrol>.sectie__binnen>.werkdag .cijferblok__formule{color:var(--op-petrol-zacht)}.uren{margin:clamp(3rem, 5vw, 4.5rem) calc(var(--links) * -1) 0 0;padding:clamp(2rem, 4vw, 3.5rem) var(--links) clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3.5rem);background:var(--geel);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);display:grid}.uren h3{letter-spacing:-.03em;margin-bottom:.875rem;font-size:clamp(2rem,3.2vw,2.75rem)}.uren__invoer>p{max-width:34em}.uren__veld{margin-top:1.5rem}.uren__veld label{margin-bottom:.5rem;font-weight:700;display:block}.uren__teller{align-items:stretch;display:inline-flex}.uren__teller input{text-align:center;width:6.5rem;height:64px;font:inherit;color:var(--petrol);caret-color:var(--vermiljoen);background:var(--veld);border:3px solid var(--petrol);border-inline-width:0;border-radius:0;padding:0 .25rem;font-size:2.25rem;font-weight:800}.uren__stap{background:var(--petrol);width:64px;height:64px;color:var(--op-petrol);border:3px solid var(--petrol);cursor:pointer;border-radius:0;place-items:center;padding:0;transition:background-color .12s,color .12s;display:grid}@media (hover:hover){.uren__stap:hover{background:var(--papier);color:var(--petrol)}}.uren :focus-visible{outline-color:var(--petrol)}.uren__teller input:focus-visible{outline-offset:2px;z-index:1;position:relative}.uren__hint{min-height:2.8em;margin-top:.5rem;font-size:.9375rem;font-weight:600;line-height:1.4}.uren__hint.is-fout{font-weight:800}.uren__zonder-js{margin-top:1rem;font-weight:700}.uren__uitkomst .cijferblok__label{margin:0 0 .75rem;font-size:1.0625rem;font-weight:800}.uren__som{font-size:clamp(1.0625rem,1.5vw,1.25rem);font-weight:600;line-height:1.4}.uren__som strong{font-weight:800}.uren__groot{flex-wrap:wrap;align-items:baseline;gap:0 .75rem;margin-top:.25rem;display:flex}.uren__groot strong{letter-spacing:-.04em;min-width:3.1ch;font-size:clamp(3.5rem,7vw,6rem);font-weight:800;line-height:1}.uren__groot span{font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:700;line-height:1.2}.uren__noot{max-width:38em;margin-block:.875rem 1.5rem;font-size:.9375rem;line-height:1.4}@media (width<=900px){.uren{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.uren{padding-left:1.25rem;padding-right:var(--rand)}.uren__teller{display:flex}.uren__teller input{flex:1;width:auto;min-width:0}.uren .knop{width:100%}}.bordcijfer-cel{min-width:0;display:block;position:relative}.bordcijfer{background:var(--petrol);color:var(--op-petrol);border:3px solid var(--geel);opacity:0;pointer-events:none;transition:opacity .14s, transform .24s var(--ease-uit);flex-direction:column;justify-content:center;padding:.5rem .875rem;display:flex;position:absolute;inset:0;transform:translateY(6px)}.bordcijfer strong{letter-spacing:-.03em;color:var(--geel);font-size:clamp(2.5rem,5cqi,4rem);font-weight:800;line-height:1}.bordcijfer__label{margin-top:.25rem;font-size:1rem;font-weight:700;line-height:1.15}.bordcijfer__soort{color:var(--op-petrol-zacht);font-size:.8125rem;font-weight:600;line-height:1.2}.bord__rij>a:hover .bordcijfer,.bord__rij>a:focus-visible .bordcijfer{opacity:1;transform:none}@container (width<=820px){.bordcijfer-cel{grid-column:1/-1;margin-top:.625rem}.bordcijfer-cel .bord__beeld{margin-top:0}}@media (hover:none){.bordcijfer-cel{flex-direction:column-reverse;gap:.625rem;display:flex}.bordcijfer{opacity:1;background:0 0;border:0;padding:0;transition:none;position:static;transform:none}}@container (width<=820px){.bordcijfer-cel{flex-direction:column-reverse;gap:.625rem;display:flex}.bordcijfer{opacity:1;background:0 0;border:0;padding:0;transition:none;position:static;transform:none}@media (hover:hover){.bord__rij>a:hover .bordcijfer,.bord__rij>a:hover .bordcijfer strong,.bord__rij>a:hover .bordcijfer__soort{color:var(--petrol)}}}@media (width<=700px){.cijferblok__label,.cijferblok__formule,.schuif__label,.schuif__eindpunten,.uren__hint,.uren__noot,.traject__stations dt,.werkdag__waarden dt,.bordcijfer__label,.bordcijfer__soort{font-size:1rem}.werkdag__tijd{font-size:.9375rem}.traject__stations dt{overflow-wrap:anywhere}.werkdag__waarden{gap:1rem}.uren{padding-block:1.5rem;margin-top:2rem;padding-left:1rem}.uren h3{font-size:1.75rem}.uren__groot{gap:.25rem .5rem}.uren__groot strong{font-size:3.25rem}.uren__noot{margin-block:.75rem 1rem}.uren__hint{min-height:1.4em}}@media (prefers-reduced-motion:reduce){.traject__dikte,.werkdag__halte{transition:none}.bordcijfer{transition:none;transform:none}.werkdag__bediening{display:none}}
