.mt{--g:#042f27;--lime:#b6ce3d;--mint:#edf3da;--sc:#46605a;--mut:#5e736b;--line:#dce3dd;--ease:cubic-bezier(.22,1,.36,1)}.mt .mt-h2{letter-spacing:-.025em;max-width:18ch;color:var(--g);text-wrap:balance;margin:0;font-size:clamp(34px,3.8vw,56px);line-height:1.04}.mt .mt-punkt{color:var(--lime)}.mt .mt-steg{gap:40px;margin:40px 0 0;padding:0 0 0 52px;list-style:none;display:grid;position:relative}.mt .mt-ett{flex-direction:column;display:flex;position:relative}.mt .mt-nod{background:var(--g);width:36px;height:36px;color:var(--lime);z-index:1;border-radius:999px;place-items:center;font-size:13px;display:grid;position:absolute;top:0;left:-52px}.mt .mt-ett:not(:last-child):after{content:"";background:var(--lime);transform-origin:top;border-radius:2px;width:2px;position:absolute;top:46px;bottom:-30px;left:-35px}.mt .mt-titel{letter-spacing:-.01em;color:var(--g);margin:6px 0 0;font-size:22px;line-height:1.15}.mt .mt-text{max-width:46ch;color:var(--sc);margin:10px 0 0;font-size:15.5px;line-height:1.6}.mt .mt-ritning{order:3;margin-top:18px}.mt .mt-steg--ritad .mt-text{order:2}@media (min-width:1024px){.mt .mt-steg{grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:32px;margin-top:64px;padding:0}.mt .mt-nod{width:44px;height:44px;margin-bottom:22px;font-size:14px;position:relative;top:auto;left:auto}.mt .mt-ett:not(:last-child):after{transform-origin:0;width:auto;height:2px;inset:21px -22px auto 54px}.mt .mt-titel{margin-top:0}.mt .mt-steg--ritad .mt-ritning{order:-1;margin:0 0 28px}.mt .mt-steg--ritad .mt-text{order:0}.mt .mt-steg--ritad .mt-ett:not(:last-child):after{top:calc(var(--rit-h,168px) + 28px + 21px)}.mt .mt-steg--ritad .mt-ritning{height:var(--rit-h,168px);align-items:flex-end}}.mt .mt-ritning{align-items:center;display:flex}.mt .mr{width:100%;max-width:300px;font-family:var(--font-manrope),Manrope,sans-serif;color:var(--g);background:#fff;border-radius:18px;padding:16px;box-shadow:0 1px 2px #042f270f,0 22px 40px -26px #042f2773}.mt .mr-rubrik{margin:0 0 12px;font-size:13px;font-weight:800}.mt .mr-chips{flex-wrap:wrap;gap:6px;display:flex}.mt .mr-chips span{color:var(--sc);background:#f1f4ee;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;line-height:1}.mt .mr-chips span.pa{background:var(--g);color:#fff}.mt .mr-faser{color:var(--mut);grid-template-columns:64px repeat(3,1fr);gap:4px;margin-bottom:10px;font-size:10.5px;font-weight:700;display:grid}.mt .mr-faser span:first-child{grid-column:2}.mt .mr-spar{grid-template-columns:64px 1fr;align-items:center;margin-top:8px;font-size:12px;display:grid}.mt .mr-spar b{font-weight:800}.mt .mr-spar i{background:#f1f4ee;border-radius:999px;height:14px;position:relative}.mt .mr-spar i:after{content:"";border-radius:inherit;position:absolute;top:0;bottom:0}.mt .mr-spar i.meta:after{background:var(--g);left:0;right:30%}.mt .mr-spar i.google:after{background:var(--lime);left:45%;right:0}.mt .mr-test{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mt .mr-variant{box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;gap:6px;padding:8px;display:grid}.mt .mr-variant-bild{aspect-ratio:4/3;background:#e6ece7;border-radius:7px;position:relative;overflow:hidden}.mt .mr-variant.vinner{box-shadow:inset 0 0 0 2px var(--lime)}.mt .mr-variant i{background:#e9eee9;border-radius:999px;height:6px}.mt .mr-variant i.kort{width:60%}.mt .mr-variant-namn{color:var(--mut);font-size:11px;font-weight:800}.mt .mr-variant.vinner .mr-variant-namn{color:var(--g)}.mt .mr-rapport{gap:4px;display:grid}.mt .mr-rad{border-bottom:1px solid #eef2ee;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:12.5px;font-weight:700;display:flex}.mt .mr-rad:last-child{border-bottom:0}.mt .mr-rad svg{width:52px;height:20px;overflow:visible}.mt .mr-rad path{fill:none;stroke:#8fa82a;stroke-width:2.4px;stroke-linecap:round}.mt .mr-rad svg.ned path{stroke:var(--g)}@keyframes mt-in{0%{opacity:0;transform:translateY(26px)}}@keyframes mt-fyll-x{0%{transform:scaleX(0)}}@keyframes mt-fyll-y{0%{transform:scaleY(0)}}@media (prefers-reduced-motion:no-preference){[data-redo]:not([data-inne]) .mt-h2,[data-redo]:not([data-inne]) .mt-ett{opacity:0}[data-inne] .mt-h2{animation:mt-in .9s var(--ease)backwards}[data-inne] .mt-ett{animation:mt-in .9s var(--ease)backwards;animation-delay:calc(.2s + var(--i,0)*.16s)}[data-inne] .mt-ett:after{animation:mt-fyll-y .7s var(--ease)backwards;animation-delay:calc(.45s + var(--i,0)*.16s)}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){[data-inne] .mt-ett:after{animation-name:mt-fyll-x}}