.fas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:clamp(12px,1.2vw,16px);padding-left:clamp(24px,4vw,56px)}.fas__vanster{display:flex;flex-direction:column;justify-content:center;padding-block:clamp(36px,5vw,72px)}.fas__lista{margin-top:clamp(28px,3.4vw,44px);list-style:none}.fas__steg{position:relative;padding-block:6px}.fas__knapp{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline;width:100%;padding:10px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.5;transition:opacity .35s ease}.fas__steg--pa .fas__knapp{opacity:1}@media(hover:hover)and (pointer:fine){.fas__knapp:hover{opacity:.85}.fas__steg--pa .fas__knapp:hover{opacity:1}}.fas__no{color:var(--text-svagast);font-family:var(--serif);font-size:15px;font-variant-numeric:tabular-nums}.fas__namn{font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(21px,1.8vw,25px);letter-spacing:-.01em;line-height:1.15}.fas__text{display:grid;grid-template-rows:0fr;padding-left:44px;transition:grid-template-rows .45s cubic-bezier(.2,.8,.3,1)}.fas__text>div{overflow:hidden}.fas__text p{max-width:40ch;padding-bottom:10px;color:var(--text-svag);font-size:16px;line-height:1.5}.fas__steg--pa .fas__text{grid-template-rows:1fr}.fas__tid{display:block;height:1px;margin-left:44px;background:var(--kant);overflow:hidden;opacity:0;transition:opacity .3s ease}.fas__tid:after{content:"";display:block;height:100%;background:var(--text-svag);transform-origin:left}.fas__steg--pa .fas__tid{opacity:1}.fas--spelar .fas__steg--pa .fas__tid:after{animation:fas-tid var(--fas-tid, 6s) linear forwards}@keyframes fas-tid{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fas__paus{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;margin-top:18px;margin-left:44px;padding:0 14px;border:1px solid var(--kant);border-radius:var(--r-s);background:transparent;color:var(--text-svag);font:inherit;font-size:14px;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.fas__paus[hidden]{display:none}@media(hover:hover)and (pointer:fine){.fas__paus:hover{color:var(--text);border-color:var(--kant-stark);background:var(--fyll)}}.fas__paus-ikon{fill:currentColor}.fas__paus-ikon--spela,.fas__paus--stilla .fas__paus-ikon--paus{display:none}.fas__paus--stilla .fas__paus-ikon--spela{display:block}.fas__scen{position:relative;display:grid;place-items:center;min-height:520px;padding:clamp(28px,4vw,64px);border-radius:var(--r-s);background:radial-gradient(70% 60% at 50% 30%,rgb(var(--glod-rgb) / .12),rgb(var(--glod-rgb) / 0) 70%),var(--yta);overflow:hidden}.fas__ram{display:grid;place-items:center;width:min(100%,400px);padding:22px;border:1px solid var(--kant);border-radius:var(--r-m);background:var(--yta-upp);box-shadow:var(--skugga)}:root:not([data-tema=ljus]) .fas__scen{background:radial-gradient(70% 60% at 50% 30%,rgb(var(--glod-rgb) / .12),rgb(var(--glod-rgb) / 0) 70%),var(--yta-upp)}:root:not([data-tema=ljus]) .fas__ram{background:#222227}:root:not([data-tema=ljus]) .yta-ljus .fas__scen{background-color:var(--yta)}:root:not([data-tema=ljus]) .yta-ljus .fas__ram{background:var(--yta-upp)}.figur{grid-area:1 / 1;width:100%;opacity:0;transform:translateY(12px) scale(.98);filter:blur(4px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.3,1),filter .45s ease;pointer-events:none}.figur--mitt{display:grid;place-items:center}.fas[data-aktiv="1"] .figur[data-figur="1"],.fas[data-aktiv="2"] .figur[data-figur="2"],.fas[data-aktiv="3"] .figur[data-figur="3"],.fas[data-aktiv="4"] .figur[data-figur="4"]{opacity:1;transform:none;filter:none}@property --sken-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --sken-y{syntax: "<percentage>"; inherits: true; initial-value: 30%;}.fas{transition:--sken-x 1.2s cubic-bezier(.3,.7,.2,1),--sken-y 1.2s cubic-bezier(.3,.7,.2,1)}.js .fas[data-visa]{transition:opacity .8s ease var(--visa-vanta, 0s),transform 1s cubic-bezier(.2,.8,.2,1) var(--visa-vanta, 0s),filter .8s ease var(--visa-vanta, 0s),--sken-x 1.2s cubic-bezier(.3,.7,.2,1),--sken-y 1.2s cubic-bezier(.3,.7,.2,1)}.fas[data-aktiv="1"]{--sken-x: 30%;--sken-y: 22%}.fas[data-aktiv="2"]{--sken-x: 72%;--sken-y: 26%}.fas[data-aktiv="3"]{--sken-x: 50%;--sken-y: 50%}.fas[data-aktiv="4"]{--sken-x: 70%;--sken-y: 78%}.fas__scen,:root:not([data-tema=ljus]) .fas__scen{background-image:radial-gradient(70% 60% at var(--sken-x) var(--sken-y),rgb(var(--glod-rgb) / .16) 0%,rgb(var(--glod-rgb) / 0) 70%)}@keyframes figur-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rad-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes tona-in{0%{opacity:0}to{opacity:1}}.figur__fraga{margin-bottom:8px;padding:11px 14px;border:1px solid var(--kant);border-radius:var(--r-s);background:var(--fyll);color:var(--text-svag);font-size:13.5px;white-space:nowrap;overflow:hidden}.figur__fraga span{display:inline-block;padding-right:3px;border-right:2px solid transparent}.fas[data-aktiv="1"] .figur__fraga span{animation:skriv 1.1s steps(34,end) .15s backwards,markor-fraga .9s steps(1) 0s 2}@keyframes skriv{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes markor-fraga{0%,49%{border-right-color:var(--glod)}50%,to{border-right-color:transparent}}.motor{display:grid;grid-template-columns:1fr 10px auto;align-items:center;gap:14px;padding:11px 2px;border-bottom:1px solid var(--kant);font-size:15px}.motor:last-of-type{border-bottom:0}.motor__namn{font-weight:560;letter-spacing:-.01em}.motor__prick{width:10px;height:10px;border-radius:50%;background:var(--fyll-upp)}.motor__prick--traff{background:var(--glod-yta);box-shadow:0 0 0 4px rgb(var(--glod-rgb) / .2)}.motor__status{color:var(--text-svagast);font-size:13.5px}.fas[data-aktiv="1"] .motor{animation:rad-in .45s cubic-bezier(.2,.8,.3,1) backwards}.fas[data-aktiv="1"] .motor__prick{animation:tanker .5s ease-in-out 2 backwards}.fas[data-aktiv="1"] .motor__status{animation:tona-in .35s ease backwards}.fas[data-aktiv="1"] .motor__prick--traff{animation:tanker .5s ease-in-out 2 backwards,traff-ring .9s ease-out 1 forwards}.fas[data-aktiv="1"] .motor:nth-of-type(1){animation-delay:1.2s}.fas[data-aktiv="1"] .motor:nth-of-type(1) .motor__prick{animation-delay:1.35s,2.35s}.fas[data-aktiv="1"] .motor:nth-of-type(1) .motor__status{animation-delay:2.35s}.fas[data-aktiv="1"] .motor:nth-of-type(2){animation-delay:1.4s}.fas[data-aktiv="1"] .motor:nth-of-type(2) .motor__prick{animation-delay:1.55s}.fas[data-aktiv="1"] .motor:nth-of-type(2) .motor__status{animation-delay:2.55s}.fas[data-aktiv="1"] .motor:nth-of-type(3){animation-delay:1.6s}.fas[data-aktiv="1"] .motor:nth-of-type(3) .motor__prick{animation-delay:1.75s}.fas[data-aktiv="1"] .motor:nth-of-type(3) .motor__status{animation-delay:2.75s}.fas[data-aktiv="1"] .motor:nth-of-type(4){animation-delay:1.8s}.fas[data-aktiv="1"] .motor:nth-of-type(4) .motor__prick{animation-delay:1.95s}.fas[data-aktiv="1"] .motor:nth-of-type(4) .motor__status{animation-delay:2.95s}.fas[data-aktiv="1"] .motor:nth-of-type(5){animation-delay:2s}.fas[data-aktiv="1"] .motor:nth-of-type(5) .motor__prick{animation-delay:2.15s}.fas[data-aktiv="1"] .motor:nth-of-type(5) .motor__status{animation-delay:3.15s}@keyframes tanker{0%,to{background:var(--fyll-upp);transform:scale(1)}50%{background:var(--text-svagast);transform:scale(1.5)}}@keyframes traff-ring{0%{box-shadow:0 0 rgb(var(--glod-rgb) / .55)}60%{box-shadow:0 0 0 12px rgb(var(--glod-rgb) / 0)}to{box-shadow:0 0 0 4px rgb(var(--glod-rgb) / .2)}}.figur__siffra{margin-top:18px;font-family:var(--serif);font-optical-sizing:auto;font-size:48px;font-weight:400;letter-spacing:-.03em;line-height:1;text-align:center}.figur__siffra span{color:var(--text-svagast);font-size:.5em}.figur__siffra--liten{margin-top:16px;font-size:36px}.fas[data-aktiv="1"] .figur__siffra{animation:pop .6s cubic-bezier(.2,.8,.3,1) 3.4s backwards}.browser{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--kant);border-radius:12px 12px 0 0;background:var(--fyll)}.browser__prickar{display:flex;gap:5px}.browser__prickar i{width:8px;height:8px;border-radius:50%;background:var(--kant-stark)}.browser__falt{flex:1;padding:5px 12px;border-radius:999px;background:var(--fyll);color:var(--text-svagast);font-size:13px}.lagar{position:relative;list-style:none;padding:6px 14px 14px;border:1px solid var(--kant);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.lagar:after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(to bottom,rgb(var(--glod-rgb) / 0),rgb(var(--glod-rgb) / .14) 70%,rgb(var(--glod-rgb) / .5));border-bottom:1px solid rgb(var(--glod-rgb) / .8);opacity:0;pointer-events:none}.fas[data-aktiv="2"] .lagar:after{animation:skanna 1.5s cubic-bezier(.45,0,.55,1) .25s}@keyframes skanna{0%{top:-40%;opacity:1}90%{opacity:1}to{top:105%;opacity:0}}.lagad{display:flex;align-items:center;gap:12px;padding:13px 0;color:var(--text-svag);font-size:14.5px;line-height:1.35;transition:color .3s ease}.lagad+.lagad{border-top:1px solid var(--kant)}.fas[data-aktiv="2"] .lagad{animation:rad-in .4s cubic-bezier(.2,.8,.3,1) backwards}.fas[data-aktiv="2"] .lagad:nth-child(2){animation-delay:.08s}.fas[data-aktiv="2"] .lagad:nth-child(3){animation-delay:.16s}.lagad__bock{position:relative;flex:none;width:20px;height:20px;border:1px solid var(--kant-stark);border-radius:50%}.lagad__bock:after{content:"";position:absolute;top:4px;left:6px;width:5px;height:9px;border:solid var(--pa-ljus);border-width:0 1.6px 1.6px 0;transform:rotate(45deg) scale(0);transform-origin:center}.fas[data-aktiv="2"] .lagad__bock{border-color:var(--glod);background:var(--glod);animation:bock-ram .4s ease backwards}.fas[data-aktiv="2"] .lagad__bock:after{animation:bock .34s cubic-bezier(.2,.8,.3,1) forwards}.fas[data-aktiv="2"] .lagad:nth-child(1) .lagad__bock,.fas[data-aktiv="2"] .lagad:nth-child(1) .lagad__bock:after{animation-delay:.6s}.fas[data-aktiv="2"] .lagad:nth-child(2) .lagad__bock,.fas[data-aktiv="2"] .lagad:nth-child(2) .lagad__bock:after{animation-delay:1s}.fas[data-aktiv="2"] .lagad:nth-child(3) .lagad__bock,.fas[data-aktiv="2"] .lagad:nth-child(3) .lagad__bock:after{animation-delay:1.4s}.fas[data-aktiv="2"] .lagad{color:var(--text);transition-delay:1.4s}@keyframes bock-ram{0%{border-color:var(--kant-stark);background:transparent;transform:scale(1)}50%{transform:scale(1.18)}to{border-color:var(--glod);background:var(--glod);transform:scale(1)}}@keyframes bock{0%{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}.figur__klar{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;margin:16px auto 0;padding:7px 12px;border-radius:999px;background:var(--glod-dis);color:var(--glod);font-size:13px;font-weight:500}.figur__klar:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.fas[data-aktiv="2"] .figur__klar{animation:pop .55s cubic-bezier(.2,.8,.3,1) 1.9s backwards}.natet{width:100%;max-width:330px;overflow:visible;color:var(--kant-stark)}.natet__noder circle{fill:var(--yta-upp);stroke:var(--kant-stark);stroke-width:1.5}.natet__ni{fill:var(--glod)}.yta-mork .natet__ni,:root:not([data-tema=ljus]) .natet__ni{fill:url(#parla)}.natet__text{fill:var(--pa-ljus);font:600 11px Inter,sans-serif;letter-spacing:-.01em}.natet__etiketter text{fill:var(--text-svag);font:500 11px Inter,sans-serif;letter-spacing:-.01em}.natet__puls{stroke:var(--glod);stroke-dasharray:.07 .93;stroke-dashoffset:.07;opacity:0}.natet__ring{fill:none;stroke:var(--glod);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}.natet__linjer path{stroke-dasharray:1;stroke-dashoffset:1}.fas[data-aktiv="3"] .natet__ni{animation:pop .55s cubic-bezier(.2,.8,.3,1) backwards;transform-box:fill-box;transform-origin:center}.fas[data-aktiv="3"] .natet__text{animation:tona-in .3s ease .3s backwards}.fas[data-aktiv="3"] .natet__noder circle{animation:nod-in .5s cubic-bezier(.2,.8,.3,1) backwards;transform-box:fill-box;transform-origin:center}.fas[data-aktiv="3"] .natet__noder circle:nth-child(1){animation-delay:.15s}.fas[data-aktiv="3"] .natet__noder circle:nth-child(2){animation-delay:.25s}.fas[data-aktiv="3"] .natet__noder circle:nth-child(3){animation-delay:.35s}.fas[data-aktiv="3"] .natet__noder circle:nth-child(4){animation-delay:.45s}.fas[data-aktiv="3"] .natet__noder circle:nth-child(5){animation-delay:.55s}.fas[data-aktiv="3"] .natet__noder circle:nth-child(6){animation-delay:.65s}.fas[data-aktiv="3"] .natet__etiketter text{animation:tona-in .4s ease backwards}.fas[data-aktiv="3"] .natet__etiketter text:nth-child(1){animation-delay:.3s}.fas[data-aktiv="3"] .natet__etiketter text:nth-child(2){animation-delay:.4s}.fas[data-aktiv="3"] .natet__etiketter text:nth-child(3){animation-delay:.5s}.fas[data-aktiv="3"] .natet__etiketter text:nth-child(4){animation-delay:.6s}.fas[data-aktiv="3"] .natet__etiketter text:nth-child(5){animation-delay:.7s}.fas[data-aktiv="3"] .natet__etiketter text:nth-child(6){animation-delay:.8s}.fas[data-aktiv="3"] .natet__linjer path{animation:linje .7s cubic-bezier(.3,.7,.3,1) forwards}.fas[data-aktiv="3"] .natet__linjer path:nth-child(1){animation-delay:.7s}.fas[data-aktiv="3"] .natet__linjer path:nth-child(2){animation-delay:.8s}.fas[data-aktiv="3"] .natet__linjer path:nth-child(3){animation-delay:.9s}.fas[data-aktiv="3"] .natet__linjer path:nth-child(4){animation-delay:1s}.fas[data-aktiv="3"] .natet__linjer path:nth-child(5){animation-delay:1.1s}.fas[data-aktiv="3"] .natet__linjer path:nth-child(6){animation-delay:1.2s}.fas[data-aktiv="3"] .natet__puls{opacity:1;transition:opacity .3s ease 1.8s}.fas[data-aktiv="3"] .natet__puls path{animation:puls 2.2s linear infinite}.fas[data-aktiv="3"] .natet__puls path:nth-child(1){animation-delay:1.8s}.fas[data-aktiv="3"] .natet__puls path:nth-child(2){animation-delay:2.4s}.fas[data-aktiv="3"] .natet__puls path:nth-child(3){animation-delay:2.1s}.fas[data-aktiv="3"] .natet__puls path:nth-child(4){animation-delay:2.8s}.fas[data-aktiv="3"] .natet__puls path:nth-child(5){animation-delay:2s}.fas[data-aktiv="3"] .natet__puls path:nth-child(6){animation-delay:2.6s}.fas[data-aktiv="3"] .natet__ring{animation:ring 2.2s ease-out 2s infinite}@keyframes linje{to{stroke-dashoffset:0}}@keyframes nod-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes puls{0%{stroke-dashoffset:.07}to{stroke-dashoffset:-.93}}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.staplar{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,1.6vw,18px);width:100%;height:clamp(150px,20vw,210px)}.staplar span{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;height:100%}.staplar i{display:block;width:100%;max-width:34px;height:var(--h);border-radius:7px 7px 3px 3px;background:var(--fyll-upp);transform-origin:bottom}.staplar .hog i{background:var(--glod-yta)}.staplar em{color:var(--text-svagast);font-size:11.5px;font-style:normal}.staplar__linje{position:absolute;inset:0 0 28px;width:100%;height:calc(100% - 28px);overflow:visible;pointer-events:none}.staplar__linje polyline{fill:none;stroke:var(--text);stroke-width:.7;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.7}.fas[data-aktiv="4"] .staplar i{animation:stapel .6s cubic-bezier(.2,.8,.3,1) backwards}.fas[data-aktiv="4"] .staplar em{animation:tona-in .4s ease backwards}.fas[data-aktiv="4"] .staplar span:nth-of-type(2) i,.fas[data-aktiv="4"] .staplar span:nth-of-type(2) em{animation-delay:.1s}.fas[data-aktiv="4"] .staplar span:nth-of-type(3) i,.fas[data-aktiv="4"] .staplar span:nth-of-type(3) em{animation-delay:.2s}.fas[data-aktiv="4"] .staplar span:nth-of-type(4) i,.fas[data-aktiv="4"] .staplar span:nth-of-type(4) em{animation-delay:.3s}.fas[data-aktiv="4"] .staplar span:nth-of-type(5) i,.fas[data-aktiv="4"] .staplar span:nth-of-type(5) em{animation-delay:.4s}.fas[data-aktiv="4"] .staplar span:nth-of-type(6) i,.fas[data-aktiv="4"] .staplar span:nth-of-type(6) em{animation-delay:.5s}.fas[data-aktiv="4"] .staplar .hog i{animation:stapel .6s cubic-bezier(.2,.8,.3,1) .5s backwards,glo 1.6s ease-out 1.2s}.fas[data-aktiv="4"] .staplar__linje polyline{animation:linje 1s cubic-bezier(.4,0,.2,1) .9s forwards}.fas[data-aktiv="4"] .figur__siffra{animation:pop .6s cubic-bezier(.2,.8,.3,1) 1.7s backwards}@keyframes stapel{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes glo{0%{box-shadow:0 0 rgb(var(--glod-rgb) / .6)}to{box-shadow:0 0 0 14px rgb(var(--glod-rgb) / 0)}}.fas__no{transition:color .35s ease}.fas__steg--pa .fas__no{color:var(--glod)}@media(max-width:960px){.fas{grid-template-columns:minmax(0,1fr);padding:clamp(10px,2vw,14px)}.fas__vanster{order:2;padding:10px clamp(12px,3vw,24px) 18px}.fas__scen{order:1;min-height:0;padding:28px 18px}.fas__lista{margin-top:20px}}@media(max-width:560px){.fas__knapp{grid-template-columns:36px minmax(0,1fr)}.fas__paus{margin-left:36px}.fas__text,.fas__tid{padding-left:36px;margin-left:0}.fas__tid{margin-left:36px;padding-left:0}}@media(prefers-reduced-motion:reduce){.figur,.fas__knapp,.fas__text{transition:none}.fas .motor,.fas .figur__siffra,.fas .lagad__bock,.fas .lagad__bock:after,.fas .natet__noder circle,.fas .staplar i{animation:none}.natet__linjer path{stroke-dashoffset:0}.lagad__bock:after{transform:rotate(45deg) scale(1)}.fas .figur__fraga span,.fas .motor__prick,.fas .motor__status,.fas .lagad,.fas .lagar:after,.fas .figur__klar,.fas .natet__ni,.fas .natet__text,.fas .natet__etiketter text,.fas .natet__linjer path,.fas .natet__puls path,.fas .natet__ring,.fas .staplar em,.fas .staplar__linje polyline{animation:none}.staplar__linje polyline{stroke-dashoffset:0}.natet__puls{display:none}.figur{filter:none}.fas{transition:none}}