.traject{gap:32px;display:grid}.traject-invoer{margin:0}.traject-veld{align-content:start;gap:6px;min-width:0;display:grid}.traject-hint{color:var(--inkt-zacht);font-size:.875rem}.traject-uitkomst{border-top:2px solid var(--lijn);align-content:start;gap:14px;min-width:0;padding-top:18px;display:grid}.traject-uitkomst p{margin:0}.traject-prijs strong{font-variation-settings:"wdth" 76;letter-spacing:-.03em;font-size:clamp(2.5rem,11vw,3.25rem);font-weight:800;line-height:.95;display:block}.traject-fout,.traject-tijd{font-weight:700}.traject-maandkop{color:var(--inkt-zacht);font-size:.9375rem}.traject .traject-maand{font-family:var(--mono);margin:0;padding:0;font-size:.9375rem;list-style:none;display:grid}.traject .traject-maand li{border-top:2px solid var(--lijn-zacht);margin:0;padding:8px 0}.traject .traject-maand li:last-child{border-bottom:2px solid var(--lijn-zacht)}.traject-noot{color:var(--inkt-zacht);font-size:.9375rem}@media (min-width:48rem){.traject-invoer{column-gap:var(--goot);grid-template-columns:repeat(2,minmax(0,1fr))}.traject-prijs strong{font-size:clamp(3.5rem,6vw,5rem)}.traject .traject-maand{column-gap:var(--goot);grid-template-columns:repeat(3,minmax(0,1fr))}.traject .traject-maand li:last-child{border-bottom:0}}@media (min-width:68rem){.traject-prijs strong{font-size:clamp(3rem,4.4vw,4rem)}.traject{column-gap:var(--goot);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.traject-invoer{grid-column:1/7;grid-template-columns:1fr}.traject-uitkomst{grid-column:7/13;position:sticky;top:24px}.traject .traject-maand{grid-template-columns:1fr}.traject .traject-maand li:last-child{border-bottom:2px solid var(--lijn-zacht)}}.trajectlat{min-width:0;margin:0}.trajectlat-vlak,.trajectlat-staaf{position:relative}.trajectlat-vol{gap:2px;transition:width .2s cubic-bezier(.16,1,.3,1),height .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute}.trajectlat-vol i{flex:var(--deel) 1 0;min-width:2px;min-height:2px;display:block}[data-deel=intake]{--deel-vlak:var(--inkt)}[data-deel=sessies]{--deel-vlak:var(--blauw-tekst)}.trajectlat-vol i{background:var(--deel-vlak)}.trajectlat-vol i[data-deel=eromheen],.traject .trajectlat-legenda [data-deel=eromheen] i{background:repeating-linear-gradient(135deg, var(--blauw-tekst) 0 2px, transparent 2px 7px);box-shadow:inset 0 0 0 2px var(--blauw-tekst)}.trajectlat-as{font-family:var(--mono);color:var(--inkt-zacht);font-size:.8125rem;position:relative}.trajectlat-as span{white-space:nowrap;position:absolute}.trajectlat figcaption{margin-top:12px}.traject .trajectlat-legenda{font-family:var(--mono);color:var(--inkt);gap:6px;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.traject .trajectlat-legenda li{align-items:center;gap:10px;margin:0;display:flex}.traject .trajectlat-legenda i{background:var(--deel-vlak);flex:none;width:22px;height:14px}@media (min-width:48rem){.trajectlat-staaf{background-image:linear-gradient(to right, var(--lijn-zacht) 2px, transparent 2px);background-size:calc(100% / var(--vakken)) 100%;height:56px;box-shadow:inset -2px 0 0 var(--lijn-zacht);background-repeat:repeat-x}.trajectlat-vol{width:calc(var(--vol) * 1%);flex-direction:row;top:0;bottom:0;left:0}.trajectlat-as{border-top:2px solid var(--inkt);background-image:linear-gradient(to right, var(--inkt) 2px, transparent 2px);background-size:calc(100% / var(--vakken)) 12px;background-repeat:repeat-x;height:40px}.trajectlat-as:after{content:"";background:var(--inkt);width:2px;height:12px;position:absolute;top:0;right:0}.trajectlat-as span{top:16px;left:calc(var(--p) * 1%);transform:translate(-50%)}.trajectlat-as span:first-child{transform:none}.trajectlat-as span:last-child{transform:translate(-100%)}.traject .trajectlat-legenda{grid-auto-flow:column;justify-content:start;column-gap:24px}}@media (min-width:68rem){.traject .trajectlat-legenda{grid-auto-flow:row}}@media (max-width:47.99rem){.trajectlat{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:16px;display:grid}.trajectlat-vlak{grid-template-columns:52px 48px;column-gap:10px;height:260px;display:grid}.trajectlat-as{border-right:2px solid var(--inkt);background-image:linear-gradient(to top, var(--inkt) 2px, transparent 2px);background-size:12px calc(100% / var(--vakken));background-position:100% 100%;background-repeat:repeat-y;grid-area:1/1;height:100%}.trajectlat-as:after{content:"";background:var(--inkt);width:12px;height:2px;position:absolute;top:0;right:0}.trajectlat-as span{right:16px;bottom:calc(var(--p) * 1%);transform:translateY(50%)}.trajectlat-as span:first-child{transform:none}.trajectlat-as span:last-child{top:-2px;bottom:auto;transform:translateY(0)}.trajectlat-staaf{border-bottom:2px solid var(--inkt);background-image:linear-gradient(to top, var(--lijn-zacht) 2px, transparent 2px);background-size:100% calc(100% / var(--vakken));height:100%;box-shadow:inset 0 2px 0 var(--lijn-zacht);background-position:0 100%;background-repeat:repeat-y;grid-area:1/2}.trajectlat-vol{height:calc(var(--vol) * 1%);flex-direction:column-reverse;bottom:0;left:0;right:0}.trajectlat figcaption{margin:0}}.traject-veld input[inputmode]{font-family:var(--letter-kop);font-weight:800;font-size:1.375rem!important}.traject-schuif{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0}.traject-schuif::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--kleur-inkt) 16%, transparent);border-radius:3px;height:6px}.traject-schuif::-moz-range-track{background:color-mix(in srgb, var(--kleur-inkt) 16%, transparent);border-radius:3px;height:6px}.traject-schuif::-webkit-slider-thumb{appearance:none;background:var(--kleur-kobalt-tekst);border:4px solid var(--kleur-vlak);border-radius:50%;width:32px;height:32px;margin-top:-13px;box-shadow:0 2px 6px #0f1b3d40}.traject-schuif::-moz-range-thumb{background:var(--kleur-kobalt-tekst);border:4px solid var(--kleur-vlak);border-radius:50%;width:26px;height:26px}.traject-schuif:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:2px;border-radius:var(--rand-klein)}.traject-zwevend{display:none}@media (max-width:47.99rem){.traject-invoer{gap:24px!important}}@media (max-width:63.99rem){.traject{position:relative}.traject-zwevend{top:calc(var(--kopbalk) + 8px);z-index:5;border-radius:var(--rand-pil);background:var(--kleur-kobalt);color:#fff;box-shadow:var(--schaduw);justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:12px 20px;display:flex;position:sticky}.traject-zwevend span{font-family:var(--letter-kop);font-weight:700;font-size:var(--maat-fijn);color:var(--kleur-op-kobalt-zacht)}.traject-zwevend strong{font-family:var(--letter-kop);letter-spacing:-.03em;font-size:1.75rem;font-weight:900;line-height:1}}@media (min-width:48rem) and (max-width:63.99rem){.traject{grid-template-columns:minmax(0,1fr) 200px;align-items:start;column-gap:20px}.traject-invoer{grid-area:1/1}.traject-zwevend{border-radius:var(--rand-groot);flex-direction:column;grid-area:1/2;align-items:flex-start;gap:6px;padding:18px 20px}.traject-zwevend strong{font-size:2.25rem}.traject-uitkomst{grid-area:2/1/auto/-1}}@media (max-width:47.99rem){.traject-veld input{scroll-margin-block:calc(var(--kopbalk) + 88px) 112px}}