.stopp{--stopp-h:260vh;--stopp-n:1;--stopp-gut:clamp(24px, 5vw, 80px);height:var(--stopp-h);view-timeline-name:--stopp;view-timeline-axis:block;position:relative}@media (max-width:768px){.stopp{--stopp-h:200vh}}.stopp-panel{height:100svh;box-sizing:border-box;align-items:center;padding-block-start:var(--nav-h,66px);display:grid;position:sticky;top:0;overflow-x:clip}.stopp-innehall{width:100%;max-width:var(--sek-max,1180px);padding-inline:var(--stopp-gut);box-sizing:border-box;margin-inline:auto}[data-stopp-steg="1"]{--stopp-steg:1}[data-stopp-steg="2"]{--stopp-steg:2}[data-stopp-steg="3"]{--stopp-steg:3}[data-stopp-steg="4"]{--stopp-steg:4}[data-stopp-steg="5"]{--stopp-steg:5}[data-stopp-steg="6"]{--stopp-steg:6}[data-stopp-steg="7"]{--stopp-steg:7}[data-stopp-steg="8"]{--stopp-steg:8}.stopp-in,.stopp-in-ut{opacity:0;transform:translateY(24px)scale(.96)}.stopp-linje{left:var(--stopp-gut);right:var(--stopp-gut);background:var(--color-champagne,#b08d57);transform-origin:0;pointer-events:none;height:1px;position:absolute;bottom:24px;transform:scaleX(0)}.stopp-rita{stroke-dasharray:1;stroke-dashoffset:1px}.stopp-rail{left:max(16px, calc(var(--stopp-gut) - 44px));pointer-events:none;flex-direction:column;gap:14px;height:max-content;margin-block:auto;margin-inline:0;padding:0;list-style:none;display:none;position:absolute;top:0;bottom:0}@media (min-width:768px){.stopp-rail{display:flex}}.stopp-rail-tal{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-brod,#ffffffb8);font-variant-numeric:tabular-nums;font-size:11px;line-height:1;display:block;position:relative}.stopp-rail-tal--aktiv{color:var(--color-champagne-soft,#e8cfa3);opacity:0;position:absolute;inset:0}@supports (animation-timeline:view()){[data-stopp-steg]{--stopp-fran:calc((var(--stopp-steg,1) - 1) / var(--stopp-n,1) * 100);--stopp-till:calc(var(--stopp-steg,1) / var(--stopp-n,1) * 100);animation-timeline:--stopp;animation-range:contain calc(var(--stopp-fran) * 1%) contain calc(var(--stopp-till) * 1%);animation-timing-function:linear;animation-fill-mode:both}.stopp-in{animation-name:stopp-in}.stopp-in-ut{animation-name:stopp-in-ut}.stopp-rita{animation-name:stopp-rita}.stopp-rail-tal--aktiv{animation-name:stopp-markor}.stopp-linje{animation-name:stopp-linje;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--stopp;animation-range:contain}@keyframes stopp-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes stopp-in-ut{0%{opacity:0;transform:translateY(24px)scale(.96)}20%{opacity:1;transform:none}85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}@keyframes stopp-linje{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stopp-rita{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes stopp-markor{0%{opacity:0}4%{opacity:1}96%{opacity:1}to{opacity:.55}}}@media (max-width:768px){.stopp--fri-mobil{height:auto}.stopp--fri-mobil .stopp-panel{height:auto;padding-block:clamp(64px,12vw,96px);position:static}.stopp--fri-mobil [data-stopp-steg],.stopp--fri-mobil .stopp-linje{animation:none}.stopp--fri-mobil .stopp-in,.stopp--fri-mobil .stopp-in-ut{opacity:1;transform:none}.stopp--fri-mobil .stopp-linje{transform:scaleX(1)}.stopp--fri-mobil .stopp-rita{stroke-dashoffset:0}.stopp--fri-mobil .stopp-rail-tal--aktiv{opacity:.6}}@supports not (animation-timeline:view()){.stopp{height:auto}.stopp-panel{height:auto;position:static}.stopp-in,.stopp-in-ut{opacity:1;transform:none}.stopp-linje{transform:scaleX(1)}.stopp-rita{stroke-dashoffset:0}.stopp-rail-tal--aktiv{opacity:.6}}