/*#1787597408-626051*/

:root{--ikon-hus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 4l9 6.5V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E");

  --traad:40rem; --sp:.25rem; --side-bredde:260px;
  --skinne:52px;

  --ikon-xs:.875rem; --ikon-sm:1rem; --ikon-md:1.125rem;
  --ikon-lg:1.25rem; --ikon-xl:1.375rem; --ikon-2xl:1.5rem;
  --tekst:#f2f3f4; --tekst-2:#a5a8ad; --tekst-3:#6c6f75;
  --flate:#17181a; --flate-side:#17181a; --flate-2:#232427; --flate-3:#313236; --boble:#232427;
  --kant:#2e3033; --kant-tung:#3a3c40; --kant-lett:#ffffff0e;
  --scrim:#00000080; --modal-bg:#232427;
  --skygge-popover:0 0 0 1px #3a3c40, 0 8px 28px #00000057;
  --skygge-kort:0 0 0 1px #2e3033, 0 1px 2px #0003, 0 2px 6px #0003;
  --skygge-hevet:0 0 0 1px #2e3033, 0 2px 10px #00000038;
  --skygge-haar:0 0 0 1px #2e3033;
  --skygge-felt:inset 0 1px 2px #0006;
  --hover-svak:#ffffff10; --press-svak:#ffffff0a; --hover-rad:#2a2b2e;
  --flate-hover:#313236; --komp-flate:#232427;
  --fare:#ee5c61; --fare-soft:#ee5c6124; --fare-fyll-h:#8f2f33;
  --ok:#3dbb72; --ok-soft:#3dbb7224; --varsel:#f68f3c; --varsel-soft:#f68f3c24;
  --fyll-bg:#f2f3f4; --fyll-tx:#17181a; --fyll-bg-h:#d8dade;
  --kode-bg:#1f2022; --kode-topp:transparent; --kode-tekst:var(--tekst);
  --side-ikon:#a5a8ad;

  --radius-chip:6px; --radius-control:8px; --radius-card:10px; --radius-xl:.75rem;
  --ease-in-out:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(0,0,.2,1);
  --ease-link:cubic-bezier(.16,1,.3,1); --ease-out-strong:cubic-bezier(.23,1,.32,1);
  --vekt-md:500; --vekt-sb:600; --vekt-b:700;
  --lh-tight:1.25; --lh-snug:1.375; --lh-normal:1.5; --lh-relaxed:1.625;

  --lerret:#1c1d1f; --innfelt:#1f2022; --felt:#2b2c2f; --stripe-bg:#1b1c1e;
  --aksent:#3d9aff; --aksent-tekst:#7ec0ff; --aksent-tint:#3d9aff29;

}
html[data-tema=light]{
  ;
  --tekst:#1f2124; --tekst-2:#62656b; --tekst-3:#9a9da3;
  --flate:#fafafb; --flate-side:#fafafb; --flate-2:#fff; --flate-3:#e7e9eb; --boble:#f4f5f6;
  --kant:#ecedef; --kant-tung:#e0e2e5; --kant-lett:#49494913;
  --scrim:#0000004d; --modal-bg:#fff;
  --skygge-popover:0 0 0 1px #ecedef, 0 8px 28px #0001;
  --skygge-kort:0 0 0 1px #ecedef, 0 1px 2px #1018280a, 0 2px 6px #1018280a;
  --skygge-hevet:0 0 0 1px #ecedef, 0 2px 10px #0000000b;
  --skygge-haar:0 0 0 1px #ecedef;
  --skygge-felt:inset 0 1px 2px #0000001f;
  --hover-svak:#0000000a; --press-svak:#00000012; --hover-rad:#f4f5f6;
  --flate-hover:#e7e9eb; --komp-flate:#fff;
  --fare:#e3474c; --fare-soft:#fcecec; --fare-fyll-h:#b3363a;
  --ok:#189a4d; --ok-soft:#e8f5ed; --varsel:#ef720c; --varsel-soft:#fdf1e5;
  --fyll-bg:#1f2124; --fyll-tx:#fafafb; --fyll-bg-h:#34373b;
  --kode-bg:#f7f8f9; --kode-topp:transparent; --kode-tekst:var(--tekst);
  --side-ikon:#62656b;

  --lerret:#f1f2f3; --innfelt:#f7f8f9; --felt:#f2f2f3; --stripe-bg:#f5f5f5;
  --aksent:#0285ff; --aksent-tekst:#0170dd; --aksent-tint:#e9f3ff;

}
@media (prefers-color-scheme:light){
  html[data-tema=system]{;
  --tekst:#1f2124; --tekst-2:#62656b; --tekst-3:#9a9da3;
  --flate:#fafafb; --flate-side:#fafafb; --flate-2:#fff; --flate-3:#e7e9eb; --boble:#f4f5f6;
  --kant:#ecedef; --kant-tung:#e0e2e5; --kant-lett:#49494913;
  --scrim:#0000004d; --modal-bg:#fff;
  --skygge-popover:0 0 0 1px #ecedef, 0 8px 28px #0001;
  --skygge-kort:0 0 0 1px #ecedef, 0 1px 2px #1018280a, 0 2px 6px #1018280a;
  --skygge-hevet:0 0 0 1px #ecedef, 0 2px 10px #0000000b;
  --skygge-haar:0 0 0 1px #ecedef;
  --skygge-felt:inset 0 1px 2px #0000001f;
  --hover-svak:#0000000a; --press-svak:#00000012; --hover-rad:#f4f5f6;
  --flate-hover:#e7e9eb; --komp-flate:#fff;
  --fare:#e3474c; --fare-soft:#fcecec; --fare-fyll-h:#b3363a;
  --ok:#189a4d; --ok-soft:#e8f5ed; --varsel:#ef720c; --varsel-soft:#fdf1e5;
  --fyll-bg:#1f2124; --fyll-tx:#fafafb; --fyll-bg-h:#34373b;
  --kode-bg:#f7f8f9; --kode-topp:transparent; --kode-tekst:var(--tekst);
  --side-ikon:#62656b;

  --lerret:#f1f2f3; --innfelt:#f7f8f9; --felt:#f2f2f3; --stripe-bg:#f5f5f5;
  --aksent:#0285ff; --aksent-tekst:#0170dd; --aksent-tint:#e9f3ff;

  }
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  background:var(--flate);color:var(--tekst);-webkit-font-smoothing:antialiased;overflow:hidden}
button,input,textarea{font:inherit;color:inherit}

::-webkit-search-decoration{-webkit-appearance:none;appearance:none}

:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}
html[data-fokus]:not([data-fokus=keyboard]) :focus-visible{outline:none}
.skjult{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.app{display:grid;grid-template-columns:var(--side-bredde) minmax(0,1fr);height:100dvh;transition:grid-template-columns .18s ease}

.app.lukket{grid-template-columns:var(--skinne) minmax(0,1fr) var(--detalj-bredde,0px)}

.side{background:var(--flate-side);display:flex;flex-direction:column;min-height:0;border-inline-end:1px solid var(--kant-lett);overflow:hidden}
.side-topp{padding:8px 6px 4px;display:flex;gap:2px;align-items:center}
.side-merke{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--tekst);flex:0 0 auto;margin-inline-end:auto}
.fastrader{padding:2px 0 6px}
.ikonknapp{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:8px;color:var(--tekst-2);cursor:pointer}
.sokerad{padding:2px 6px 6px;display:none}
.sokerad.vis{display:block}
.sokefelt{width:100%;min-height:38px;border:1px solid var(--kant);border-radius:10px;background:transparent;padding:0 11px;font-size:13px;outline:none}
.sokefelt:focus{border-color:var(--tekst-3)}
.liste{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 18px;list-style:none}

.hode{padding:10px 10px 4px}

.hode-tx{display:block;padding:2px 6px;font-size:13px;font-weight:600;
  color:var(--tekst)}
.rad{position:relative;display:flex;align-items:center;gap:10px;width:calc(100% - 12px);margin-inline:6px;min-height:36px;border:none;background:none;border-radius:10px;padding:6px 34px 6px 10px;font-size:14px;cursor:pointer;text-align:start;color:var(--tekst-2)}
.rad-fast{padding-inline-end:10px;color:var(--tekst)}

a.rad{text-decoration:none}
.rad:hover,.rad[aria-current=true]{background:var(--flate-2);color:var(--tekst)}

li.tom{padding:10px;font-size:13px;color:var(--tekst-3)}
.side-bunn{border-top:1px solid var(--kant);padding:6px 8px 10px;display:flex;flex-direction:column;gap:2px}
.bunnrad{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:none;background:none;border-radius:10px;font-size:14px;color:var(--tekst);cursor:pointer;text-align:start;text-decoration:none}
.bunnrad:hover{background:var(--flate-2);color:var(--tekst)}

.hoved{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;container-type:inline-size;container-name:main}
@container main (width >= 42rem){.inner,.komp-inner,.velkomst{--traad:48rem}}
.topp{display:flex;align-items:center;gap:6px;padding:9px 12px;min-height:52px;position:relative;z-index:6}
.merke{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-inline-start:2px}
.merke-knapp{display:inline-flex;align-items:center;gap:5px;border:none;background:none;border-radius:8px;padding:6px 9px;cursor:pointer;color:var(--tekst)}
.merke-knapp:hover{background:var(--flate-2)}
.merke-knapp svg{color:var(--tekst-2)}
.aapne-side{display:none}

.traad-omslag{flex:1;min-height:0;position:relative}
.traad{height:100%;overflow-x:hidden;overflow-y:auto;padding:0 16px}
.traad-omslag::before,.traad-omslag::after{content:"";position:absolute;left:0;right:0;height:22px;pointer-events:none;z-index:4}
.traad-omslag::before{top:0;background:linear-gradient(var(--flate),transparent)}
.traad-omslag::after{bottom:0;background:linear-gradient(transparent,var(--flate))}
.inner{max-width:var(--traad);margin:0 auto;padding:10px 0 28px;display:flex;flex-direction:column;gap:calc(var(--sp)*6)}

.melding{display:flex;flex-direction:column;gap:calc(var(--sp)*2)}
.melding.du{align-items:flex-end}

.boble{max-width:70%;background:var(--boble);border-radius:22px;corner-shape:superellipse(.98);padding:10px 16px;font-size:var(--chat-tekst,16px);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.rediger{width:min(90%,34rem);border:1px solid var(--kant-tung);border-radius:18px;background:var(--flate);padding:10px 14px}
.rediger textarea{width:100%;border:none;outline:none;background:transparent;font-size:16px;line-height:1.6;resize:none}
.rediger-knapper{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.mini{border:1px solid var(--kant);background:transparent;border-radius:9999px;padding:6px 14px;font-size:13px;cursor:pointer;min-height:34px}
.mini.fyll{background:var(--tekst);color:var(--flate);border-color:var(--tekst)}

.md{font-size:var(--chat-tekst,16px);line-height:1.625;overflow-wrap:anywhere;padding:2px 2px 0}
.md>*:first-child{margin-top:0}
.md p{margin-block:4px}.md p:first-child{margin-top:0}.md p:not(:first-child){margin-top:8px}.md p+p{margin-block:16px}
.md h1,.md h2,.md h3,.md h4{font-weight:600;letter-spacing:0}

.md h1{line-height:2rem}.md h2{line-height:1.75rem}.md h3{line-height:1.75rem}.md h4{line-height:1.5}
.md h1{font-size:1.5rem;margin:calc(var(--sp)*8) 0 calc(var(--sp)*2)}
.md h2{font-size:1.25rem;margin:calc(var(--sp)*8) 0 calc(var(--sp)*3)}
.md h3{font-size:1.125rem;margin:calc(var(--sp)*6) 0 calc(var(--sp)*2)}
.md ul,.md ol{margin:0;padding-inline-start:1.625em}.md ul ul,.md ol ol,.md ul ol,.md ol ul{margin:0}
.md li{margin-block:0;padding-inline-start:.375em}
.md li::marker{color:currentColor;font-weight:700}

.md li.md-oppgave{list-style:none;padding-inline-start:0;
  display:flex;align-items:flex-start;gap:.5em}
.md li.md-oppgave input[type=checkbox]{margin:0;flex:none;
  inline-size:1em;block-size:1em;translate:0 .2em;accent-color:var(--aksent)}
.md blockquote{border-inline-start:3px solid var(--kant-tung);padding-inline-start:14px;margin:calc(var(--sp)*5) 0;color:var(--tekst-2)}
.md hr{border:none;border-top:1px solid var(--kant);margin:calc(var(--sp)*7) 0}

.md a{color:var(--lenke);text-decoration:none}
.md a:hover{color:var(--lenke-hover)}
.md strong{font-weight:600}
.md code{background:var(--boble);border-radius:6px;padding:.15em .35em;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.md table{border-collapse:collapse;margin:calc(var(--sp)*5) 0;display:block;overflow-x:auto;max-width:100%}
.md th,.md td{border:0;border-bottom:1px solid var(--kant-lett);padding:8px 0;text-align:start;font-size:14px}.md th{border-bottom-color:var(--kant)}.md th:not(:last-child),.md td:not(:last-child){padding-inline-end:24px}.md tr:last-child td{border-bottom:0}
.md th{background:var(--boble);font-weight:600}

.kode{margin:calc(var(--sp)*4) 0;border:1px solid var(--kant-lett);border-radius:24px;corner-shape:superellipse(1.1);overflow:hidden;background:var(--kode-bg)}
.kode-topp{display:flex;align-items:center;justify-content:space-between;background:var(--kode-topp);color:var(--tekst-2);font-size:12px;padding:7px 12px}
.kode-kopi{display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--tekst-2);font-size:12px;cursor:pointer;padding:3px 6px;border-radius:6px}
.kode-kopi:hover{background:var(--hover-svak);color:var(--tekst)}
.kode pre{margin:0;padding:14px 16px;overflow-x:auto}
.kode code{background:none;padding:0;color:var(--kode-tekst);font-size:13px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

.handl{display:flex;gap:2px;opacity:0;transition:opacity .12s}
.melding:hover .handl,.melding:focus-within .handl{opacity:1}
.hbtn{display:inline-flex;align-items:center;gap:5px;border:none;background:none;color:var(--tekst-3);border-radius:6px;padding:6px 8px;font-size:12.5px;cursor:pointer}
.hbtn:hover{background:var(--flate-2);color:var(--tekst)}

.prikker{display:inline-flex;gap:5px;padding:10px 2px}
.prikker i{width:7px;height:7px;border-radius:50%;background:var(--tekst-3);animation:hopp 1.25s infinite}
.prikker i:nth-child(2){animation-delay:.16s}.prikker i:nth-child(3){animation-delay:.32s}
@keyframes hopp{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.markor{display:inline-block;width:1.05em;height:1.05em;vertical-align:text-bottom;
  margin-inline-start:3px;color:var(--tekst-2)}
.markor svg{display:block;width:100%;height:100%;overflow:visible}
.markor .m-oye{transform-box:fill-box;transform-origin:center;animation:m-blunk 3.2s infinite}
.markor .m-oye-h{animation-delay:.06s}

.markor .m-smil{stroke-dasharray:1;stroke-dashoffset:1;animation:m-tegn 1.7s ease-in-out infinite}
@keyframes m-blunk{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.12)}}
@keyframes m-tegn{0%{stroke-dashoffset:1}45%,55%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}

.velkomst{max-width:var(--traad);margin:0 auto;padding:0;text-align:center}

.md table th.md-tallkol,.md table td.md-tallkol{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

.velkomst h1{font-size:1.5rem;line-height:1.75rem;font-weight:400;letter-spacing:normal;margin-bottom:1.25rem}
@media(min-width:768px){.velkomst{padding-top:120px}}
.forslag{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:start}
.forslag button{border:1px solid var(--kant);background:transparent;border-radius:10px;padding:13px 15px;font-size:14px;line-height:1.45;cursor:pointer;min-height:44px;color:var(--tekst-2)}
.forslag button:hover{background:var(--flate-2);color:var(--tekst)}

.tilbunn{position:absolute;left:50%;transform:translateX(-50%);bottom:112px;width:34px;height:34px;border-radius:50%;border:1px solid var(--kant);background:var(--flate);color:var(--tekst);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--skygge-hevet);z-index:5}
.tilbunn.vis{display:flex}

.komp{padding:0 16px 14px}
.komp-inner{max-width:var(--traad);margin:0 auto}
.feil{background:#f93a3714;color:#f93a37;border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:10px}

.boks{display:flex;align-items:flex-end;gap:6px;border:none;background:var(--boble);border-radius:14px;padding:12px 12px 12px 10px;box-shadow:var(--skygge-kort)}
.boks:focus-within{border-color:var(--tekst-3)}
.kbtn{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:50%;color:var(--tekst-2);cursor:pointer}
.kbtn.lytter{background:#f93a3722;color:#f93a37}
.skriv{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:16px;line-height:1.625rem;resize:none;max-height:max(30svh,5rem);padding:10px 2px}
.skriv::placeholder{color:var(--plassholder);opacity:1}
.send{flex:0 0 auto;width:36px;height:36px;border:none;border-radius:50%;background:var(--tekst);color:var(--flate);display:flex;align-items:center;justify-content:center;cursor:pointer}
.send:disabled{opacity:.35;cursor:default}
.fot{text-align:center;font-size:12px;color:var(--tekst-3);padding:9px 0 0}

.kvote-rest{text-align:center;font-size:12px;color:var(--tekst-2);padding:9px 0 0}
.kvote-rest[hidden]{display:none}

.meny{position:absolute;top:46px;left:52px;min-width:198px;background:var(--modal-bg);border:1px solid var(--kant);border-radius:16px;box-shadow:var(--skygge-popover);padding:5px;z-index:20;display:none}
.meny.vis{display:block}
.meny button{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;border-radius:8px;padding:9px 11px;font-size:14px;cursor:pointer;text-align:start;color:var(--tekst)}
.meny .valgt{font-weight:600}
.meny hr{border:none;border-top:1px solid var(--kant);margin:5px 0}
.snarvei{display:flex;justify-content:space-between;gap:14px;padding:7px 11px;font-size:13px;color:var(--tekst-2)}
.snarvei kbd{font-family:inherit;font-size:11.5px;background:var(--flate-2);border-radius:6px;padding:2px 6px}

.skygge{display:none}
@media(max-width:47.99rem){
  .app,.app.lukket{grid-template-columns:1fr}
  .side{position:fixed;inset:0 auto 0 0;width:min(280px,82vw);z-index:30;transform:translateX(-102%);transition:transform .2s ease}
  .side.apen{transform:none}
  .skygge{position:fixed;inset:0;background:#00000059;z-index:29;display:none}
  .skygge.apen{display:block}
  .aapne-side{display:flex!important}
  .velkomst{padding-top:8dvh}.velkomst h1{font-size:1.5rem;line-height:2rem}
  .forslag{grid-template-columns:1fr}
  .boble{max-width:88%}
  .handl{opacity:1}
}
@media(prefers-reduced-motion:reduce){.side,.app{transition:none}.prikker i,.markor{animation:none}

  .markor .m-oye,.markor .m-smil{animation:none}
  .markor .m-smil{stroke-dashoffset:0}}

.stempel{align-self:stretch;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--tekst-3)}
.md dl{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--sp)*2) calc(var(--sp)*5);margin:calc(var(--sp)*5) 0}
.md dt{color:var(--tekst-2)}
.md dd{font-weight:500}

.md div.kilde{border-top:1px solid var(--kant-lett);margin-top:calc(var(--sp)*7);padding-top:calc(var(--sp)*5);color:var(--tekst-2)}
.md .kilde p,.md p.kilde{margin:calc(var(--sp)*3) 0;font-size:13px;line-height:1.6;color:var(--tekst-2)}
.md p.kilde{margin-top:calc(var(--sp)*3)}
@media(max-width:640px){.md dl{grid-template-columns:1fr;gap:2px 0}.md dd{margin-bottom:8px}}

.topp-hoyre{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.knapp{min-height:40px;padding-inline:14px;border:1px solid transparent;border-radius:9999px;text-decoration:none;
 font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;flex:0 0 auto;white-space:nowrap;
 display:inline-flex;align-items:center;justify-content:center}
.knapp-fyll{background:var(--fyll-bg);color:var(--fyll-tx)}
.knapp-fyll:hover{background:var(--fyll-bg-h)}
.knapp-kant{border-color:var(--kant-tung);background:var(--flate);color:var(--tekst)}
.knapp-kant:hover{background:var(--flate-2)}

.knapp[hidden]{display:none}

.skjerm{position:fixed;inset:0;z-index:60;background:var(--scrim);display:flex;
 align-items:center;justify-content:center;padding:20px;overflow-x:hidden;overflow-y:auto;
 opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}
.skjerm.vis{opacity:1;visibility:visible}

.skjerm[hidden]{display:none}
.modal{position:relative;width:100%;max-width:484px;background:var(--modal-bg);
 border-radius:16px;padding:40px 24px 28px;box-shadow:var(--skygge-popover);
 transform:scale(.97);transition:transform .16s ease}
.skjerm.vis .modal{transform:none}
@media(min-width:560px){.modal{padding:40px 48px 32px}}
.modal-lukk{position:absolute;top:20px;right:20px;width:36px;height:36px;border:none;
 background:none;border-radius:9999px;color:var(--tekst-2);cursor:pointer;
 display:flex;align-items:center;justify-content:center}
.modal-kol{max-width:373px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
@media(min-width:640px){.modal-kol{max-width:388px}}
.modal h2{font-size:1.5rem;line-height:1.75rem;font-weight:600;letter-spacing:-.02em;
 text-align:center;margin:0}
.modal-under{font-size:1rem;line-height:1.5;color:var(--tekst-2);text-align:center;margin:0 0 8px}
.sosial{min-height:52px;width:100%;gap:10px;border:1px solid var(--kant-tung);
 background:transparent;color:var(--tekst);border-radius:9999px;font-family:inherit;
 font-size:14px;font-weight:500;cursor:pointer;padding-inline:18px;
 display:inline-flex;align-items:center;justify-content:center}
.sosial svg{flex:0 0 auto}
.eller{display:flex;align-items:center;gap:12px;margin:2px 0;
 color:var(--tekst-3);font-size:12px;letter-spacing:.04em}
.eller::before,.eller::after{content:"";flex:1;height:1px;background:var(--kant)}
.epost{min-height:52px;width:100%;border:1px solid var(--kant-tung);border-radius:9999px;
 background:transparent;color:var(--tekst);padding-inline:18px;font-size:14px;
 font-family:inherit;outline:none}
.epost:focus{border-color:var(--tekst-3)}
.epost::placeholder{color:var(--plassholder);opacity:1}
.modal-send{min-height:52px;width:100%;border:none;border-radius:9999px;
 background:var(--fyll-bg);color:var(--fyll-tx);font-family:inherit;font-size:14px;
 font-weight:500;cursor:pointer}
.modal-send:hover{background:var(--fyll-bg-h)}
.modal-melding{font-size:13px;line-height:1.55;color:var(--tekst-2);text-align:center;margin:2px 0 0}
body.laast{overflow:hidden}
.auth-steg{display:flex;flex-direction:column;gap:12px}
.auth-steg[hidden]{display:none}
.google-boks>div{width:100%!important}

.auth-steg .kode,input.kode{text-align:center;letter-spacing:.4em;font-size:20px;font-variant-numeric:tabular-nums}
.kode-lenker{display:flex;justify-content:center;gap:18px;margin-top:2px}
.lenkeknapp{border:none;background:none;color:var(--tekst-2);font-family:inherit;font-size:13px;cursor:pointer;padding:4px}
.lenkeknapp:hover{color:var(--tekst)}
.bruker-navn{font-size:14px;font-weight:500;color:var(--tekst);padding-inline:4px}

.hjelp-meny[hidden]{display:none}
.hjelp-meny hr{border:none;border-top:1px solid var(--kant);margin:4px 6px}
#hjelp-knapp .pil{margin-inline-start:auto;transition:transform .15s ease;color:var(--tekst-3)}
#hjelp-knapp[aria-expanded=true] .pil{transform:rotate(90deg)}

.innst{position:relative;display:grid;grid-template-columns:224px minmax(0,1fr);
 width:100%;max-width:848px;min-height:min(524px,80dvh);background:var(--modal-bg);
 border-radius:16px;overflow:hidden;box-shadow:var(--skygge-popover);
 transform:scale(.97);transition:transform .16s ease}
.skjerm.vis .innst{transform:none}
.innst-side{border-inline-end:1px solid var(--kant-lett);padding:56px 8px 12px}
.innst-lukk{top:12px;left:12px;right:auto}
.innst-nav{display:flex;flex-direction:column;gap:2px}
.innst-fane-knapp{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;
 padding:0 12px;border:none;background:none;border-radius:8px;font-family:inherit;
 font-size:14px;color:var(--tekst-2);cursor:pointer;text-align:start}
.innst-fane-knapp:hover{color:var(--tekst)}
.innst-fane-knapp.valgt{background:var(--flate-2);color:var(--tekst);font-weight:500}
.innst-hoved{padding:22px 28px 28px;overflow-x:hidden;overflow-y:auto}
.innst-hoved h2{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}
.innst-blokk{border-top:1px solid var(--kant-lett);margin-top:14px;padding-top:4px}
.innst-blokk[hidden]{display:none}
.innst-rad{display:flex;align-items:center;justify-content:space-between;gap:20px;
 padding:16px 0;border-bottom:1px solid var(--kant-lett)}
.innst-rad:last-of-type{border-bottom:none}
.innst-rad label,.innst-tittel2{font-size:14px;color:var(--tekst)}
.innst-tittel2{font-weight:500}
.innst-under2{font-size:13px;color:var(--tekst-2);margin-top:2px}
.innst-velg{border:none;background:none;color:var(--tekst);font-family:inherit;
 font-size:14px;cursor:pointer;padding:6px 4px;border-radius:8px;text-align:end}
.innst-velg:hover{background:var(--flate-2)}
.innst-hjelp{font-size:13px;line-height:1.5;color:var(--tekst-2);margin-top:14px}
.knapp-fare{border-color:var(--fare);background:none;color:var(--fare)}

.knapp-fare:hover{background:var(--fare-fyll-h);color:#fff}
@media(max-width:640px){
 .innst{grid-template-columns:1fr}
 .innst-side{border-inline-end:none;border-bottom:1px solid var(--kant-lett);padding:56px 8px 8px}
 .innst-nav{flex-direction:row}
}

.innst-tall{float:inline-end;color:var(--tekst-2);font-variant-numeric:tabular-nums}

.innst-skyv{-webkit-appearance:none;appearance:none;width:100%;height:4px;margin:4px 0 0;
 border-radius:9999px;background:var(--kant-tung);cursor:pointer}
.innst-skyv::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;
 border:none;border-radius:50%;background:var(--fyll-bg);cursor:pointer}
.innst-skyv::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;
 background:var(--fyll-bg);cursor:pointer}

.snar-boks{position:relative;width:100%;max-width:420px;background:var(--modal-bg);
 border-radius:16px;padding:26px 26px 20px;box-shadow:var(--skygge-popover);
 transform:scale(.97);transition:transform .16s ease}
.skjerm.vis .snar-boks{transform:none}
.snar-boks h2{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}
.snar-liste{display:grid;grid-template-columns:1fr auto;gap:12px 16px;align-items:center;font-size:14px}
.snar-liste dt{color:var(--tekst-2)}
.snar-liste dd{display:flex;gap:4px;justify-content:flex-end}
.snar-fot{margin-top:18px;font-size:12.5px;color:var(--tekst-3);line-height:1.6}
kbd{font-family:inherit;font-size:11.5px;background:var(--flate-2);
 border:1px solid var(--kant-lett);border-radius:6px;padding:2px 6px;
 color:var(--tekst-2);min-width:22px;text-align:center;display:inline-block;line-height:1.5}
.meny button kbd{margin-inline-start:auto}

.side-merke{border-radius:8px;text-decoration:none}
.side-merke img{display:block;border-radius:6px}

.rad{padding-inline-end:62px}
.rad-arkiv{right:60px}.rad-navn{right:32px}.rad-slett{right:4px}
.midl-knapp.pa{background:var(--flate-3);color:var(--tekst)}
.midl-merke{max-width:var(--traad);margin:0 auto 4px;display:flex;align-items:center;gap:8px;
 font-size:13px;color:var(--tekst-2);background:var(--flate-2);border-radius:10px;padding:9px 12px}
.hbtn.valgt{color:var(--tekst);background:var(--flate-2)}
.hbtn.valgt svg{fill:currentColor}
.arkivliste{list-style:none;margin:8px 0 0;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-x:hidden;overflow-y:auto}
.arkivliste li{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--kant-lett);font-size:14px}
.arkivliste li:last-child{border-bottom:none}
.arkiv-navn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tekst-2)}

.ikonknapp:hover,.kbtn:hover,.hbtn:hover,.modal-lukk:hover,.radknapp:hover{background:var(--flate-hover);color:var(--tekst)}
.ikonknapp:active,.kbtn:active,.hbtn:active,.modal-lukk:active,.radknapp:active{background:var(--press-svak)}
.rad:hover,.bunnrad:hover,.meny button:hover,.innst-fane-knapp:hover,.sosial:hover{background:var(--hover-rad)}

.rad:active,.bunnrad:active,.meny button:active,.sosial:active{background:var(--press-svak)}
.rad[aria-current=true]{background:var(--flate-2);color:var(--tekst)}
.innst-fane-knapp.valgt{background:var(--flate-2)}
.lenkeknapp:hover{background:var(--hover-svak);border-radius:6px;text-decoration:none}
.side-merke:hover{background:var(--hover-svak)}

.boks{min-height:52px;padding:7px;gap:4px}
.skriv{min-height:36px;padding:5px 6px;line-height:1.625rem}
.fot{min-height:32px;display:flex;align-items:center;justify-content:center;padding:0}

#tips{position:fixed;z-index:200;pointer-events:none;

  background:#1b1b1b;color:#fff;border:1px solid #ffffff0d;
  border-radius:8px;padding:4px 8px;font-size:12px;line-height:16px;font-weight:600;
  white-space:nowrap;box-shadow:var(--skygge-popover)}
#tips[hidden]{display:none}

@media (prefers-reduced-motion: reduce) {
}

.modal.velkommen h2{font-size:1.875rem;line-height:2.25rem;font-weight:400;letter-spacing:0}
.modal.velkommen .modal-under{font-size:1rem;line-height:1.5rem;margin-bottom:16px}
.konto-rad{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;
 border:1px solid var(--kant-tung);border-radius:16px;padding:12px 12px 12px 14px;
 cursor:pointer;text-align:start;background:transparent}
.konto-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;
 align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}
.konto-navn{font-size:14px;font-weight:500;color:var(--tekst)}
.konto-epost{font-size:13px;color:var(--tekst-2)}
.konto-navn,.konto-epost{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.konto-fjern{flex:0 0 auto;width:30px;height:30px;border:none;background:none;
 border-radius:50%;color:var(--tekst-3);cursor:pointer;
 display:flex;align-items:center;justify-content:center}
.konto-fjern:hover{background:var(--hover-svak);color:var(--tekst)}

.skjerm-topp{align-items:flex-start;padding-top:12dvh}
.sokboks{position:relative;width:100%;max-width:640px;background:var(--modal-bg);
 border:1px solid var(--kant);border-radius:16px;box-shadow:var(--skygge-popover);
 overflow:hidden;transform:scale(.98);transition:transform .16s ease}
.skjerm.vis .sokboks{transform:none}
.sokfelt-rad{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;
 border-bottom:1px solid var(--kant-lett);color:var(--tekst-3)}
.sokfelt{flex:1;min-width:0;border:none;outline:none;background:transparent;
 color:var(--tekst);font-family:inherit;font-size:16px;padding:6px 0}

.sokfelt::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.sokfelt::placeholder{color:var(--plassholder);opacity:1}
.sok-lukk{position:static;width:32px;height:32px}
.sokliste{max-height:min(56dvh,520px);overflow-x:hidden;overflow-y:auto;padding:6px}
.sok-hode{font-size:12px;font-weight:600;color:var(--tekst-3);padding:12px 12px 6px}
.sok-rad{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;
 border:none;background:none;border-radius:10px;padding:8px 12px;cursor:pointer;
 text-align:start;color:var(--tekst);font-family:inherit;font-size:14px}
.sok-rad svg{flex:0 0 auto;color:var(--tekst-3)}
.sok-rad:hover,.sok-rad.pekt{background:var(--hover-rad)}

.rad-tx,
.sok-tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sok-treff{font-size:12.5px;color:var(--tekst-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sok-rad mark{background:transparent;color:var(--tekst);font-weight:600}
.sok-tom{padding:26px 12px;text-align:center;font-size:14px;color:var(--tekst-2)}

.app.lukket .side{align-items:center;overflow:visible}
.app.lukket .side-topp{flex-direction:column;padding:8px 0 0;gap:2px}
.app.lukket .side-merke{margin:0}
.app.lukket .sokerad,.app.lukket .liste,.app.lukket .hjelp-meny,
.app.lukket .rad-tx,.app.lukket .bunn-tx,.app.lukket .pil{display:none}
.app.lukket .fastrader{padding:2px 0;width:100%}
.app.lukket .rad,.app.lukket .bunnrad{width:38px;min-height:38px;padding:0;
 margin:0 auto;justify-content:center;gap:0;border-radius:8px}
.app.lukket .side-bunn{border-top:none;padding:6px 0 10px;align-items:center;width:100%}
.app.lukket .side svg{color:var(--side-ikon)}
.app.lukket .side a:hover svg,.app.lukket .side button:hover svg{color:var(--tekst)}

.skinne-avatar{display:none;flex:0 0 auto;width:32px;height:32px;border:none;
 border-radius:50%;color:#fff;font-size:12px;font-weight:600;cursor:pointer;
 align-items:center;justify-content:center;margin:6px auto 0}
.app.lukket .skinne-avatar{display:flex}

.app.lukket .side-topp .ikonknapp[data-tips="Lukk sidepanel"]{display:none}

.merke-panel{display:none}
.app.lukket .side-merke:hover img{display:none}
.app.lukket .side-merke:hover .merke-panel{display:block;color:var(--tekst)}

.app.lukket .side-bunn .bunnrad{display:none}

.skinne-samtaler{display:none}
.app.lukket .skinne-samtaler{display:flex;width:38px;min-height:38px;margin:0 auto;
 align-items:center;justify-content:center;border:none;background:none;
 border-radius:8px;color:var(--side-ikon);cursor:pointer}
.app.lukket .skinne-samtaler:hover{background:var(--hover-rad);color:var(--tekst)}

.app.lukket .side-topp{display:contents}
.app.lukket .side-merke{order:1;margin-top:8px}
.app.lukket .fastrader{order:2}
.app.lukket .side-topp .ikonknapp{order:3;margin:0 auto}
.app.lukket .skinne-samtaler{order:4}
.app.lukket .side-bunn{order:5;margin-top:auto}
@media(max-width:640px){.boble{max-width:100%}}

.hoved.tom .traad-omslag{margin-top:auto}
.hoved.tom .komp{margin-bottom:auto}
.hoved.tom .traad-omslag{flex:0 0 auto;margin-top:auto}
.hoved.tom .traad{height:auto;overflow:visible}
.hoved.tom .inner{padding-bottom:22px}
.hoved.tom .velkomst{padding-top:0}
.hoved.tom .tilbunn{display:none}
.hoved.tom .fot{display:none}

.innst-ikke{font-size:13px;color:var(--tekst-3);white-space:nowrap}
.innst-rad-kol{display:block}
.innst-rad-kol label{display:block;margin-bottom:8px}
.innst-felt{width:100%;border:1px solid var(--kant-tung);border-radius:10px;
 background:transparent;color:var(--tekst);font-family:inherit;font-size:14px;
 line-height:1.5;padding:10px 12px;resize:vertical;outline:none}
.innst-felt:focus{border-color:var(--tekst-3)}
.innst-felt::placeholder{color:var(--plassholder);opacity:1}
.innst-side{overflow-x:hidden;overflow-y:auto}

.dlg{position:relative;width:100%;max-width:420px;background:var(--modal-bg);
 border-radius:16px;padding:24px;box-shadow:var(--skygge-popover);
 transform:scale(.97);transition:transform .16s ease}
.skjerm.vis .dlg{transform:none}
.dlg-tekst{font-size:16px;line-height:1.5;color:var(--tekst);margin:0 0 16px}
.dlg-felt{margin-bottom:16px}
.dlg-felt[hidden]{display:none}
.dlg-knapper{display:flex;justify-content:flex-end;gap:10px}
#dialog{z-index:61}

.innst-fare.armert{border-color:#c81e1e;color:#c81e1e}
html[data-tema=dark] .innst-fare.armert{border-color:#ff8a8a;color:#ff8a8a}

.rad-li{position:relative}

.rad-li .rad{padding-inline-end:10px}
.rad-li:hover .rad-tx,
.rad-li:focus-within .rad-tx{
  -webkit-mask-image:linear-gradient(to left,transparent 0,#000 56px);
          mask-image:linear-gradient(to left,transparent 0,#000 56px)}

.rad-li .radknapp{position:absolute;top:50%;transform:translateY(-50%);
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  border:none;background:none;border-radius:6px;color:var(--tekst-3);cursor:pointer;
  opacity:0;pointer-events:none;transition:opacity .12s ease}
.rad-fest{right:32px}
.rad-mer{right:4px}
.rad-li:hover .radknapp,.rad-li:focus-within .radknapp,
.rad-li .radknapp:focus-visible{opacity:1;pointer-events:auto}

@media (prefers-reduced-motion:reduce){.rad-li .radknapp{transition:none}}

.rad-meny{position:fixed;z-index:70;min-width:240px;padding:6px;
  background:var(--modal-bg);border:1px solid var(--kant);border-radius:10px;
  box-shadow:var(--skygge-popover);display:flex;flex-direction:column;gap:1px}
.rad-meny[hidden]{display:none}
.rad-meny button{display:flex;align-items:center;gap:10px;width:100%;
  min-height:34px;padding:0 10px;border:none;background:none;border-radius:8px;
  font-size:14px;color:var(--tekst);cursor:pointer;text-align:start}
.rad-meny button svg{flex:0 0 auto;color:var(--tekst-2)}
.rad-meny hr{border:none;border-top:1px solid var(--kant-lett);margin:4px 2px}
.rad-meny .fare,.rad-meny .fare svg{color:var(--fare)}
.rad-meny .fare:hover{background:var(--fare-soft)}

.side-bunn{position:relative}
.konto-rad{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;
  padding:4px 8px;border:none;background:none;border-radius:10px;cursor:pointer;
  text-align:start;color:var(--tekst)}
.konto-rad:hover,.konto-rad[aria-expanded=true]{background:var(--flate-2)}
.konto-av{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:12px;font-weight:600;
  color:#fff;background:var(--flate-3)}
.konto-tx{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.konto-navn{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.konto-plan{font-size:12px;color:var(--tekst-3)}

.app.lukket .konto-rad,.app.lukket .konto-meny{display:none}
.konto-meny{position:absolute;left:8px;right:8px;bottom:calc(100% - 6px);z-index:40;
  display:flex;flex-direction:column;gap:2px;background:var(--modal-bg);
  border:1px solid var(--kant);border-radius:16px;padding:6px;
  box-shadow:var(--skygge-popover)}
.konto-meny[hidden]{display:none}
.konto-meny hr{border:none;border-top:1px solid var(--kant);margin:4px 6px}

.konto-meny .hjelp-meny{margin-bottom:2px}

a.rad{text-decoration:none}

.rad-meny{border-radius:16px;
  box-shadow:var(--skygge-popover)}
.rad-meny button{min-height:36px;border-radius:10px;padding-inline:10px;font-size:14px}

.rad-meny button svg{width:20px;height:20px}

.rad-inn{width:calc(100% - 12px);margin-inline:6px;min-height:36px;
  border:1px solid var(--tekst-3);border-radius:10px;background:var(--flate);
  padding:6px 10px;font-size:14px;font-family:inherit;color:var(--tekst);
  outline:none;display:block}

.ikonknapp,.rad,.radknapp,.bunnrad,.merke-knapp,.kode-kopi,.hbtn,
.kbtn,.knapp,.meny button,.modal-lukk,.sosial,.lenkeknapp,.innst-fane-knapp,
.innst-velg,.side-merke,.konto-rad,.konto-fjern,.sok-rad,.skinne-samtaler,
.skinne-avatar,.rad-meny button,.forslag button,.mini{
  transition:background-color .15s cubic-bezier(.4,0,.2,1),
             color .15s cubic-bezier(.4,0,.2,1),
             border-color .15s cubic-bezier(.4,0,.2,1),
             opacity .15s cubic-bezier(.4,0,.2,1)
}

:root{--meny-hover:#414141}
html[data-tema=light]{--meny-hover:#efeff2}
@media (prefers-color-scheme:light){html[data-tema=system]{--meny-hover:#efeff2}}
.rad-meny button:hover,.rad-meny button:focus-visible,
.konto-meny>.bunnrad:hover,.konto-meny>.bunnrad:focus-visible,
.konto-meny .km-hode:hover,.konto-meny .km-hode:focus-visible,
.hjelp-meny .bunnrad:hover,.hjelp-meny .bunnrad:focus-visible,
.undermeny>.bunnrad:hover,.undermeny>.bunnrad:focus-visible,
.undermeny.apen>.bunnrad{background:var(--meny-hover);color:var(--tekst)}
.rad-meny .fare:hover,.rad-meny .fare:focus-visible{background:var(--fare-soft)}

@keyframes meny-inn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.rad-meny:not([hidden]),.hjelp-meny:not([hidden]){
  animation:meny-inn .15s cubic-bezier(.16,1,.3,1)
}

@keyframes meny-tone{from{opacity:0}to{opacity:1}}
.konto-meny:not([hidden]){animation:meny-tone .2s cubic-bezier(.19,1,.22,1)}
.rad-meny{transform-origin:top left}
.konto-meny{transform-origin:bottom left}
.hjelp-meny{transform-origin:bottom left}

.undermeny{position:relative}
.undermeny>.bunnrad .pil{margin-inline-start:auto;color:var(--tekst-3)}

.hjelp-meny{position:fixed;z-index:60;
  min-width:232px;display:flex;flex-direction:column;gap:2px;padding:6px;
  border-radius:16px;background:var(--modal-bg);border:1px solid var(--kant);
  box-shadow:var(--skygge-popover)}
.hjelp-meny[hidden]{display:none}
.hjelp-meny hr{border:none;border-top:1px solid var(--kant);margin:4px 6px}

.hjelp-meny::before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px}

.km-hode{min-height:52px;gap:10px}
.km-av{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}
.km-tx{min-width:0;display:flex;flex-direction:column;line-height:1.25;flex:1}
.km-navn{font-size:14px;color:var(--tekst);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.km-plan{font-size:12px;color:var(--tekst-3)}
.km-hode .pil{margin-inline-start:auto;color:var(--tekst-3)}

@media (prefers-reduced-motion:reduce){
  .ikonknapp,.rad,.radknapp,.bunnrad,.merke-knapp,.kode-kopi,.hbtn,
  .kbtn,.knapp,.meny button,.modal-lukk,.sosial,.lenkeknapp,.innst-fane-knapp,
  .innst-velg,.side-merke,.konto-rad,.konto-fjern,.sok-rad,.skinne-samtaler,
  .skinne-avatar,.rad-meny button,.forslag button,.mini{transition:none}
  .rad-meny:not([hidden]),.konto-meny:not([hidden]),.hjelp-meny:not([hidden]){animation:none}
}

.md li > a:not(:hover):not(:focus-visible){text-decoration:none}
.md li > a:hover,.md li > a:focus-visible{text-decoration:underline}

#hjelp-knapp[aria-expanded=true] .pil{transform:none}

.bunnrad[hidden]{display:none}

.md dl.tall{grid-template-columns:1fr auto;gap:0}

.md dl.tall dt,.md dl.tall dd{padding:7px 0;border-bottom:1px solid var(--kant-lett)}
.md dl.tall dt{padding-inline-end:calc(var(--sp)*6)}
.md dl.tall dd{padding-inline-start:calc(var(--sp)*6)}
.md dl.tall dd{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.md dl.tall dt:last-of-type,.md dl.tall dd:last-of-type{border-bottom:none}

@media (min-width:720px){
  .md ul.tett.spalter{columns:2;column-gap:calc(var(--sp)*10)}
  .md ul.tett.spalter li{break-inside:avoid}
}

.rad-meny button:focus,.konto-meny>.bunnrad:focus,.konto-meny .km-hode:focus,
.hjelp-meny .bunnrad:focus,.undermeny>.bunnrad:focus{background:var(--meny-hover);color:var(--tekst)}
.rad-meny .fare:focus{background:var(--fare-soft)}

.md table.tall-tab{width:100%;display:table}
.md table.tall-tab th,.md table.tall-tab td{border:none;border-bottom:1px solid var(--kant-lett);padding:7px 0}
.md table.tall-tab thead th{background:none;color:var(--tekst-2);font-weight:600;text-align:end}
.md table.tall-tab tbody th{font-weight:400;color:var(--tekst-2);text-align:start;padding-inline-end:calc(var(--sp)*6)}
.md table.tall-tab td{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline-start:calc(var(--sp)*6)}
.md table.tall-tab tbody tr:last-child th,.md table.tall-tab tbody tr:last-child td{border-bottom:none}

.rad-li.er-igang .rad-tx{padding-inline-end:18px}
.rad-li.er-igang::after{content:"";position:absolute;right:10px;top:50%;
  width:10px;height:10px;margin-top:-5px;border-radius:50%;
  border:2px solid var(--tekst-3);border-top-color:transparent;
  animation:rad-snurr .7s linear infinite;pointer-events:none}

.rad-li.er-igang:hover::after,.rad-li.er-igang:focus-within::after{display:none}
@keyframes rad-snurr{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .rad-li.er-igang::after{animation:none;border-top-color:var(--tekst-3);opacity:.5}
}

:root{--lenke:#7ab7ff;--lenke-hover:#9dc5f5}
html[data-tema=light]{--lenke:#2964aa;--lenke-hover:#1f4f8f}
@media (prefers-color-scheme:light){
  html[data-tema=system]{--lenke:#2964aa;--lenke-hover:#1f4f8f}
}

.kvote{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--boble);border:1px solid var(--kant);border-radius:10px;
  padding:12px 14px;margin-bottom:10px;font-size:14px;line-height:1.5}
.kvote[hidden]{display:none}
.kvote-tekst{flex:1 1 240px;min-width:0}
.kvote-tittel{display:block;font-weight:600;color:var(--tekst)}
.kvote-tekst span{color:var(--tekst-2)}
.kvote-kn{flex:0 0 auto;text-decoration:none;white-space:nowrap}

.meny{min-width:304px;padding:6px;border-radius:16px}
.meny-rad{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;
  padding:8px 10px;border:none;background:none;border-radius:10px;
  text-align:start;color:var(--tekst);cursor:pointer}
#meny-plus{cursor:default}

.meny .meny-rad:hover,.meny .meny-rad:focus-visible{background:var(--meny-hover)}
#meny-plus:hover{background:none}
.meny-ikon{flex:0 0 auto;color:var(--tekst)}
.meny-navn{font-size:14px;font-weight:500;line-height:1.2}
.meny-under{font-size:13px;color:var(--tekst-3);line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meny-hake{flex:0 0 auto;color:var(--tekst)}
.meny-pille{flex:0 0 auto;display:inline-flex;align-items:center;
  height:32px;padding:0 14px;border-radius:9999px;font-size:13px;
  font-weight:500;text-decoration:none;white-space:nowrap;
  background:var(--flate-3);color:var(--tekst)}
[data-tema=dark] .meny-pille{background:#4a4a4a}
.meny-pille:hover{background:var(--tekst);color:var(--flate)}

.merke-knapp[aria-expanded=true]{background:var(--hover-svak)}
.meny-rad[hidden]{display:none}

button:disabled,[role=button][aria-disabled=true]{cursor:default}

.topp-fyll{flex:1 1 auto;min-width:0}
.topp-hoyre{margin-inline-start:0}

@media(max-width:520px){
  .topp:has(#topp-hoyre:not(:empty)) #menyknapp,
  .topp:has(#topp-hoyre:not(:empty)) #midl-knapp{display:none}
}

.bunn-rekke{display:flex;align-items:center;gap:2px;width:100%}
.bunn-rekke>.konto-rad{flex:1 1 auto;min-width:0}
.bunn-tann{flex:0 0 auto}

.app.lukket .bunn-rekke{flex-direction:column;gap:4px}
.app.lukket .bunn-tann{display:none}

@media(pointer:coarse){
  .ikonknapp,.modal-lukk,.kbtn,.send{min-width:44px;min-height:44px}
  .merke-knapp{min-height:44px}
  .knapp{min-height:44px}
  .side-merke{width:44px;height:44px}
  .hbtn{padding:11px 12px}
  .rad,.bunnrad,.konto-rad,.sok-rad,.meny button{min-height:44px}

  .topp{min-height:56px}
}

@media(hover:none){
  .ikonknapp:hover,.kbtn:hover,.hbtn:hover,.modal-lukk:hover,.radknapp:hover,
  .merke-knapp:hover,.sosial:hover,.konto-fjern:hover,
  .innst-fane-knapp:hover,.sok-rad:hover,.meny button:hover,
  .rad:hover:not([aria-current=true]),.bunnrad:hover,.konto-rad:hover
    {background:transparent}
}

@media(hover:none){
  .knapp-fyll:hover,.modal-send:hover{background:var(--fyll-bg)}
}

.topp>.ikonknapp,.topp>.merke-knapp,.topp-hoyre{flex:0 0 auto}
.topp>.merke-knapp{min-width:0}
.merke{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:47.99rem){
  .hoved.tom .komp{margin-bottom:0}

  .hoved.tom .traad-omslag{margin-top:auto;margin-bottom:auto}
}

@media (max-height: 35rem){
  .hoved.tom .traad-omslag{flex:1 1 auto;min-height:0;margin-top:0;margin-bottom:0}

  .hoved.tom .traad{height:100%;min-height:0;overflow-y:auto}
  .hoved.tom .komp{margin-bottom:0}

  .lf-tittel,.lf-tekst{display:none}
  .logginn-felt{padding-top:12px;padding-bottom:max(12px,var(--trygg-bunn))}
}

@media(hover:none){
  .kbtn:not(:disabled):not(:active){background:var(--hover-svak)}
}

@media(pointer:coarse){
  .md li{margin:calc(var(--sp)*4) 0}
  .md li>a{display:inline-block;padding:8px 0}
}

.traad,.liste,.innst-hoved,.innst-side,.arkivliste,.sokliste{overscroll-behavior-y:contain}

body:has(.app){overscroll-behavior-y:none}

:root{--trygg-topp:env(safe-area-inset-top,0px);--trygg-bunn:env(safe-area-inset-bottom,0px);--trygg-venstre:env(safe-area-inset-left,0px);--trygg-hoyre:env(safe-area-inset-right,0px)}
.hoved{padding-inline:var(--trygg-venstre) var(--trygg-hoyre)}
.side{padding-inline-start:var(--trygg-venstre)}
.komp{padding-bottom:max(14px,var(--trygg-bunn))}
.side-bunn{padding-bottom:max(10px,var(--trygg-bunn))}

@media(pointer:coarse){.sokefelt{font-size:16px}}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

html{-webkit-tap-highlight-color:transparent}
button,.rad,.bunnrad,.konto-rad,.ikonknapp,.merke-knapp,.kbtn,.send,.meny button{-webkit-user-select:none;user-select:none}

:root{color-scheme:dark}
html[data-tema=light]{color-scheme:light}
@media(prefers-color-scheme:light){html[data-tema=system]{color-scheme:light}}

button,a,summary,label,.rad,.bunnrad,.konto-rad,.ikonknapp,.merke-knapp,.kbtn,.send,.meny button,input[type=checkbox],input[type=radio]{touch-action:manipulation}

.app{height:calc(100dvh - var(--tastatur,0px))}
body.tastatur-apent .komp{padding-bottom:14px}

@media(pointer:coarse){.hbtn{min-height:44px}}

@media(pointer:coarse){.lenkerad a{display:inline-flex;align-items:center;min-height:44px}}

.skjerm[role=dialog]:focus,
.skjerm[role=dialog]:focus-visible { outline: none; }

.google-boks:focus,.google-boks *:focus,.google-boks *:focus-visible{ outline: none; }

.profil-modal{max-width:428px;padding:24px}
.profil-modal h2{text-align:left;font-size:1.25rem;line-height:1.75rem;margin:0 0 4px}
.profil-bilde{position:relative;width:132px;margin:12px auto 20px}
.profil-av{width:132px;height:132px;border-radius:50%;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#fff;
  font-size:44px;font-weight:600;letter-spacing:.5px;background:var(--kant-tung);
  background-size:cover;background-position:center;overflow:hidden;padding:0}

.profil-av:hover{filter:brightness(1.05)}
.profil-av:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}

.profil-kamera{position:absolute;right:4px;bottom:4px;width:34px;height:34px;
  border-radius:50%;background:var(--modal-bg);border:1px solid var(--kant);
  display:flex;align-items:center;justify-content:center;color:var(--tekst);
  pointer-events:none}
.profil-felt{display:flex;flex-direction:column;gap:6px}
.profil-etikett{font-size:13px;color:var(--tekst-2)}
#profil-navn{min-height:46px;width:100%;border:1px solid var(--kant-tung);
  border-radius:10px;background:transparent;color:var(--tekst);
  padding:0 14px;font-size:1rem;font-family:inherit}
#profil-navn:focus{outline:none;border-color:var(--tekst-3)}
.profil-knapper{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.profil-avbryt,.profil-lagre{min-height:40px;padding:0 18px;border-radius:9999px;
  font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;
  transition:background 150ms cubic-bezier(.4,0,.2,1)}
.profil-avbryt{background:transparent;color:var(--tekst);border:1px solid var(--kant-tung)}
.profil-avbryt:hover{background:var(--kant-lett)}
.profil-lagre{background:var(--fyll-bg);color:var(--fyll-tx);border:none}
.profil-lagre:hover{background:var(--fyll-bg-h)}
.profil-lagre[disabled],.profil-av[disabled]{opacity:.55;cursor:default}
#profil .modal-melding{text-align:left;margin:8px 0 0}

.kortrad{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:10px;
  overflow-x:auto;overscroll-behavior-x:contain;padding:4px 0 10px;scroll-snap-type:x mandatory}
.kort{scroll-snap-align:start;background:var(--flate-2);border:1px solid var(--kant-lett);
  border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.kort-bilde{aspect-ratio:16/10;background:var(--flate-3);overflow:hidden}
.kort-inn{padding:11px 12px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.kort-pris{font-size:14px;font-weight:600;color:var(--tekst)}
.kort-fakta{font-size:13px;color:var(--tekst-2)}
.kort-adr{font-size:13px;color:var(--tekst-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kort-knapp{margin-top:8px;border:1px solid var(--kant);background:transparent;color:var(--tekst);
  border-radius:9999px;padding:7px 12px;font-size:13px;cursor:pointer;min-height:36px}
@media(hover:hover){.kort-knapp:hover{background:var(--hover-svak)}}
.kort-knapp:active{background:var(--press-svak)}
@media(pointer:coarse){.kort-knapp{min-height:44px}}

.kortrad{align-items:start}

.kortrad{grid-auto-columns:minmax(200px,244px);justify-content:start}

.kort{cursor:pointer}
.kort:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}
.detalj{position:fixed;z-index:70;inset:0 0 0 auto;width:min(420px,100%);
  background:var(--flate-2);border-inline-start:1px solid var(--kant);
  display:flex;flex-direction:column;
  padding-inline-end:var(--trygg-hoyre)}
.detalj[hidden]{display:none}
@media(max-width:640px){.detalj{width:100%;border:none}}
.dt-topp{display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:12px 14px;border-bottom:1px solid var(--kant-lett);flex:0 0 auto}
.dt-topp h2{font-size:16px;font-weight:600;margin:0}
.dt-rull{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:14px}
.dt-bilde{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--flate-3)}
.dt-hjerte{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:9999px;
  border:none;background:#0006;color:#fff;font-size:16px;cursor:pointer}
.dt-antall{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;
  font-size:12px;padding:4px 8px;border-radius:6px}
.dt-hode{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 2px}
.dt-adr{font-size:16px;font-weight:600;min-width:0}
.dt-pris{font-size:16px;font-weight:600;white-space:nowrap}
.dt-sted,.dt-fakta{font-size:13px;color:var(--tekst-2)}
.dt-fakta{margin-top:6px}
.dt-besk{font-size:13px;color:var(--tekst-2);margin:10px 0 0;line-height:1.5}
.dt-boks{margin-top:16px;border:1px solid var(--kant-lett);border-radius:10px;padding:13px}
.dt-boks h3{font-size:14px;font-weight:600;margin:0 0 11px}
.dt-to{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.dt-merk{font-size:12px;color:var(--tekst-2)}
.dt-tall{font-size:19px;font-weight:600;margin:2px 0 1px}
.dt-under{font-size:12px;color:var(--tekst-3)}
.dt-punkt{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.dt-punkt li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--tekst-2);line-height:1.45}
.dt-ikon{flex:0 0 auto;width:17px;height:17px;border-radius:9999px;display:grid;place-items:center;
  font-size:11px;line-height:1;margin-top:1px;border:1px solid var(--kant);color:var(--tekst-3)}
.dt-varsel .dt-ikon{border-color:#e0a34d;color:#e0a34d}
.dt-bred{width:100%;justify-content:center}
.dt-rutenett{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dt-verktoy{display:flex;gap:9px;align-items:flex-start;text-align:start;padding:10px;
  border:1px solid var(--kant-lett);border-radius:11px;background:transparent;color:var(--tekst);cursor:pointer}
.dt-vikon{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--flate-3)}
.dt-vtekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.dt-vtekst b{font-size:12.5px;font-weight:600}
.dt-vtekst i{font-size:11.5px;font-style:normal;color:var(--tekst-3)}
.dt-bunn{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:12px 14px;
  border-top:1px solid var(--kant-lett);padding-bottom:max(12px,var(--trygg-bunn))}
@media(hover:hover){.dt-verktoy:hover{background:var(--hover-svak)}}
@media(pointer:coarse){.dt-verktoy,.dt-hjerte{min-height:44px}}
.dt-vikon{display:grid;place-items:center;color:var(--tekst-2)}

:root{--detalj-mal:min(400px,38vw)}
.app{grid-template-columns:var(--side-bredde) minmax(0,1fr) var(--detalj-bredde,0px);
  transition:grid-template-columns .25s cubic-bezier(0,0,.2,1)}

@media(min-width:641px){body.detalj-apen{--detalj-bredde:var(--detalj-mal)}}

@media(min-width:641px){
  .app > .detalj{position:relative;inset:auto;width:auto;min-width:0;overflow:hidden;
    border-inline-start:1px solid var(--kant)}

  .app > .detalj > *{width:var(--detalj-mal);box-sizing:border-box}
}

@media(max-width:640px){
  .detalj{transform:translateX(100%);transition:transform .25s cubic-bezier(0,0,.2,1)}
  body.detalj-apen .detalj{transform:translateX(0)}
}

.detalj>*{opacity:0;transition:opacity .18s ease .06s}
body.detalj-apen .detalj>*{opacity:1}
@media(prefers-reduced-motion:reduce){
  .app,.detalj,.detalj>*{transition-duration:.01ms}
}

.galleri{position:fixed;inset:0;z-index:90;display:grid;place-items:center;
  background:#000000e6;
  padding:max(16px,var(--trygg-bunn))}
.galleri[hidden]{display:none}
body.galleri-apen{overflow:hidden}
.gl-lukk,.gl-pil{position:absolute;border:none;cursor:pointer;color:#fff;
  background:#ffffff1f;border-radius:9999px;display:grid;place-items:center;
  transition:background .15s ease}
.gl-lukk{top:14px;right:14px;width:40px;height:40px;font-size:16px}
.gl-pil{top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:26px;line-height:1}
.gl-forrige{left:14px}
.gl-neste{right:14px}
.gl-teller{position:absolute;top:18px;left:50%;transform:translateX(-50%);
  color:#fff;background:#0000008c;font-size:13px;padding:5px 11px;border-radius:9999px}
@media(hover:hover){.gl-lukk:hover,.gl-pil:hover{background:#ffffff33}}
.gl-lukk:active,.gl-pil:active{background:#ffffff40}
@media(pointer:coarse){.gl-lukk,.gl-pil{width:48px;height:48px}}
@media(max-width:520px){.gl-pil{width:42px;height:42px}.gl-forrige{left:8px}.gl-neste{right:8px}}
@media(prefers-reduced-motion:reduce){.galleri{transition-duration:.01ms}}

.ai-bilde{margin:12px 0 0;max-width:520px}
.ai-bilde img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--kant)}
.ai-bilde figcaption{margin-top:6px;font-size:13px}
.ai-bilde figcaption a{color:var(--tekst-2);text-decoration:none}
.ai-bilde figcaption a:hover{text-decoration:underline}
.ai-bilde-venter,.ai-bilde-feil{margin:12px 0 0;max-width:520px;border:1px solid var(--kant);
  border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:16px;text-align:center;font-size:14px;color:var(--tekst-2);background:var(--flate-3)}
.ai-bilde-venter.kvadratisk{aspect-ratio:1/1}
.ai-bilde-venter.liggende{aspect-ratio:3/2}
.ai-bilde-venter.staaende{aspect-ratio:2/3}
.ai-bilde-snurr{flex:none;width:16px;height:16px;border-radius:50%;
  border:2px solid currentColor;border-top-color:transparent;animation:ai-bilde-snurr .9s linear infinite}
@keyframes ai-bilde-snurr{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ai-bilde-snurr{animation:none}}

.dok-kort{margin:12px 0 0;max-width:520px;border:1px solid var(--kant);
  border-radius:10px;padding:12px;background:var(--flate-2)}
.dok-tittel{font-size:13px;color:var(--tekst-2);margin-bottom:8px}
.dok-fil{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;
  text-decoration:none;color:inherit;border:1px solid transparent}
.dok-fil+.dok-fil{margin-top:2px}
.dok-fil:hover{background:var(--flate-3);border-color:var(--kant)}
.dok-merke{flex:none;font-size:11px;font-weight:600;letter-spacing:.02em;
  padding:3px 7px;border-radius:6px;background:var(--flate-3);color:var(--tekst-2)}
.dok-navn{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.dok-str{flex:none;font-size:12px;color:var(--tekst-2)}
.dok-venter{margin:12px 0 0;max-width:520px;border:1px solid var(--kant);
  border-radius:10px;padding:12px 14px;background:var(--flate-2);color:var(--tekst-2);
  font-size:13px}
.dok-venter-rad{display:flex;align-items:center;gap:9px}
.dok-frem{display:block;height:3px;margin-top:10px;border-radius:2px;
  background:var(--flate-3);overflow:hidden}
.dok-frem i{display:block;height:100%;border-radius:2px;background:var(--tekst-2);
  width:4%;transition:width .5s ease}
@media (prefers-reduced-motion:reduce){.dok-frem i{transition:none}}

.galleri{background:#000}
.gl-stripe{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gl-stripe::-webkit-scrollbar{display:none}
.gl-lysbilde{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;
  scroll-snap-stop:always;display:grid;place-items:center;padding:8px}
.gl-lysbilde img{max-width:100%;max-height:100%;object-fit:contain;
  display:block;border-radius:8px;user-select:none;-webkit-user-drag:none}
.gl-knapp{position:absolute;z-index:2;border:none;cursor:pointer;color:#fff;
  background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-radius:9999px;display:grid;place-items:center;transition:background .15s ease}
@media(hover:hover){.gl-knapp:hover{background:#000000a6}}
.gl-knapp:active{background:#000000bf}
.gl-lukk{top:14px;right:14px;width:40px;height:40px;font-size:14px}
.gl-pil{top:calc(50% - 46px);transform:translateY(-50%);width:46px;height:46px;font-size:26px;line-height:1}
.gl-forrige{left:14px}
.gl-neste{right:14px}
.gl-teller{position:absolute;z-index:2;top:18px;left:50%;transform:translateX(-50%);
  color:#fff;background:#00000073;backdrop-filter:blur(12px);
  font-size:13px;padding:5px 11px;border-radius:9999px}
.gl-teller b{font-weight:600}
.gl-mini-b.valgt{opacity:1;border-color:#fff}
@media(hover:hover){.gl-mini-b:hover{opacity:.85}}
@media(max-width:520px){.gl-mini-b{width:50px;height:38px}}

.dt-topp{gap:4px}
.dt-topp h2{flex:1 1 auto;min-width:0}
.dt-utvid,.dt-lukk{flex:0 0 auto;width:34px;height:34px}
@media(pointer:coarse){.dt-utvid,.dt-lukk{width:44px;height:44px}}

@media(min-width:641px){
  body.detalj-apen.detalj-utvidet{--detalj-bredde:calc(100vw - var(--side-bredde))}
  body.detalj-utvidet .app > .detalj > *:not(.galleri){width:100%}
}
@media(max-width:640px){.dt-utvid{display:none}}

.gl-lysbilde{flex:0 0 auto;width:min(58vw,1180px);height:100%;padding:0 6px}
@media(max-width:900px){.gl-lysbilde{width:min(78vw,720px)}}
@media(max-width:560px){.gl-lysbilde{width:88vw;padding:0 4px}}
.gl-stripe{padding:56px 0 22px;box-sizing:border-box;align-items:center;
  scroll-padding-inline:0}
.gl-stripe::before,.gl-stripe::after{content:"";flex:0 0 21vw}
@media(max-width:900px){.gl-stripe::before,.gl-stripe::after{flex-basis:11vw}}
@media(max-width:560px){.gl-stripe::before,.gl-stripe::after{flex-basis:6vw}}

.gl-lukk{top:14px;left:14px;right:auto}
.gl-pil{top:50%}

.gl-lysbilde img{max-height:100%;width:auto;height:auto;margin:0 auto}

.gl-lysbilde{width:auto;max-width:min(76vw,1500px);min-width:180px}
.gl-lysbilde img{height:100%;width:auto;max-width:100%;object-fit:contain}
@media(max-width:900px){.gl-lysbilde{max-width:84vw}}
@media(max-width:560px){.gl-lysbilde{max-width:90vw}}

.gl-stripe{padding:62px 0}
.gl-lysbilde img{max-height:100%;max-width:100%;width:auto;height:auto}
.gl-lysbilde{width:auto;max-width:min(76vw,1500px);min-width:120px}

.gl-lysbilde{height:auto;align-self:center}
.gl-lysbilde img{max-height:calc(100dvh - 124px);max-width:100%;width:auto;height:auto}

.gl-stripe{gap:min(10dvw,200px);padding:62px 0}
.gl-lysbilde{flex:0 0 50vw;width:50vw;max-width:none;min-width:0;padding:0;height:auto;align-self:center}
.gl-lysbilde img{max-height:calc(100dvh - 124px);max-width:100%;width:auto;height:auto}
@media(max-width:900px){.gl-lysbilde{flex-basis:66vw;width:66vw}}
@media(max-width:560px){.gl-lysbilde{flex-basis:80vw;width:80vw}}

.gl-stripe::before,.gl-stripe::after{flex:0 0 calc(25vw - min(10dvw,200px));min-width:0}
@media(max-width:900px){.gl-stripe::before,.gl-stripe::after{flex-basis:calc(17vw - min(10dvw,200px))}}
@media(max-width:560px){.gl-stripe::before,.gl-stripe::after{flex-basis:calc(10vw - min(10dvw,200px))}}

.gl-tekst{position:absolute;z-index:2;left:50%;bottom:14px;transform:translateX(-50%);
  max-width:min(52rem,calc(100vw - 12rem));padding:8px 16px;font-size:14px;font-weight:500;
  color:#ffffffa6;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:#00000073;backdrop-filter:blur(12px);border-radius:9999px}
@media(max-width:560px){.gl-tekst{max-width:calc(100vw - 32px);font-size:13px}}

.gl-tekst{pointer-events:none}

.dt-fakta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:8px}
.dt-fakt{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--tekst-2);white-space:nowrap}
.dt-fakt svg{flex:0 0 auto;opacity:.75}
.dt-verdi{font-size:16px;letter-spacing:-.01em}

@media(max-width:47.99rem){.app,.app.lukket{grid-template-columns:1fr}}

.kart-boks{height:340px;border-radius:10px;overflow:hidden;margin:14px 0 4px;
  border:1px solid var(--kant);background:var(--flate-2)}
.kart-boks[hidden]{display:none}
.kart-naal-hylster{background:none;border:0}
.kart-naal{display:inline-block;transform:translate(-50%,-100%);white-space:nowrap;
  background:var(--flate);color:var(--tekst);font-weight:600;font-size:12px;
  padding:5px 9px;border-radius:9999px;border:1px solid var(--kant);
  box-shadow:var(--skygge-hevet);cursor:pointer}

.kart-naal:hover{background:var(--fyll-bg);color:var(--fyll-tx);border-color:var(--fyll-bg)}

.maplibregl-map{font:inherit;background:var(--flate-2)}

.kort-bilde{position:relative}
.kort-merke{position:absolute;top:10px;left:10px;z-index:2;font-size:11px;font-weight:600;
  padding:4px 9px;border-radius:6px;color:#fff;letter-spacing:.01em}
.kort-merke.god{background:#1c7f4b}
.kort-merke.hoy{background:#8a5a10}
.kort-hjerte{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;padding:0;
  display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
  background:rgba(0,0,0,.34);color:#fff;font-size:14px;line-height:1;backdrop-filter:blur(4px)}
.kort-hjerte:hover{background:rgba(0,0,0,.55)}
.kort-hjerte[aria-pressed="true"]{color:#ff6b6b}
.kort-antall{position:absolute;left:10px;bottom:10px;z-index:2;font-size:11px;
  padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(4px)}

.kort-pris{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px}
.kort-adr{font-size:13px;color:var(--tekst);line-height:1.35}
.kort-sted{font-size:12.5px;color:var(--tekst-3);margin-top:1px}
.kort-fakta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:9px;
  font-size:12.5px;color:var(--tekst-2)}
.kort-fakta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.kort-fakta svg{flex:none;opacity:.75}
.kort-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.kort-chip{font-size:11.5px;padding:3px 9px;border-radius:9999px;
  border:1px solid var(--kant);color:var(--tekst-2);white-space:nowrap}
.kort-tekst{margin:9px 0 0;font-size:12.5px;line-height:1.45;color:var(--tekst-2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kort-knapper{display:flex;gap:8px;margin-top:12px}
.kort-knapper .kort-knapp{flex:1;min-width:0}

.kortrad{align-items:stretch}
.kort{display:flex;flex-direction:column}
.kort-inn{flex:1}
.kort-knapper{margin-top:auto;padding-top:12px}
.kort-knapper .kort-knapp{margin-top:0;padding:7px 10px;font-size:12.5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.kort-knapper .kort-knapp{flex:0 1 auto;padding:7px 11px}
.kort-knapper .kort-knapp:last-child{flex:1 1 auto}

.kort-antall{display:inline-flex;align-items:center;gap:5px}
.kort-antall svg{flex:none;opacity:.9}

.kart-boks{position:relative;z-index:0;isolation:isolate}

.skriv{color:var(--tekst)}
.skriv::placeholder{color:var(--plassholder);opacity:1}

.forslag button{display:flex;align-items:center;gap:10px}
.forslag .fs-ikon{flex:0 0 auto;opacity:.75}
.forslag button:hover .fs-ikon{opacity:1}

.forslag .fs-flate{flex:0 0 auto;width:30px;height:30px;border-radius:8px;
  display:grid;place-items:center;transition:background .15s ease}
.forslag button:hover .fs-sok{background:#4f8ef733}
.forslag button:hover .fs-pris{background:#2fae6b33}
.forslag button:hover .fs-nokkel{background:#dd933033}
.forslag button:hover .fs-design{background:#a473e833}

.status-boks{display:flex;flex-direction:column;gap:2px;margin:0 0 10px}
.status-rad{font-size:13px;line-height:1.5;color:var(--tekst-3);
  display:flex;align-items:center;gap:7px}
.status-rad::before{content:"";width:6px;height:6px;border-radius:50%;
  background:currentColor;flex:none;opacity:.55;
  animation:status-puls 1.4s ease-in-out infinite}
.status-rad.ferdig{color:var(--tekst-2)}
.status-rad.ferdig::before{animation:none;opacity:.35}
@keyframes status-puls{0%,100%{opacity:.25}50%{opacity:.9}}
@media(prefers-reduced-motion:reduce){.status-rad::before{animation:none}}

.kort-bilde.tom{display:grid;place-items:center;
  background:linear-gradient(160deg,var(--flate-3),var(--flate-2))}
.kort-bilde.tom::after{content:"";width:34px;height:34px;opacity:.28;
  background:currentColor;-webkit-mask:var(--ikon-hus) center/contain no-repeat;
  mask:var(--ikon-hus) center/contain no-repeat}

.status-sammen{margin:0 0 10px}
.status-sammen>summary{font-size:13px;line-height:1.5;color:var(--tekst-3);
  cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;
  transition:color 150ms cubic-bezier(.4,0,.2,1)}
.status-sammen>summary::-webkit-details-marker{display:none}
.status-sammen>summary::before{content:"";width:6px;height:6px;border-radius:50%;
  background:currentColor;flex:none;opacity:.35}
.status-sammen>summary:hover{color:var(--tekst-2)}
.status-sammen[open]>summary{margin-bottom:4px}
.status-sammen .status-rad{padding-left:13px;opacity:.85}

.dt-bunn{background:var(--flate-2)}

.fav-liste .kortrad{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  grid-auto-columns:auto;overflow:visible;padding:0}
.fav-liste .kart-boks{display:none}

@media(pointer:coarse){
  .kort-hjerte{min-width:44px;min-height:44px;top:4px;right:4px;
    background:none;backdrop-filter:none}
  .kort-hjerte::before{content:"";position:absolute;inset:7px;border-radius:50%;
    background:rgba(0,0,0,.34);backdrop-filter:blur(4px);z-index:-1}
}

@media(pointer:coarse){
  .leaflet-control-zoom a{width:44px;height:44px;line-height:44px;font-size:20px}
  .kart-naal{padding:9px 12px;font-size:13px}
}

@media(pointer:coarse){
  .kart-boks .leaflet-control-zoom a.leaflet-control-zoom-in,
  .kart-boks .leaflet-control-zoom a.leaflet-control-zoom-out{
    width:44px;height:44px;line-height:44px;font-size:20px}
  .kart-boks .kart-naal{padding:11px 12px}
}

.kort-bilde .kort-hjerte.kort-knapp{background:rgba(0,0,0,.42);border:0;
  box-shadow:0 1px 4px rgba(0,0,0,.35);backdrop-filter:blur(4px)}
.kort-bilde .kort-hjerte.kort-knapp:hover{background:rgba(0,0,0,.62)}

.oppfolg{margin:18px 0 0;border-top:1px solid var(--kant);padding-top:4px}
.oppfolg-rad{display:flex;align-items:center;gap:10px;width:100%;
  background:none;border:0;border-bottom:1px solid var(--kant);
  padding:11px 2px;text-align:left;font-family:inherit;font-size:.9375rem;
  line-height:1.45;color:var(--tekst-2);cursor:pointer;
  transition:color 150ms cubic-bezier(.4,0,.2,1)}
.oppfolg-rad:last-child{border-bottom:0}
.oppfolg-rad::before{content:"↳";flex:none;color:var(--tekst-3);font-size:.9em}
.oppfolg-rad:hover{color:var(--tekst)}
.oppfolg-rad:hover::before{color:var(--lenke)}
.oppfolg-rad:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px;border-radius:6px}

.melding:not(.du) .handl{opacity:1}
.melding.du .handl{opacity:0}
.melding.du:hover .handl,.melding.du:focus-within .handl{opacity:1}

@media(pointer:coarse){
  .melding.du .handl{opacity:1}
}

.kld-stabel{display:inline-flex;flex-direction:row-reverse}
.kld-stabel img{width:16px;height:16px;border-radius:50%;background:var(--flate);
  border:2px solid var(--flate);margin-inline-start:-6px}
.kld-stabel img:first-child{margin-inline-start:0}
.kld-liste{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kld-liste li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;
  border:1px solid var(--kant);border-radius:9999px;font-size:12.5px;color:var(--tekst-2)}
.kld-liste img{width:16px;height:16px;border-radius:50%}

.kilder-rad{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0}
.kilde-chip{display:inline-flex;align-items:center;font-size:12.5px;line-height:1;
  padding:5px 9px;border-radius:9999px;border:1px solid var(--kant);
  background:var(--flate-2);color:var(--tekst-2);text-decoration:none;
  transition:background 150ms cubic-bezier(.4,0,.2,1),color 150ms cubic-bezier(.4,0,.2,1)}
.kilde-chip:hover{background:var(--kant-lett);color:var(--tekst)}
.kilde-chip:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}

.kilde-kort{display:none}
.kilder-rad{position:relative}
@media (hover:hover) and (pointer:fine){

  .kilde-kort{display:block;position:absolute;bottom:calc(100% + 8px);
    inset-inline-start:0;transform:translateY(4px);
    width:max-content;max-width:min(320px,100%);
    padding:11px 13px;border-radius:16px;z-index:60;
    background:var(--flate-2);border:1px solid var(--kant);
    box-shadow:0 8px 28px #0000001f,0 2px 6px #00000014;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .13s ease,transform .13s ease,visibility .13s}
  .kilde-chip:hover .kilde-kort,.kilde-chip:focus-visible .kilde-kort{
    opacity:1;visibility:visible;transform:translateY(0)}
}
.kk-topp img{width:18px;height:18px;border-radius:50%;flex:none;
  background:var(--flate);object-fit:cover}
@media(prefers-reduced-motion:reduce){.kilde-kort{transition:none}}

.kilder-knapp{gap:7px}

.kld-stabel{display:inline-flex;flex-direction:row-reverse;flex:none}
.kld-stabel img{width:16px;height:16px;border-radius:50%;background:var(--flate);
  margin-inline-start:-6px;object-fit:cover}
.kld-stabel img.klippet{clip-path:url(#kld-klipp)}
.kld-stabel img:first-child{margin-inline-start:0}
.kld-navn{white-space:nowrap}

.kld-panel{display:flex;flex-direction:column;gap:2px}

.kld-post{display:flex;flex-direction:column;gap:2px;padding:10px 12px;
  border-radius:10px;text-decoration:none;color:inherit}
.kld-post:hover{background:var(--flate-2)}
.kld-topp{display:flex;align-items:center;gap:8px;height:24px;min-width:0}
.kld-topp img{width:16px;height:16px;border-radius:50%;flex:none}
.kld-dom{font-size:12.5px;color:var(--tekst-3);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.kld-tit{font-size:14px;font-weight:600;line-height:1.35;color:var(--tekst);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.kld-sti{font-size:12px;line-height:1.35;color:var(--tekst-3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}

.tur-plass{flex:none;pointer-events:none}

.handl .hbtn{width:36px;height:36px;padding:0;border-radius:9999px;
  justify-content:center;gap:0;color:var(--tekst-2);transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}
.handl .hbtn:hover{background:var(--flate-hover);color:var(--tekst)}
.handl .hbtn-tx{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.handl{gap:2px}

.handl .hbtn.kilder-knapp{width:auto;height:auto;padding:6px 12px;
  border-radius:8px;gap:6px;font-size:13px;font-weight:500}

.bygg{margin:12px 0 0;border:1px solid var(--kant);border-radius:10px;
  overflow:hidden;background:var(--flate-2)}
.bygg-topp{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 14px;
  border-bottom:1px solid var(--kant-lett)}
.bygg-tit{flex:1;min-width:0;font-size:13px;color:var(--tekst-2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bygg-ramme{display:block;width:100%;height:420px;border:0;background:var(--flate)}
.bygg.stor .bygg-ramme{height:min(78dvh,760px)}
@media(max-width:640px){.bygg-ramme{height:320px}}
@media(prefers-reduced-motion:no-preference){.bygg-ramme{transition:height .2s cubic-bezier(0,0,.2,1)}}

.boks-midt{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.boks-midt .skriv{flex:1;min-width:120px}

.modus{display:inline-flex;align-items:center;gap:6px;flex:none;
  padding:3px 10px 3px 8px;border-radius:9999px;font-size:13px;font-weight:500;
  color:var(--lenke);background:color-mix(in srgb,var(--lenke) 14%,transparent)}
.modus[hidden]{display:none}
.modus svg{flex:none}
.modus-x{display:inline-flex;border:0;background:none;color:inherit;cursor:pointer;
  padding:0;margin-inline-start:2px;opacity:.7;line-height:1}
.modus-x:hover{opacity:1}

.boks{position:relative}

.vmeny{position:absolute;bottom:calc(100% + 10px);inset-inline-start:0;z-index:40;
  min-width:270px;padding:6px;border-radius:16px;background:var(--modal-bg);
  border:1px solid var(--kant);box-shadow:var(--skygge-popover);
  max-height:max(240px,min(56vh,430px));overflow-y:auto;overscroll-behavior:contain}
.vmeny-rad{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;
  border:0;background:none;color:var(--tekst);border-radius:10px;cursor:pointer;text-align:start}
.vmeny-rad:hover{background:var(--hover-svak)}
.vmeny-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.vmeny-tx b{font-size:13px;font-weight:500}
.vmeny-tx i{font-size:12px;font-style:normal;color:var(--tekst-3)}

.vmeny-strek{height:1px;margin:5px 9px;background:var(--kant)}
.vmeny-pil{flex:none;margin-inline-start:auto;opacity:.55}
.vmeny-hode{padding-block:7px}
.kilde-chip .chip-ikon{width:14px;height:14px;border-radius:50%;
  margin-inline-end:6px;flex:none;background:var(--flate)}

.bygg-pro{margin:0;padding:8px 14px;font-size:12.5px;line-height:1.45;
  color:var(--tekst-3);border-top:1px solid var(--kant,#2a2a2a);}
.bygg-pro a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.bygg-pro a:hover{color:var(--tekst)}

.bygg{position:relative}
.bygg-skjelett{position:absolute;left:0;right:0;bottom:0;top:42px;
  z-index:2;pointer-events:none;overflow:hidden;
  background:linear-gradient(180deg,#eef1f4 0%,#eef1f4 46%,#e4e7e2 46%,#dfe3dd 100%);
  transition:opacity .45s ease}
.bygg.klar .bygg-skjelett{opacity:0}
.bs-hus{position:absolute;left:50%;top:50%;width:38%;height:26%;
  transform:translate(-50%,-42%);border-radius:3px;
  background:linear-gradient(90deg,#d6dae0 25%,#e6eaee 37%,#d6dae0 50%);
  background-size:280% 100%;animation:bs-glid 1.5s ease-in-out infinite}
.bs-hus::before{content:"";position:absolute;left:-9%;right:-9%;bottom:100%;
  height:52%;background:inherit;background-size:280% 100%;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  animation:bs-glid 1.5s ease-in-out infinite}
@keyframes bs-glid{0%{background-position:140% 0}100%{background-position:-140% 0}}
@media (prefers-reduced-motion:reduce){
  .bs-hus,.bs-hus::before{animation:none;background:#dde1e6}}

.eik-panel{position:fixed;z-index:68;inset:0;background:var(--flate-2);
  display:flex;flex-direction:column;overflow:hidden}

@media(min-width:48rem){.eik-panel{left:var(--skinne)}}
.eik-panel[hidden]{display:none}
body.eik-apen{overflow:hidden}

.eik-lerret{flex:1 1 auto;min-height:0;width:100%;background:var(--flate-3,#111)}
.eik-lerret .maplibregl-map{width:100%;height:100%}

.eik-lukk{position:absolute;top:14px;left:14px;z-index:800;
  width:36px;height:36px;border-radius:9999px;border:1px solid var(--kant);
  cursor:pointer;background:var(--flate);color:var(--tekst);
  font-size:14px;line-height:1;display:grid;place-items:center;
  box-shadow:var(--skygge-popover)}
.eik-lukk:hover{background:var(--kant-lett)}

.eik-panel .maplibregl-ctrl-top-left{top:14px;left:14px;margin:0}
.eik-panel .maplibregl-ctrl-top-left .maplibregl-ctrl{margin:46px 0 0}
.eik-panel .maplibregl-ctrl-group{background:var(--flate);border-radius:10px;
  border:1px solid var(--kant);overflow:hidden;
  box-shadow:var(--skygge-popover)}
.eik-panel .maplibregl-ctrl-group button{width:36px;height:36px;background:none}
.eik-panel .maplibregl-ctrl-group button+button{border-top:1px solid var(--kant)}
.eik-panel .maplibregl-ctrl-group button:hover{background:var(--kant-lett)}

[data-tema=dark] .eik-panel .maplibregl-ctrl-icon{filter:invert(1)}
@media (prefers-color-scheme:dark){
  [data-tema=system] .eik-panel .maplibregl-ctrl-icon{filter:invert(1)}
}

.eik-kort{position:absolute;top:14px;right:14px;z-index:800;max-width:min(340px,70%);
  background:var(--flate);color:var(--tekst);border:1px solid var(--kant);
  border-radius:10px;padding:10px 13px;box-shadow:0 6px 24px #0003;
  display:flex;flex-direction:column;gap:2px}
.eik-kort b{font-size:14px;line-height:1.3}
.eik-kort span{font-size:13px;color:var(--tekst-2)}
.eik-kort .eik-meta{color:var(--tekst-3);font-size:12.5px}

.eik-lag{position:absolute;bottom:14px;left:12px;z-index:800;display:flex;gap:4px;
  background:#000a;border-radius:9999px;padding:3px}
.eik-lag button{border:none;background:none;color:#fff9;cursor:pointer;
  font-size:12.5px;padding:5px 12px;border-radius:9999px;line-height:1}
.eik-lag button.valgt{background:#fff;color:#111;font-weight:600}
.eik-kilde{position:absolute;bottom:50px;left:12px;z-index:800;margin:0;
  font-size:11px;color:#fff;background:#000a;padding:3px 9px;border-radius:9999px}
.eik-feil{padding:20px;color:var(--tekst-2)}

.eik-naal span{display:block;width:16px;height:16px;margin:9px;border-radius:9999px;
  background:#ffc233;border:3px solid #fff;box-shadow:0 2px 10px #0009,0 0 0 7px #ffc23340}

@media(max-width:999px){
  .eik-kort{max-width:calc(100% - 76px)}
}
.eik-panel .maplibregl-ctrl-attrib{font-size:11px}

.eik-forhand{display:block;width:100%;margin:16px 0 6px;padding:0;overflow:hidden;
  border:1px solid var(--kant);border-radius:10px;cursor:pointer;
  background:var(--flate-2);color:var(--tekst);text-align:start;font:inherit}

.eik-forhand:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}
.eik-forhand:hover{background:var(--kant-lett)}

.eik-fh-kart{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;
  background:#45516E}
@media (prefers-color-scheme:light){.eik-fh-kart{background:#f8f4f0}}
[data-tema=dark] .eik-fh-kart{background:#45516E}
[data-tema=light] .eik-fh-kart{background:#f8f4f0}

.eik-fh-naal{position:absolute;left:50%;top:50%;width:14px;height:14px;
  margin:-7px 0 0 -7px;border-radius:9999px;background:#ffc233;border:3px solid #fff;
  box-shadow:0 2px 8px #0008,0 0 0 6px #ffc23333}
.eik-fh-vektor.klar ~ .eik-fh-naal{display:none}

.eik-forhand .eik-pille{pointer-events:none}

.eik-forhand .eik-pille-egen{pointer-events:auto}

.eik-forhand:has(.eik-pille-egen:hover) ,
.eik-forhand:has(.eik-pille-egen:focus-within){overflow:visible}
.eik-fh-kart:has(.eik-pille-egen:hover),
.eik-fh-kart:has(.eik-pille-egen:focus-within){overflow:visible}
.eik-fh-tx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}
.eik-fh-tx b{font-size:14.5px}
.eik-fh-tx span{font-size:12.5px;color:var(--tekst-3)}

.eik-verdi{margin-top:14px}

.eik-fh-bunn{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;
  display:flex;align-items:center;gap:12px;padding:11px 14px;
  background:var(--flate);border-radius:10px;box-shadow:0 6px 22px #0005}

@media (prefers-color-scheme:dark){

}

@keyframes eik-puls{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.eik-fh-naal,.eik-naal span{animation:1.8s cubic-bezier(.4,0,.6,1) infinite eik-puls;
  will-change:transform}
@media (prefers-reduced-motion:reduce){
  .eik-fh-naal,.eik-naal span{animation:none}
}

.eik-fh-utvid{position:absolute;top:10px;right:10px;z-index:5;
  display:inline-flex;align-items:center;
  gap:5px;background:#ffffffed;color:#1a1a1a;font-size:12.5px;line-height:1;
  font-weight:600;padding:7px 11px;border-radius:9999px;backdrop-filter:blur(6px);
  white-space:nowrap;box-shadow:var(--skygge-hevet)}
.eik-forhand:hover .eik-fh-utvid{background:#fff}

details.eik-gate,details.eik-detaljer{margin:18px 0 4px;border-top:1px solid var(--kant-lett);padding-top:12px}
details.eik-gate summary,details.eik-detaljer summary{cursor:pointer;font-size:14px;color:var(--tekst-2);list-style:none}
details.eik-gate summary::-webkit-details-marker,details.eik-detaljer summary::-webkit-details-marker{display:none}
details.eik-gate summary::before,details.eik-detaljer summary::before{content:"›";display:inline-block;transition:transform .15s ease;margin-inline-end:6px}
details[open].eik-gate summary::before,details[open].eik-detaljer summary::before{transform:rotate(90deg)}

.eik-virk{list-style:none;padding:0;margin:10px 0}
.eik-virk li{padding:6px 0}
.eik-virk li:last-child{border-bottom:none}
.eik-virk a{font-weight:600;display:block}
.eik-virk span{display:block;font-size:13px;color:var(--tekst-3);margin-top:1px;line-height:1.4}
details.eik-stat{margin:18px 0 4px;border-top:1px solid var(--kant-lett);padding-top:12px}
details.eik-stat summary{cursor:pointer;font-size:14px;color:var(--tekst-2);list-style:none}
details.eik-stat summary::-webkit-details-marker{display:none}

#pluss[hidden]{display:none!important}

.tab-rull{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}

.rgg-fig{margin:calc(var(--sp)*5) 0 calc(var(--sp)*2);position:relative;
  --rgg-1:#3987e5; --rgg-2:#199e70;}
html[data-tema=light] .rgg-fig{--rgg-1:#2a78d6; --rgg-2:#1baf7a}
@media(prefers-color-scheme:light){html[data-tema=system] .rgg-fig{--rgg-1:#2a78d6; --rgg-2:#1baf7a}}
.rgg{width:100%;height:auto;display:block;overflow:visible}

.rgg-rut{stroke:var(--kant-lett);stroke-width:1;shape-rendering:crispEdges}
.rgg-null{stroke:var(--kant-tung)}
.rgg-tick,.rgg-aar{fill:var(--tekst-3);font-size:11px;font-variant-numeric:tabular-nums}
.rgg-aar{font-size:12px}
.rgg-treff{fill:transparent;cursor:pointer;outline:none}
.rgg-treff:hover,.rgg-treff:focus-visible{fill:var(--hover-svak)}
.rgg-treff:focus-visible{stroke:var(--lenke);stroke-width:2}

.rgg-tegn{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;
  margin:0 0 10px;font-size:13px;color:var(--tekst-2)}
.rgg-nokkel{display:inline-flex;align-items:center;gap:7px}
.rgg-nokkel i{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.rgg-sv1{background:var(--rgg-1)}
.rgg-sv2{background:var(--rgg-2)}
.rgg-enhet{margin-inline-start:auto;color:var(--tekst-3);font-size:12px}

.rgg-boble{position:absolute;z-index:5;pointer-events:none;min-width:150px;
  background:var(--modal-bg);border:1px solid var(--kant);border-radius:10px;
  padding:9px 11px;box-shadow:0 6px 24px #0000002e;font-size:13px;
  transform:translate(-50%,-100%);transition:opacity .12s ease}
.rgg-boble[hidden]{display:none}
.rgg-boble b{display:block;font-size:12px;color:var(--tekst-3);font-weight:500;margin-bottom:5px}
.rgg-rad{display:flex;align-items:baseline;gap:8px;margin-top:3px}
.rgg-strek{width:12px;height:2px;border-radius:2px;flex:0 0 auto;position:relative;top:-3px}
.rgg-verdi{font-variant-numeric:tabular-nums;color:var(--tekst);font-weight:600}
.rgg-navn{color:var(--tekst-3);font-size:12px;margin-inline-start:auto}
@media(prefers-reduced-motion:reduce){.rgg-boble{transition:none}}

.dk-seksjon .dk-rull{overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin-inline:-2px;padding-inline:2px}
.dk-seksjon table.tall-tab{width:100%;min-width:34rem;border-collapse:collapse;
  font-variant-numeric:tabular-nums}
.dk-seksjon table.tall-tab th{font-weight:500;white-space:nowrap;
  font-size:.78em;letter-spacing:.04em;text-transform:uppercase;opacity:.62}
.dk-seksjon table.tall-tab td{white-space:nowrap}

.dk-seksjon table.dk-byg td:nth-child(2){white-space:normal;min-width:10rem}
.dk-seksjon table.dk-enh td:nth-child(3){white-space:normal;min-width:9rem}
.dk-seksjon table.dk-enh th:nth-child(-n+2),
.dk-seksjon table.dk-enh td:nth-child(-n+2){width:1%;white-space:nowrap}

.kildelinje{display:flex;align-items:center;gap:6px;margin:calc(var(--sp)*3) 0 0;
  font-size:12.5px;color:var(--tekst-3)}
.kildelinje svg{width:14px;height:14px;flex:0 0 auto;opacity:.75}

.dk-seksjon details{border-top:1px solid var(--kant);margin:.35rem 0 0}
.dk-seksjon details:last-of-type{border-bottom:1px solid var(--kant)}
.dk-seksjon summary{display:flex;align-items:center;gap:.55rem;cursor:pointer;
  padding:.7rem 0;list-style:none;font-size:.94em;opacity:.78}
.dk-seksjon summary::-webkit-details-marker{display:none}
.dk-seksjon summary:hover,.dk-seksjon details[open] summary{opacity:1}
.dk-seksjon summary::before{content:"";width:.42em;height:.42em;flex:none;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);transition:transform .18s ease}
.dk-seksjon details[open] summary::before{transform:rotate(45deg)}
.dk-seksjon details>dl{margin:0 0 .9rem}
@media (prefers-reduced-motion:reduce){
  .dk-seksjon summary::before{transition:none}
}

@media (prefers-color-scheme:light){
}

.dk-seksjon table.tall-tab th.n,
.dk-seksjon table.tall-tab td.n{text-align:right}
.dk-seksjon table.tall-tab th:first-child,
.dk-seksjon table.tall-tab td:first-child{text-align:left;width:1%}
.dk-seksjon table.tall-tab th:last-child,
.dk-seksjon table.tall-tab td:last-child{padding-right:.15rem}

.dk-seksjon table.tall-tab th,
.dk-seksjon table.tall-tab td{text-align:left}
.dk-seksjon table.tall-tab th.n,
.dk-seksjon table.tall-tab td.n{text-align:right}

.dk-seksjon table.dk-enh tr.tom td{opacity:.5}

.md .dk-seksjon table.tall-tab thead th{text-align:left}
.md .dk-seksjon table.tall-tab thead th.n{text-align:right}
.md .dk-seksjon table.tall-tab tbody td{text-align:left}
.md .dk-seksjon table.tall-tab tbody td.n{text-align:right}

.md .dk-seksjon table.tall-tab th,
.md .dk-seksjon table.tall-tab td{padding-inline:.45rem}
.md .dk-seksjon table.tall-tab th:first-child,
.md .dk-seksjon table.tall-tab td:first-child{padding-inline-start:0}
.md .dk-seksjon table.tall-tab th:last-child,
.md .dk-seksjon table.tall-tab td:last-child{padding-inline-end:0}

.rgg-fliser{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px;background:var(--kant-lett);border:1px solid var(--kant-lett);
  border-radius:10px;overflow:hidden;margin:calc(var(--sp)*5) 0}
.rgg-flis{background:var(--flate);padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.rgg-flis-navn{font-size:12.5px;color:var(--tekst-3)}
.rgg-flis-tall{font-size:22px;font-weight:600;color:var(--tekst);line-height:1.15}

.rgg-delta{font-size:12.5px;display:inline-flex;align-items:center;gap:4px;
  font-variant-numeric:tabular-nums}
.rgg-opp{color:#0ca30c}
.rgg-ned{color:#d03b3b}
html[data-tema=light] .rgg-opp{color:#006300}
@media(prefers-color-scheme:light){html[data-tema=system] .rgg-opp{color:#006300}}

@media (max-width:46rem){
  .dk-seksjon .dk-rull{overflow-x:visible}
  .dk-seksjon table.tall-tab,
  .dk-seksjon table.tall-tab tbody,
  .dk-seksjon table.tall-tab tr,
  .dk-seksjon table.tall-tab td{display:block;width:auto;min-width:0}
  .dk-seksjon table.tall-tab thead{position:absolute;width:1px;height:1px;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:46rem){
  .dk-seksjon table.tall-tab tr{padding:.85rem 0;border-top:1px solid var(--kant)}
  .dk-seksjon table.tall-tab tr:first-child{border-top:0}
  .md .dk-seksjon table.tall-tab td{display:flex;justify-content:space-between;
    align-items:baseline;gap:1.5rem;padding:.2rem 0;border:0;text-align:left}
  .md .dk-seksjon table.tall-tab td.n{text-align:left}
  .dk-seksjon table.tall-tab td::before{content:attr(data-e);flex:none;
    opacity:.55;font-size:.88em}
}
@media (max-width:46rem){

  .md .dk-seksjon table.dk-byg td:first-child{display:none}
  .md .dk-seksjon table.dk-enh td:nth-child(-n+2){display:inline-flex;
    width:auto;gap:.3rem;padding-right:.9rem}
  .dk-seksjon table.tall-tab td[data-e="Anvendelse"]{font-weight:500;
    padding-bottom:.45rem}
  .dk-seksjon table.tall-tab td[data-e="Anvendelse"]::before{display:none}
}
@media (max-width:46rem){

  .md .dk-seksjon table.tall-tab td.x{display:none}

  .dk-seksjon table.dk-enh tr.tom td[data-e="Anvendelse"]{font-weight:400;opacity:.6}
}

.md .dk-seksjon details dl.tall dd{white-space:normal;text-align:start;
  padding-inline-start:calc(var(--sp)*3)}
.md .dk-seksjon details dl.tall dt{padding-inline-end:calc(var(--sp)*3);
  white-space:nowrap}

@media (max-width:46rem){

  .md .dk-seksjon details dl.tall{grid-template-columns:1fr}
  .md .dk-seksjon details dl.tall dt{padding:.7rem 0 0;border-bottom:0;
    opacity:.6;font-size:.9em}
  .md .dk-seksjon details dl.tall dd{padding:.1rem 0 .7rem}
}

@media(max-width:560px){
  .rgg-fliser{grid-template-columns:1fr}
  .rgg-flis{padding:12px 14px}
  .rgg-flis-tall{font-size:20px}
}

.md .dk-seksjon p.dk-sum{margin:-.35rem 0 .9rem;opacity:.68;
  font-variant-numeric:tabular-nums;line-height:1.5}

.md .dk-seksjon .dk-sokform{display:flex;gap:.6rem;margin:1.2rem 0 1.6rem;max-width:32rem}
.md .dk-seksjon .dk-sokform input{flex:1;min-width:0;padding:.8rem 1.05rem;font:inherit;
  color:var(--tekst);background:var(--flate);border:1px solid var(--kant);
  border-radius:9999px;outline:none}
.md .dk-seksjon .dk-sokform input:focus{border-color:var(--kant-lett)}
.md .dk-seksjon .dk-sokform button{padding:.8rem 1.4rem;font:inherit;font-weight:500;
  cursor:pointer;color:var(--flate);background:var(--tekst);border:0;border-radius:9999px}

.md .dk-seksjon .dk-sokform button:hover{opacity:1;filter:brightness(1.08)}
.md .dk-seksjon .dk-ingen{opacity:.7}
.md .dk-seksjon ul.dk-liste{list-style:none;margin:0;padding:0;
  border-top:1px solid var(--kant)}
.md .dk-seksjon ul.dk-liste li{margin:0}
.md .dk-seksjon ul.dk-liste a{display:flex;flex-wrap:wrap;gap:.15rem 1rem;
  justify-content:space-between;align-items:baseline;padding:.75rem .2rem;
  border-bottom:1px solid var(--kant);text-decoration:none}
.md .dk-seksjon ul.dk-liste a:hover{background:var(--hover-svak)}
.md .dk-seksjon .dk-adr{font-weight:500}
.md .dk-seksjon .dk-sted{opacity:.6;font-size:.9em;font-variant-numeric:tabular-nums}

.md .dk-seksjon ul.dk-postnr{list-style:none;margin:0;padding:0;
  font-variant-numeric:tabular-nums}

@media (min-width:70rem){.md .dk-seksjon ul.tett.dk-postnr{columns:3}}
.md .dk-seksjon ul.dk-postnr li{margin:0;break-inside:avoid}
.md .dk-seksjon ul.dk-postnr a{display:flex;gap:.5rem;padding:.3rem .2rem;
  text-decoration:none;font-size:.94em}
.md .dk-seksjon ul.dk-postnr a:hover{background:var(--hover-svak)}
.md .dk-seksjon ul.dk-postnr b{font-weight:500;flex:none;min-width:2.9em}
.md .dk-seksjon ul.dk-postnr span{margin-left:auto;opacity:.45;font-size:.9em}
.md .dk-seksjon .dk-husnr{margin:0}
.md .dk-seksjon nav.dk-sti{display:flex;flex-wrap:wrap;gap:.45rem;
  align-items:center;font-size:.88em;opacity:.62;margin:0 0 1.1rem}
.md .dk-seksjon nav.dk-sti a{text-decoration:none;border-bottom:1px solid transparent}
.md .dk-seksjon nav.dk-sti a:hover{opacity:1;border-bottom-color:var(--kant-lett)}
.md .dk-seksjon nav.dk-sti span{opacity:.5}

.eik-pille{display:flex;flex-direction:column;align-items:center;gap:3px;
  cursor:pointer;user-select:none;position:relative}
.eik-pille-t{display:inline-flex;align-items:center;gap:4px;
  padding:3px 9px;border-radius:9999px;background:#1c1d21;color:#fff;
  font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;
  box-shadow:0 1px 3px #0009,0 0 0 1px #ffffff1a}
.eik-pille-e{max-width:13rem;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:#fff;font-size:12.5px;font-weight:600;
  text-shadow:0 1px 3px #000,0 0 6px #000c}

.eik-pille-egen .eik-pille-t{background:#c8412c;font-size:13px;
  box-shadow:0 2px 6px #000a,0 0 0 3px #c8412c33}
.eik-pille:hover .eik-pille-t{background:#2a2b31}

.eik-pille-egen:hover .eik-pille-t{background:#a8341f}

[data-tema=light] .eik-pille-t{background:#fff;color:#16181d;
  box-shadow:var(--skygge-kort)}
[data-tema=light] .eik-pille-e{color:#16181d;
  text-shadow:0 1px 2px #fff,0 0 5px #ffffffe0}
[data-tema=light] .eik-pille:hover .eik-pille-t{background:#f2f2f4}
[data-tema=light] .eik-pille-egen .eik-pille-t{background:#c8412c;color:#fff;
  box-shadow:0 2px 6px #0003,0 0 0 3px #c8412c33}

[data-tema=light] .eik-pille-egen:hover .eik-pille-t{background:#a8341f}
@media (prefers-color-scheme:light){
  [data-tema=system] .eik-pille-t{background:#fff;color:#16181d;
    box-shadow:var(--skygge-kort)}
  [data-tema=system] .eik-pille-e{color:#16181d;
    text-shadow:0 1px 2px #fff,0 0 5px #ffffffe0}
  [data-tema=system] .eik-pille:hover .eik-pille-t{background:#f2f2f4}
  [data-tema=system] .eik-pille-egen .eik-pille-t{background:#c8412c;color:#fff}
  [data-tema=system] .eik-pille-egen:hover .eik-pille-t{background:#a8341f}
}

details.eik-virk-mer{margin:.4rem 0 0}
details.eik-virk-mer summary{cursor:pointer;font-size:14px;color:var(--tekst-2);list-style:none}
details.eik-virk-mer summary::-webkit-details-marker{display:none}
details.eik-virk-mer summary::before{content:"\203A";display:inline-block;
  transition:transform .15s ease;margin-inline-end:6px}
details[open].eik-virk-mer summary::before{transform:rotate(90deg)}
details.eik-virk-mer .eik-virk{margin-top:.35rem}

.md > p, .md > ul, .md > ol, .md > dl, .md > details, .md > blockquote,
.md div.kilde > p, .md div.kilde > ul{max-width:65ch}

.md > h1, .md > h2, .md > h3{max-width:65ch}

.md .eik-flagg{position:relative;padding-inline-start:1.35em}
.md .eik-flagg::before{content:"\25CF";position:absolute;inset-inline-start:0;top:.02em;
  color:var(--tekst-3);font-size:.62em;line-height:2}
[data-tema=dark] .md .eik-flagg::before{color:var(--tekst-3)}
@media (prefers-color-scheme:dark){
  [data-tema=system] .md .eik-flagg::before{color:#e0a83a}
}
li.eik-flagg{list-style:none;margin-inline-start:-1.35em}

.sitat{display:inline-flex;align-items:center;position:relative;
  margin-inline-start:3px;padding:1px 8px;border-radius:9999px;
  font-size:12px;line-height:1.5;vertical-align:baseline;
  background:var(--kant-lett);color:var(--tekst-2);text-decoration:none;
  white-space:nowrap;transition:background 140ms,color 140ms}
.sitat:hover{background:var(--kant);color:var(--tekst)}

.md a.sitat,.md a.sitat:hover{text-decoration:none}

.sitat-navn{display:inline}
.sitat-kort{display:none}
@media (hover:hover) and (pointer:fine){
  .sitat-kort{display:block;position:absolute;bottom:calc(100% + 7px);
    inset-inline-start:50%;transform:translateX(-50%) translateY(4px);
    width:max-content;max-width:min(340px,72vw);z-index:70;
    padding:6px;border-radius:16px;white-space:normal;
    background:var(--flate-2);border:1px solid var(--kant);
    box-shadow:0 10px 30px #00000024,0 2px 6px #00000014;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .13s ease,transform .13s ease,visibility .13s}
  .sitat:hover .sitat-kort,.sitat:focus-visible .sitat-kort{
    opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
}

.sk-post{display:block;padding:7px 9px;border-radius:11px}
.sk-post + .sk-post{margin-top:1px}
.sk-tit{display:-webkit-box;font-size:13px;font-weight:600;color:var(--tekst);
  line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-dom{display:block;font-size:11.5px;color:var(--tekst-2);margin-top:2px}
@media(prefers-reduced-motion:reduce){.sitat-kort,.sitat{transition:none}}

.md .presis{font-size:11.5px;color:var(--tekst-3);letter-spacing:.02em;
  margin-inline-start:.4em;font-style:italic}

.handl-side{opacity:1;margin-top:.4rem}
.handl-side .hbtn{color:var(--side-ikon,var(--tekst-2))}
.handl-side .hbtn:hover{color:var(--tekst)}

.eik-fh-kart .eik-fh-vektor{position:absolute;display:block;
  top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .25s ease}
.eik-fh-kart .eik-fh-vektor.klar{opacity:1}

.eik-fh-vektor canvas{outline:none}
@media (prefers-reduced-motion:reduce){.eik-fh-kart .eik-fh-vektor{transition:none}}

.sitat-l{display:inline-flex;align-items:center;gap:5px;
  color:inherit;text-decoration:none;max-width:100%}

.md a.sitat-l,.md a.sitat-l:hover,.md a.sitat-l:visited{
  color:inherit;text-decoration:none}
.sitat-ring{display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;flex:0 0 auto;border-radius:50%;overflow:hidden;
  background:var(--flate-2);border:1px solid var(--kant)}
.sitat-ring img{width:11px;height:11px;display:block;object-fit:contain}

.sitat-ring.sitat-klippet{margin-inline-end:4px}
.sitat-navn{display:inline;font-size:12px;line-height:1.4;color:inherit;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.bunnlinje{display:flex;flex-wrap:wrap;align-items:center;
  gap:8px 12px;margin:14px 0 0}
.bunnlinje .kilder-rad{margin:0;flex:0 1 auto;min-width:0}
.bunnlinje .handl-side{flex:0 0 auto;margin-top:0}

.melding.du .handl{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .melding.du .handl{transition:opacity .3s cubic-bezier(.4,0,.2,1)}
}
.melding.du:hover .handl{transition-delay:.3s}
.melding.du .handl:hover,.melding.du .handl:focus-within{transition:none}
.melding.du:hover .handl,.melding.du:focus-within .handl{opacity:1}

.melding:not(.du) .handl{
  opacity:1;
  -webkit-mask-image:linear-gradient(to right,#000 33%,transparent 66%);
          mask-image:linear-gradient(to right,#000 33%,transparent 66%);
  -webkit-mask-size:300% 100%;  mask-size:300% 100%;
  -webkit-mask-position:100% 0%; mask-position:100% 0%;
}
@media (prefers-reduced-motion:no-preference){
  .melding:not(.du) .handl{transition:-webkit-mask-position 1.5s,mask-position 1.5s}
}
.melding:not(.du):hover .handl,.melding:not(.du):focus-within .handl{
  -webkit-mask-position:0 0; mask-position:0 0;
}
@media (pointer:coarse){
  .handl{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}
}

.hbtn{color:var(--tekst-2)}
.hbtn svg{width:var(--ikon-md,1.125rem);height:var(--ikon-md,1.125rem)}
.hbtn:hover{background:var(--flate-hover);color:var(--tekst)}

:root{--blue-200:#63a8f8;--blue-300:#539af8;
      --merking:color-mix(in oklab,var(--blue-200) 40%,transparent)}
html[data-tema=light]{--merking:color-mix(in oklab,var(--blue-300) 35%,transparent)}
@media (prefers-color-scheme:light){
  html[data-tema=system]{--merking:color-mix(in oklab,var(--blue-300) 35%,transparent)}
}
::selection{background-color:var(--merking);text-shadow:none}

.md code{font-weight:500;border-radius:.25rem;padding:.15rem .3rem}
.kode code{font-weight:400;background:none;padding:0}

.md blockquote{position:relative;border:0;padding:8px 0 8px 24px;line-height:24px;color:var(--tekst);margin:0 0 8px}
.md blockquote::after{content:"";position:absolute;inset:8px auto 8px 0;width:4px;border-radius:2px;background:var(--kant)}

.melding .handl-side,.melding:not(.du) .handl-side{
  -webkit-mask-image:none;mask-image:none;
  -webkit-mask-position:0 0;mask-position:0 0;opacity:1}

.ikonknapp,.kbtn,.send,.modal-lukk,.handl .hbtn,.merke-knapp{--knapp-ikon:var(--ikon-md)}
.sok-rad{--knapp-ikon:var(--ikon-lg)}
:is(.ikonknapp,.kbtn,.send,.modal-lukk,.hbtn,.merke-knapp,.sok-rad)>svg:not([data-fast]){
  width:var(--knapp-ikon,1.125rem);height:var(--knapp-ikon,1.125rem);
  flex-grow:0;flex-shrink:0}

:root{--glim-takt:2s}
.status-rad:not(.ferdig){
  --glim-kontrast:#0009;
  --glim-tekst:var(--tekst-2);
  background:var(--glim-tekst) linear-gradient(to right,
    var(--glim-tekst) 0%,var(--glim-kontrast) 40%,
    var(--glim-kontrast) 60%,var(--glim-tekst) 100%);
  background-position:-100% top;
  background-repeat:no-repeat;
  background-size:50% 200%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:laste-glim var(--glim-takt) infinite}
@keyframes laste-glim{
  0%{background-position:-100% top}
  100%{background-position:250% top}}
html[data-tema=light] :is(.laste-glim,.status-rad:not(.ferdig)){--glim-kontrast:#ffffffbf}
@media(prefers-color-scheme:light){
  html[data-tema=system] :is(.laste-glim,.status-rad:not(.ferdig)){--glim-kontrast:#ffffffbf}}
:is(.laste-glim,.status-rad:not(.ferdig)):hover{
  -webkit-text-fill-color:var(--tekst);background:0 0;animation:none}
@media (prefers-reduced-motion:reduce){
  :is(.laste-glim,.status-rad:not(.ferdig)){
    -webkit-text-fill-color:currentColor;background:0 0;animation:none}}

@media (prefers-reduced-motion:no-preference){
  .melding:last-child .md>*{animation:innhold-inn .18s ease-out both}
}
@keyframes innhold-inn{0%{opacity:0}100%{opacity:1}}

.traad,.komp{--trad-marg:16px}
@container main (width >= 40rem){.traad,.komp{--trad-marg:24px}}
@container main (width >= 64rem){.traad,.komp{--trad-marg:64px}}
.traad{padding-inline:var(--trad-marg)}
.komp{padding-inline:var(--trad-marg)}

.md blockquote>p{margin:0;font-weight:400}

:root{
  --ease-in:cubic-bezier(.4,0,1,1);
  --ease-out:cubic-bezier(0,0,.2,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --cubic-enter:cubic-bezier(.19,1,.22,1);
  --cubic-exit:cubic-bezier(.8,0,.4,1);
  --cubic-exit-snappy:cubic-bezier(.65,0,.4,1);
  --cubic-move:cubic-bezier(.65,0,.35,1);
  --overgang:.15s;
  --overgang-kurve:var(--ease-in-out);
}
:root{
  --spring-common:linear(0, .00506 1.18%, .02044 2.46%, .08322 5.391%, .46561 17.652%, .63901 24.342%, .76663 31.093%, .85981 38.454%, .89862 42.934%, .92965 47.845%, .95366 53.305%, .97154 59.516%, .99189 74.867%, .9991);
  --spring-common-duration:.667s;
  --spring-fast:linear(0, .01942 1.83%, .07956 4.02%, .47488 13.851%, .65981 19.572%, .79653 25.733%, .84834 29.083%, .89048 32.693%, .9246 36.734%, .95081 41.254%, .97012 46.425%, .98361 52.535%, .99665 68.277%, .99988);
  --spring-fast-duration:.667s;
  --spring-standard:var(--spring-common);
}
:root{
  --spring-bounce:linear(0, .00541 1.29%, .02175 2.68%, .04923 4.19%, .08852 5.861%, .17388 8.851%, .48317 18.732%, .57693 22.162%, .65685 25.503%, .72432 28.793%, .78235 32.163%, .83182 35.664%, .87356 39.354%, .91132 43.714%, .94105 48.455%, .96361 53.705%, .97991 59.676%, .9903 66.247%, .99664 74.237%, .99968 84.358%, 1.00048);
  --spring-bounce-duration:.833s;
  --spring-fast-bounce:linear(0, .00683 1.14%, .02731 2.35%, .11137 5.091%, .59413 15.612%, .78996 20.792%, .92396 25.953%, .97109 28.653%, 1.00624 31.503%, 1.03801 36.154%, 1.0477 41.684%, 1.00242 68.787%, .99921);
  --spring-fast-bounce-duration:1s;
}
:root{
  --spring-slow-bounce:linear(0, .00172 0.51%, .00682 1.03%, .02721 2.12%, .06135 3.29%, .11043 4.58%, .21945 6.911%, .59552 14.171%, .70414 16.612%, .79359 18.962%, .86872 21.362%, .92924 23.822%, .97589 26.373%, 1.01 29.083%, 1.0264 31.043%, 1.03767 33.133%, 1.04411 35.404%, 1.04597 37.944%, 1.04058 42.454%, 1.01119 55.646%, 1.00137 63.716%, .99791 74.127%, .99988);
  --spring-slow-bounce-duration:1.167s;
}

@supports not (transition-timing-function:linear(0, 0 0%)){
  :root{--spring-common:ease-in-out;--spring-fast:ease-in-out;
        --spring-bounce:ease-in-out;--spring-fast-bounce:ease-in-out;
        --spring-slow-bounce:ease-in-out}
}

:root{--easing-spring-elegant-duration:.58171s;
--easing-spring-elegant:linear(0 0%, .005927 1%, .022466 2%, .047872 3%, .080554 4%, .119068 5%, .162116 6%, .208536 7%, .2573 8%, .3075 9%, .358346 10%, .409157 11%, .45935 12%, .508438 13%, .556014 14%, .601751 15%, .645389 16%, .686733 17%, .72564 18%, .762019 19%, .795818 20%, .827026 21%, .855662 22%, .881772 23%, .905423 24%, .926704 25%, .945714 26%, .962568 27%, .977386 28%, .990295 29%, 1.00143 30%, 1.01091 31%, 1.01888 32%, 1.02547 33%, 1.03079 34%, 1.03498 35%, 1.03816 36%, 1.04042 37%, 1.04189 38%, 1.04266 39%, 1.04283 40%, 1.04247 41%, 1.04168 42%, 1.04052 43%, 1.03907 44%, 1.03737 45%, 1.03549 46%, 1.03348 47%, 1.03138 48%, 1.02922 49%, 1.02704 50%, 1.02486 51%, 1.02272 52%, 1.02063 53%, 1.01861 54%, 1.01667 55%, 1.01482 56%, 1.01307 57%, 1.01142 58%, 1.00989 59%, 1.00846 60%, 1.00715 61%, 1.00594 62%, 1.00485 63%, 1.00386 64%, 1.00296 65%, 1.00217 66%, 1.00147 67%, 1.00085 68%, 1.00031 69%, .999849 70%, .999457 71%, .999128 72%, .998858 73%, .99864 74%, .99847 75%, .998342 76%, .998253 77%, .998196 78%, .998169 79%, .998167 80%, .998186 81%, .998224 82%, .998276 83%, .998341 84%, .998415 85%, .998497 86%, .998584 87%, .998675 88%, .998768 89%, .998861 90%, .998954 91%, .999045 92%, .999134 93%, .99922 94%, .999303 95%, .999381 96%, .999455 97%, .999525 98%, .999589 99%, .99965 100%)}
@supports not (transition-timing-function:linear(0, 0 0%)){
  :root{--easing-spring-elegant:ease-in-out}
}

@media (prefers-reduced-motion:no-preference){
  #hjelp-knapp .pil,
  details.eik-gate summary::before,details.eik-detaljer summary::before,
  .dk-seksjon summary::before{
    transition:rotate var(--easing-spring-elegant-duration,.58171s)
               var(--easing-spring-elegant,linear)}
}
details[open].eik-gate summary::before,
details[open].eik-detaljer summary::before{transform:none;rotate:90deg}

.knapp:active:not(:disabled):not([aria-disabled=true]),
.modal-send:active:not(:disabled),
.profil-lagre:active:not([disabled]),
.profil-avbryt:active:not([disabled]),
.lenkeknapp:active:not(:disabled),
.forslag button:active:not(:disabled),
.kilde-chip:active,
.sitat:active,
.mini:active:not(:disabled),
.kode-kopi:active:not(:disabled){opacity:.8}

:root{--rullefelt:#ffffff1a;--rullefelt-hover:#fff3}
html[data-tema=light]{--rullefelt:#0000001a;--rullefelt-hover:#0003}
@media(prefers-color-scheme:light){
  html[data-tema=system]{--rullefelt:#0000001a;--rullefelt-hover:#0003}}
.traad,.liste,.innst-hoved,.innst-side,.arkivliste,.sokliste,
.dt-rull,.tab-rull,.skjerm,.meny,.snar-boks,.md table,.kode pre{
  scrollbar-width:thin;scrollbar-color:var(--rullefelt) transparent}
.traad:hover,.liste:hover,.innst-hoved:hover,.innst-side:hover,
.arkivliste:hover,.sokliste:hover,.dt-rull:hover,.tab-rull:hover,
.skjerm:hover,.meny:hover,.snar-boks:hover,.md table:hover,.kode pre:hover{
  scrollbar-color:var(--rullefelt-hover) transparent}
.traad>*,.liste>*,.innst-hoved>*,.innst-side>*,.arkivliste>*,
.sokliste>*,.dt-rull>*,.tab-rull>*,.skjerm>*{scrollbar-color:auto}

.traad{scrollbar-gutter:stable}
@media(pointer:coarse){.traad{scrollbar-width:none}}

.tilbunn,.tilbunn.vis{display:flex}
.tilbunn{
  width:32px;height:32px;
  background:color-mix(in oklab,var(--flate) 65%,transparent);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  box-shadow:0 4px 4px 0 #0000000a,0 0 1px 0 #0000009e;
  opacity:0;pointer-events:none;
  transform:translateX(-50%) scale(.5) translateY(8px);
  transition:all .1s ease 0s}
.tilbunn.vis{
  opacity:1;pointer-events:auto;
  transform:translateX(-50%) scale(1) translateY(0);
  transition:all .3s ease .3s}
:root:not([data-tema=light]) .tilbunn{box-shadow:none}
@media (prefers-reduced-motion:reduce){
  .tilbunn,.tilbunn.vis{transition:none}}

.skriv:focus-visible,.skriv:focus,
[contenteditable]:focus-visible{outline:none}

.md h1{margin:0 0 calc(var(--sp)*2)}
.md h4{margin:calc(var(--sp)*4) 0 calc(var(--sp)*2)}
.md h5,.md h6{font-weight:600;letter-spacing:0;line-height:1.5;
              margin:calc(var(--sp)*4) 0 calc(var(--sp)*2)}
.md h4:first-child,.md h5:first-child,.md h6:first-child{margin-top:0}
.md>*:last-child{margin-bottom:0}

.md table{margin:0}
.md p+table,.md ul+table,.md ol+table{margin-top:calc(var(--sp)*4)}
.md th,.md td{font-size:14px;line-height:24px}
.md th{line-height:16px;padding-block:calc(var(--sp)*2)}
.md td{padding-block:calc(var(--sp)*2.5)}
.md tr:last-child td{padding-bottom:calc(var(--sp)*6)}

.kbtn:hover{background:var(--hover-svak)}

:root{
  --status-ok-bg:#1f4e25;   --status-ok-tx:#effaf3;
  --status-adv-bg:#45240d;  --status-adv-tx:#f1a275;  --status-adv-kant:#45240d;
  --status-feil-bg:#4d100e; --status-feil-tx:#ff8583; --status-feil-kant:#4d100e;
  --tekst-feil:#f93a37;     --tekst-fare:#ff002a;
}
html[data-tema=light]{
  --status-ok-bg:#def3e5;   --status-ok-tx:#1f4e25;
  --status-adv-bg:#fdf5f1;  --status-adv-tx:#d25e28;  --status-adv-kant:#fbe8db;
  --status-feil-bg:#fff0f0; --status-feil-tx:#ff002a; --status-feil-kant:#ffe1e0;
}
@media (prefers-color-scheme:light){
  html[data-tema=system]{
    --status-ok-bg:#def3e5;   --status-ok-tx:#1f4e25;
    --status-adv-bg:#fdf5f1;  --status-adv-tx:#d25e28;  --status-adv-kant:#fbe8db;
    --status-feil-bg:#fff0f0; --status-feil-tx:#ff002a; --status-feil-kant:#ffe1e0;
  }
}

.md .eik-sosken{font-size:13px;color:var(--tekst-2);margin:calc(var(--sp)*3) 0 0}

@media (hover:none){
  .rad-li .radknapp{opacity:1;pointer-events:auto}
}

.kort{transition:background-color .15s ease}
@media (hover:hover) and (pointer:fine){
  .kort:hover{background:var(--flate-3,var(--flate-2))}
}
@media (prefers-reduced-motion:reduce){ .kort{transition:none} }

.ikonknapp:active,.kbtn:active,.modal-lukk:active,.radknapp:active,
.hbtn:active,.handl .hbtn:active,
.rad:active,.bunnrad:active,.meny button:active,.sosial:active,
.rad-meny button:active,
.konto-meny>.bunnrad:active,.konto-meny .km-hode:active,
.hjelp-meny .bunnrad:active,.undermeny>.bunnrad:active
  {background:var(--press-svak)}

.mini:hover:not(.fyll):not(:disabled){background:var(--hover-svak)}
.mini.fyll:hover:not(:disabled){background:var(--fyll-bg-h);border-color:var(--fyll-bg-h)}
.tilbunn:hover{background:var(--flate-2)}
.skinne-avatar:hover{filter:brightness(1.08)}
.dt-hjerte:hover{background:#0009}
.eik-lag button:hover:not(.valgt){background:#ffffff1f;color:#fff}
details.eik-gate summary:hover,details.eik-detaljer summary:hover,
details.eik-stat summary:hover,details.eik-virk-mer summary:hover{color:var(--tekst)}

.knapp:disabled,.knapp[aria-disabled=true],.modal-send:disabled{opacity:.5;cursor:not-allowed}
.knapp-fyll:disabled:hover,.knapp-fyll[aria-disabled=true]:hover,
.modal-send:disabled:hover{background:var(--fyll-bg)}
.knapp-kant:disabled:hover,.knapp-kant[aria-disabled=true]:hover{background:var(--flate)}
.knapp-fare:disabled:hover,.knapp-fare[aria-disabled=true]:hover{background:none;color:var(--fare)}

@media(hover:none){
  .rad-meny button:hover,.konto-meny>.bunnrad:hover,.konto-meny .km-hode:hover,
  .hjelp-meny .bunnrad:hover,.undermeny>.bunnrad:hover,.meny .meny-rad:hover,
  .kilde-chip:hover,.dok-fil:hover,.kld-post:hover,.vmeny-rad:hover,
  .forslag button:hover,.eik-forhand:hover,.eik-lukk:hover,.side-merke:hover,
  .skinne-samtaler:hover,.innst-velg:hover,.lenkeknapp:hover,.kode-kopi:hover,
  .konto-fjern:hover{background:transparent}
}

@media(hover:none){
  .sitat:hover{background:none;color:inherit}
  .meny-pille:hover{background:var(--flate-3);color:var(--tekst)}
  .kart-naal:hover{background:none;color:inherit;border-color:var(--kant)}
}

.meny-rad,.meny-pille,.send,.kld-post,.dok-fil,.vmeny-rad,.kart-naal,
.kort-knapp,.kort-hjerte,.dt-verktoy,.dt-hjerte,.eik-lukk,.eik-forhand,
.rgg-treff,.oppfolg-rad,.oppfolg-rad::before,.tilbunn,.eik-lag button,
.dk-seksjon summary,.md .dk-seksjon ul.dk-liste a,
.md .dk-seksjon ul.dk-postnr a{
  transition:background-color .15s cubic-bezier(.4,0,.2,1),
             color .15s cubic-bezier(.4,0,.2,1),
             border-color .15s cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){
  .meny-rad,.meny-pille,.send,.kld-post,.dok-fil,.vmeny-rad,.kart-naal,
  .kort-knapp,.kort-hjerte,.dt-verktoy,.dt-hjerte,.eik-lukk,.eik-forhand,
  .rgg-treff,.oppfolg-rad,.oppfolg-rad::before,.tilbunn,.eik-lag button,
  .dk-seksjon summary,.md .dk-seksjon ul.dk-liste a,
  .md .dk-seksjon ul.dk-postnr a{transition:none}
}

.undermeny.apen>.bunnrad{background:var(--press-svak)}

.eik-fremtid{position:absolute;bottom:14px;right:12px;z-index:800;
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:9999px;text-decoration:none;
  background:#ffffffed;color:#1a1a1a;
  font-size:13px;font-weight:600;backdrop-filter:blur(10px);
  box-shadow:var(--skygge-hevet);
  transition:background .1s ease}
.eik-fremtid:hover{background:#ececec}
.eik-fremtid:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}
.md a.eik-fremtid,.md a.eik-fremtid:hover{color:#1a1a1a}
@media(max-width:560px){.eik-fremtid{bottom:60px;font-size:12px;padding:6px 11px}}

.eik-fremtid-lenke{display:inline-flex;align-items:center;gap:6px;
  font-weight:600;text-decoration:none}
.eik-fremtid-lenke:hover{text-decoration:underline}
.eik-dempet{color:var(--tekst-3)}

.eik-kartboks{position:relative}
.eik-fremtid-kort{position:absolute;top:26px;left:10px;z-index:6;
  display:inline-flex;align-items:center;gap:5px;
  background:#ffffffed;color:#1a1a1a;font-size:12.5px;line-height:1;font-weight:600;
  padding:7px 11px;border-radius:9999px;backdrop-filter:blur(6px);
  white-space:nowrap;text-decoration:none;
  box-shadow:var(--skygge-hevet);
  transition:background .1s ease}
.eik-fremtid-kort:hover{background:#ececec}
.eik-fremtid-kort:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}
.md a.eik-fremtid-kort,.md a.eik-fremtid-kort:hover{color:#1a1a1a}
@media(max-width:560px){.eik-fremtid-kort{font-size:11.5px;padding:6px 9px;top:24px}}

.eik-fremtid-vindu{position:fixed;inset:0;z-index:900;display:flex;
  align-items:center;justify-content:center;padding:0}
.eik-fremtid-vindu[hidden]{display:none}
.eik-fv-bak{position:absolute;inset:0;background:#06080cd9;backdrop-filter:blur(4px)}
.eik-fv-ramme{position:relative;width:100%;height:100%;
  display:flex;flex-direction:column;background:#0b0d12}
.eik-fv-topp{flex:0 0 auto;display:flex;align-items:center;gap:12px;
  padding:9px 12px;border-bottom:1px solid #ffffff1a;background:#101219}
.eik-fv-tit{font-size:14px;font-weight:600;color:#f2f3f5;white-space:nowrap}

.eik-fv-sted{flex:1 1 auto;min-width:0;font-size:13px;color:#f2f3f59e;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eik-fv-ny{flex:0 0 auto;font-size:12.5px;color:#8fc4ff;text-decoration:none;
  padding:6px 10px;border-radius:8px;border:1px solid #ffffff1f}
.eik-fv-ny:hover{background:#ffffff14;color:#b6d9ff}
.eik-fv-lukk{flex:0 0 auto;width:32px;height:32px;border-radius:50%;
  border:1px solid #ffffff1f;background:#ffffff0f;color:#f2f3f5;
  font-size:14px;line-height:1;cursor:pointer}
.eik-fv-lukk:hover{background:#ffffff1f}
.eik-fv-ny:focus-visible,.eik-fv-lukk:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}
.eik-fv-ramme-i{flex:1 1 auto;width:100%;border:0;display:block}
@media(max-width:560px){
  .eik-fv-tit{font-size:13px}

  .eik-fv-ny{display:none}
}

.md li.ftk-rad>.ftk-knapp{display:inline-block;margin-inline-start:.45em;
  padding:.05em .45em;border-radius:6px;background:var(--flate-2);
  color:var(--tekst-3);font-size:.75em;line-height:1.55;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  vertical-align:.08em;white-space:nowrap}
.md li.ftk-rad>.ftk-knapp,.md li.ftk-rad>.ftk-knapp:hover{text-decoration:none}
.md li.ftk-rad>.ftk-knapp:hover{background:var(--flate-3);color:var(--tekst-2)}

.kartblokk{position:relative;height:400px;margin:14px 0 4px;
  border-radius:24px;overflow:hidden;border:1px solid var(--kant);
  background:var(--flate-2);z-index:0;isolation:isolate}

.kartblokk .kb-kart{position:absolute;inset:0;cursor:pointer}
.kartfull .kf-kart{position:absolute;inset:0}

.kb-utvid{position:absolute;inset-block-start:12px;inset-inline-end:12px;
  z-index:900;display:inline-flex;align-items:center;gap:4px;height:28px;
  padding-inline:12px 8px;border:1px solid var(--kant);border-radius:9999px;
  background:var(--flate);color:var(--tekst);font-size:12px;font-weight:400;
  cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.kb-utvid:hover{background:var(--flate-2)}

.kb-bunn{position:absolute;inset-inline:0;inset-block-end:0;z-index:900;
  pointer-events:none}
.kb-felt{display:flex;gap:12px;padding:0 12px 12px;overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-padding-inline-start:12px;
  scrollbar-width:none;pointer-events:auto;
  -webkit-overflow-scrolling:touch}
.kb-felt::-webkit-scrollbar{display:none}
.kb-flyt{flex:0 0 auto;width:min(82vw,330px);scroll-snap-align:start;
  display:flex;align-items:center;gap:12px;padding:12px;text-align:start;
  border:1px solid var(--kant);border-radius:28px;cursor:pointer;
  color:inherit;text-decoration:none;
  background:color-mix(in srgb, var(--flate) 90%, transparent);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 1px 3px rgba(0,0,0,.2)}
.kb-flyt:hover{background:var(--flate)}
.kb-flyt.valgt{box-shadow:0 4px 12px rgba(0,0,0,.28);border-color:var(--kant-tung)}
.kb-fbilde{flex:none;width:64px;height:64px;border-radius:16px;
  overflow:hidden;background:var(--flate-3)}

.kort-bilde img,
.dt-bilde img,
.gl-mini-b img,
.kb-fbilde img{width:100%;height:100%;object-fit:cover;display:block}
.kb-fbilde.tom{display:flex;align-items:center;justify-content:center}
.kb-favikon{width:24px;height:24px;border-radius:6px;object-fit:contain}

.konto-tekst,
.meny-tx,
.kb-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kb-navn{font-size:14px;font-weight:500;line-height:1.3;color:var(--tekst);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-sted{font-size:12.5px;color:var(--tekst-3);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.kb-meta{display:flex;align-items:center;gap:6px;margin-top:2px;min-width:0;
  font-size:12.5px;color:var(--tekst-3);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.kb-meta b{font-weight:600;color:var(--tekst)}
.kb-kilde{font-size:12.5px;color:var(--tekst-3)}
.kb-ekst{text-decoration:none;color:inherit}

@media (max-width:860px){
  .kartblokk{height:340px;border-radius:20px}
  .kb-flyt{padding:10px;gap:10px;border-radius:22px}
  .kb-fbilde{width:56px;height:56px;border-radius:10px}
}

.kart-laast{overflow:hidden}

.kartfull{position:fixed;inset-block:0;inset-inline:var(--skinne) 0;
  z-index:2000;background:var(--bunn)}
@media(max-width:47.99rem){ .kartfull{inset-inline:0} }
.kf-verktoy{position:absolute;inset-block-start:16px;inset-inline-start:16px;
  z-index:2100;display:flex;flex-direction:column;gap:12px}
.kf-zoom{display:flex;flex-direction:column;gap:1px;border-radius:10px;
  overflow:hidden}
.kf-kn{display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border:1px solid var(--kant);border-radius:9999px;
  background:var(--flate);color:var(--tekst);font-size:18px;line-height:1;
  cursor:pointer;box-shadow:var(--skygge-hevet)}
.kf-kn:hover{background:var(--flate-2)}
.kf-zoom .kf-kn{border-radius:0}
.kf-zoom .kf-kn:first-child{border-radius:12px 12px 0 0}
.kf-zoom .kf-kn:last-child{border-radius:0 0 12px 12px;border-block-start:0}
.kf-panel{position:absolute;inset-block:16px;inset-inline-end:16px;
  z-index:2100;width:360px;display:flex;flex-direction:column;min-height:0;
  border:1px solid var(--kant);border-radius:16px;background:var(--flate);
  overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.kf-topp{flex:none;display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:12px 16px 8px;font-size:16px;font-weight:600;color:var(--tekst)}
.kf-tabell{border:0;background:none;padding:0;cursor:pointer;font-size:13px;
  font-weight:500;color:var(--tekst-3)}
.kf-tabell:hover{color:var(--tekst)}

.kf-liste{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}

.kb-rad{display:flex;align-items:center;gap:12px;width:100%;padding:16px;
  text-align:start;cursor:pointer;border:0;border-top:1px solid var(--kant);
  background:none;color:inherit;text-decoration:none}
.kb-rad:first-child{border-top:0}
.kb-rad:hover{background:var(--flate-2)}
.kb-rad.valgt{background:var(--flate-3)}
.kb-mini{flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;
  background:var(--flate-3)}
.kb-mini img{width:100%;height:100%;object-fit:cover;display:block}
.kb-mini.tom{display:flex;align-items:center;justify-content:center}

@media (max-width:860px){
  .kf-panel{inset-block:auto 0;inset-inline:0;width:auto;max-height:46vh;
    border-radius:16px 16px 0 0;border-inline:0;border-block-end:0}
  .kb-rad{padding:12px 14px;gap:10px}
  .kb-mini{width:56px;height:56px}
}

.kartblokk .kb-kart.maplibregl-map .maplibregl-ctrl-top-left{z-index:850}
.kartblokk .kb-kart.maplibregl-map .maplibregl-ctrl-attrib,
.kartfull .kf-kart.maplibregl-map .maplibregl-ctrl-attrib{
  background:rgba(0,0,0,.45);color:var(--tekst-3);font-size:11px}
.kartblokk .kb-kart.maplibregl-map .maplibregl-ctrl-attrib a,
.kartfull .kf-kart.maplibregl-map .maplibregl-ctrl-attrib a{color:var(--tekst-3)}
.kartblokk .kb-kart.kb-lys.maplibregl-map .maplibregl-ctrl-attrib{
  background:rgba(255,255,255,.7);color:#555}
.kartblokk .kb-kart.kb-lys.maplibregl-map .maplibregl-ctrl-attrib a{color:#555}

.kart-naal-hylster.uthevet .kart-naal{background:var(--fyll-bg);
  color:var(--fyll-tx);border-color:var(--fyll-bg);z-index:500}

.boligvis{position:fixed;inset:0;z-index:60;background:var(--flate);
  display:flex;flex-direction:column;overflow:hidden}
.boligvis[hidden]{display:none}
.bv-topp{display:flex;align-items:center;gap:10px;padding:10px 16px;
  border-bottom:1px solid var(--kant-lett);flex:none}
.bv-tit{font-size:14px;font-weight:600}
.bv-antall{font-size:13px;color:var(--tekst-3);margin-inline-start:auto}
.bv-rull{flex:1;min-height:0;overflow-y:auto;padding:16px}
.bv-inn{max-width:1440px;margin:0 auto;display:flex;gap:16px;align-items:flex-start}
.bv-venstre{flex:1;min-width:0}
.bv-merke{font-size:13px;color:var(--tekst-3);margin:0 0 12px}
.kortnett{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:16px;align-items:stretch}
.bv-hoyre{flex:0 0 44%;max-width:620px;position:sticky;top:0}
.bv-kart{height:calc(100dvh - 150px);border-radius:10px;overflow:hidden;
  border:1px solid var(--kant);background:var(--flate-2);
  position:relative;z-index:0;isolation:isolate}
@media (max-width:900px){
  .bv-hoyre{display:none}
  .kortnett{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
}

.bv-tabell{margin:26px 0 0;overflow-x:auto}
.bv-tabell h3{font-size:14px;font-weight:600;margin:0 0 10px}
.bv-tabell table{width:100%;border-collapse:collapse;font-size:13px;
  min-width:640px}
.bv-tabell th,.bv-tabell td{text-align:start;padding:9px 12px;
  border-bottom:1px solid var(--kant-lett);vertical-align:top}
.bv-tabell th{font-weight:600;color:var(--tekst-2);white-space:nowrap;
  border-bottom:1px solid var(--kant)}
.bv-tabell tbody tr:hover{background:var(--flate-2)}
.bv-tabell td.tall{white-space:nowrap}
.bv-lenke{background:none;border:0;padding:0;color:var(--lenke,#7ab7ff);
  cursor:pointer;font:inherit;text-decoration:underline}

.bv-oppfolg{margin:26px 0 8px}
.bv-oppfolg h3{font-size:14px;font-weight:600;margin:0 0 4px}

.ekst-blokk{margin:14px 0 4px}

.md .tabellramme{width:100%;overflow-x:auto;border:1px solid var(--kant);
  border-radius:10px;background:var(--flate-2);margin:calc(var(--sp)*5) 0}
.md .tabellramme table{display:table;width:100%;min-width:100%;margin:0;
  border-collapse:separate;border-spacing:0;table-layout:auto;font-size:14px;
  line-height:1.5}
.md .tabellramme th,.md .tabellramme td{border:0;padding:8px 10px;
  min-width:48px;text-align:start;vertical-align:top;
  border-bottom:1px solid var(--kant-lett);
  border-inline-end:1px solid var(--kant-lett)}
.md .tabellramme th:last-child,.md .tabellramme td:last-child{border-inline-end:0}
.md .tabellramme tbody tr:last-child td{border-bottom:0}
.md .tabellramme th{background:var(--flate-3);font-weight:600;
  vertical-align:bottom;color:var(--tekst);white-space:nowrap}
.md .tabellramme tbody tr:hover td{background:var(--hover-svak)}
.md .tabellramme td a{white-space:nowrap}

.md .tabellramme{position:relative}
.tabell-verktoy{position:absolute;inset-inline-end:6px;bottom:6px;display:flex;
  border:1px solid var(--kant);border-radius:6px;background:var(--flate);
  box-shadow:var(--skygge-hevet);opacity:0;transition:opacity .2s;
  overflow:hidden}
.md .tabellramme:hover .tabell-verktoy,.tabell-verktoy:focus-within{opacity:1}
.tabell-verktoy button{display:flex;align-items:center;gap:6px;border:0;
  background:none;color:var(--tekst-2);padding:6px 10px;font-size:12px;
  cursor:pointer}
.tabell-verktoy button:hover{background:var(--flate-2);color:var(--tekst)}

@media (pointer:coarse){
  .tabell-verktoy{opacity:1}
}

.md .tabellramme table{width:max-content;min-width:100%}
.md .tabellramme th,.md .tabellramme td{overflow-wrap:normal;word-break:normal;
  max-width:22rem}

.md p{margin-block:8px}
.md p:not(:first-child){margin-top:8px}
.md p+p{margin-block:16px 8px}

.md h1{font-size:1.375em;line-height:1.25;margin:16px 0 8px}
.md h2{font-size:1.125em;line-height:1.25;margin:16px 0 4px}
.md h3{font-size:1em;line-height:1.3;margin:16px 0 4px}
.md>*:first-child{margin-top:0}

.md li{margin-block:0 8px}
.md li:last-child{margin-bottom:0}

.sitat{border-radius:6px}

.bs-chip{flex:0 0 100%;display:flex;align-items:center;gap:9px;min-width:0;
  margin:2px 0 6px;padding:5px 5px 5px 5px;border-radius:10px;
  background:var(--hover-svak);border:1px solid var(--kant-lett)}
.bs-chip[hidden]{display:none}
.bs-chip-bilde{position:relative;flex:0 0 auto;width:44px;height:44px;
  border-radius:10px;overflow:hidden;background:var(--hover-svak)}
.bs-chip-bilde img{width:100%;height:100%;object-fit:cover;display:block}

.bs-chip-spinner{position:absolute;inset:0;display:block;
  background:#0006 center/18px 18px no-repeat;
  -webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}
.bs-chip-spinner::after{content:"";position:absolute;top:50%;left:50%;
  width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;
  border:2px solid #fff6;border-top-color:#fff;animation:bs-snurr .8s linear infinite}
@keyframes bs-snurr{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.bs-chip-spinner::after{animation-duration:2.4s}}
.bs-chip-tx{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.35;
  color:var(--tekst-2);overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical}
.bs-chip-x{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;
  justify-content:center;border:0;background:none;border-radius:50%;
  color:var(--tekst-3);font-size:19px;line-height:1;cursor:pointer}
.bs-chip-x:hover{background:var(--hover-svak);color:var(--tekst)}

.boks.bs-over{outline:2px dashed var(--tekst-3);outline-offset:2px}

.bs-boble-bilde{display:block;max-width:220px;max-height:220px;border-radius:10px;
  margin:0 0 8px auto;overflow:hidden}
.bs-boble-bilde img{display:block;width:100%;height:auto;border-radius:10px}

.bs-boble-vedlegg{display:flex;align-items:center;gap:8px;max-width:220px;
  margin:0 0 8px auto;padding:8px 10px;border-radius:10px;
  background:var(--flate-2);border:1px solid var(--kant)}
.bs-boble-vedlegg svg{flex:0 0 auto;color:var(--tekst-2)}
.bs-boble-vedlegg span{min-width:0;font-size:12.5px;line-height:1.35;color:var(--tekst);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.md .tabellramme{border-radius:8px;scrollbar-width:thin;
  scrollbar-color:var(--kant-tung) transparent}
.md .tabellramme::-webkit-scrollbar{width:8px;height:8px}
.md .tabellramme::-webkit-scrollbar-thumb{background:var(--kant-tung);
  border-radius:4px}
.md .tabellramme table{width:100%;min-width:100%}
.md .tabellramme th,.md .tabellramme td{padding:8px;line-height:20px;
  max-width:none}

.md .tabellramme th{position:sticky;top:0;z-index:2;background:var(--flate-3)}

.tabell-verktoy button{width:36px;height:32px;padding:0;border-radius:8px;
  justify-content:center;gap:0;font-size:0}

.md .tabellblokk.utvidet{width:min(94vw,1400px);
  margin-inline:calc((100% - min(94vw,1400px)) / 2)}
.tabell-verktoy button.ok{color:var(--tekst);background:var(--flate-2)}
@media (max-width:900px){.md .tabellblokk.utvidet{width:100%;margin-inline:0}}

.status-sammen>summary::before{display:none}
.status-sammen>summary{width:fit-content;display:inline-flex;align-items:center;
  gap:8px;list-style:none}
.status-sammen>summary::-webkit-details-marker{display:none}
.status-sammen>summary:hover{color:var(--tekst)}

.status-sammen>summary::after{content:"";flex:none;width:14px;height:14px;
  background:currentColor;transition:transform .15s ease;
  -webkit-mask:var(--sjevron) center/14px no-repeat;
  mask:var(--sjevron) center/14px no-repeat}
.status-sammen[open]>summary::after{transform:rotate(90deg)}
:root{--sjevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")}
.status-liste{display:flex;flex-direction:column;gap:16px;padding-top:20px}
.status-ett{color:var(--tekst-3);font-size:13px}

.oppfolg{border-top:0;padding-top:0;margin:26px 0 0}
.oppfolg-tit{font-size:1.125rem;line-height:1.75rem;font-weight:620;
  color:var(--tekst);margin:0 0 16px}
.oppfolg-liste{border-top:1px solid var(--kant)}
.oppfolg-rad{align-items:flex-start;padding:8px 0;font-size:1rem;
  line-height:1.5rem;gap:11px;color:var(--tekst)}
.oppfolg-rad::before{content:none}
.oppfolg-ikon{flex:none;margin-left:4px;transform:translateY(2px);
  color:var(--tekst-2)}
.oppfolg-rad:hover .oppfolg-ikon{color:var(--lenke,var(--tekst))}

.handl{gap:4px;margin-left:-8px}
.handl .hbtn svg{width:var(--ikon-sm,1rem);height:var(--ikon-sm,1rem)}

.handl .hbtn.kilder-knapp{height:32px;padding:0 12px;border-radius:9999px;
  font-size:.875rem;line-height:1.25rem;font-weight:400;gap:4px}
.kld-navn{font-size:14px;font-weight:400}

.kld-stabel img{width:14px;height:14px;margin-inline-start:-5px}
.kld-stabel{margin-inline-start:6px}

.sitat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-variant-numeric:tabular-nums;font-size:11px;line-height:1.375}
.sitat-navn{font-size:11px;line-height:1.375}
.sitat-mer{margin-inline-start:4px;margin-inline-end:1px;opacity:.5}

.md .tabellblokk{position:relative;margin:calc(var(--sp)*5) 0}
.md .tabellblokk .tabellramme{margin:0}
.tabell-klebrig{position:sticky;bottom:8px;height:0;overflow:visible;z-index:3}
.tabell-verktoy{position:absolute;inset-inline-end:6px;bottom:6px}

@media (pointer:coarse){
  .tabell-klebrig{position:static;height:auto;margin-top:6px}
  .tabell-verktoy{position:static;justify-content:flex-end}
}

.evn-skjerm{align-items:flex-start;padding:0}
@media(min-width:720px){.evn-skjerm{padding:24px;align-items:center}}
.evn-boks{position:relative;width:100%;max-width:1000px;max-height:100dvh;
  background:var(--modal-bg);border-radius:0;overflow:hidden;
  box-shadow:var(--skygge-popover);display:flex;flex-direction:column;
  transform:scale(.985);transition:transform .16s ease}
.skjerm.vis .evn-boks{transform:none}
@media(min-width:720px){.evn-boks{border-radius:16px;max-height:min(920px,92dvh)}}
@media (prefers-reduced-motion:reduce){.evn-boks{transition:none;transform:none}}
.evn-rull{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch}

.evn-lukk{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;
  border:none;border-radius:9999px;background:var(--modal-bg);color:var(--tekst-2);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 1px 6px #0000001f}
.evn-lukk:hover{background:var(--flate-2);color:var(--tekst)}

.evner-laster{display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:220px;font-size:14px;color:var(--tekst-2)}

.evn{padding:24px 16px 32px;max-width:920px;margin:0 auto}
@media(min-width:720px){.evn{padding:34px 34px 42px}}

body.evn-side{overflow:auto;background:var(--flate)}

.evn-av{cursor:default;pointer-events:none}

.evn-hero{text-align:center;padding-bottom:4px}
.evn-hero h1{font-size:1.6rem;line-height:2rem;font-weight:600;
  letter-spacing:-.02em;margin:0 0 8px}
@media(min-width:720px){.evn-hero h1{font-size:2.1rem;line-height:2.5rem}}
.evn-ingress{font-size:14px;line-height:1.55;color:var(--tekst-2);
  max-width:32rem;margin:0 auto}
.evn-hero-kn{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 0}

.evn-hero-kn .knapp-kant{display:inline-flex}

.evn-h2{font-size:1rem;font-weight:600;letter-spacing:-.01em;
  margin:30px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--kant-lett)}

.sam{margin-top:22px;border:1px solid var(--kant);border-radius:16px;
  background:var(--flate-2);overflow:hidden}
.sam-etikett{display:flex;align-items:center;gap:7px;padding:10px 14px;
  border-bottom:1px solid var(--kant-lett);font-size:12px;font-weight:500;
  letter-spacing:.01em;color:var(--tekst-3)}
.sam-prikk{width:7px;height:7px;border-radius:50%;background:#2fae6b;flex:0 0 auto}
.sam-inn{padding:16px 14px;display:flex;flex-direction:column;gap:14px;background:var(--flate)}
.sam-inn .boble{max-width:min(100%,26rem);font-size:14px;line-height:22px}
.sam-inn .md{font-size:14px;line-height:1.6}
.sam-inn .md p{margin:0}

.sam-inn .kartblokk{margin-top:12px}

.sam-bunn{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 14px;border-top:1px solid var(--kant-lett)}
.sam-bunn p{flex:1 1 200px;margin:0;font-size:13px;color:var(--tekst-2)}
.sam-kn{flex:0 0 auto;min-height:36px;font-size:13px;display:inline-flex}

.tall{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:30px;
  border:1px solid var(--kant-lett);border-radius:10px;overflow:hidden;
  background:var(--kant-lett)}
@media(min-width:660px){.tall{grid-template-columns:repeat(4,1fr)}}
.tall div{background:var(--flate);padding:14px 12px;display:flex;
  flex-direction:column;gap:2px;align-items:center;text-align:center}
.tall strong{font-size:1.05rem;font-weight:600;letter-spacing:-.02em}
.tall span{font-size:11.5px;line-height:1.35;color:var(--tekst-3)}
.tall-og{color:var(--tekst-3);font-weight:400}

#evn-vis{margin-top:22px;border:1px solid var(--kant);border-radius:16px;
  background:var(--flate-2);overflow:hidden}
.vis-faner{display:flex;gap:2px;padding:6px 6px 0;overflow-x:auto;
  scrollbar-width:none;border-bottom:1px solid var(--kant-lett)}
.vis-faner::-webkit-scrollbar{display:none}
.vis-fane{display:flex;align-items:center;gap:7px;flex:0 0 auto;
  border:none;background:none;font-family:inherit;font-size:13px;font-weight:500;
  color:var(--tekst-3);padding:9px 12px;border-radius:10px 10px 0 0;cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-1px}
.vis-fane:hover{color:var(--tekst-2);background:var(--hover-svak)}
.vis-fane.valgt{color:var(--tekst);border-bottom-color:var(--tekst);background:var(--flate)}
.vis-fane svg{opacity:.8}
.vis-ext{font-size:9.5px;font-weight:600;letter-spacing:.03em;
  padding:2px 5px;border-radius:6px;background:var(--flate-3);color:var(--tekst-3)}
.vis-fane.valgt .vis-ext{background:var(--flate-2);color:var(--tekst-2)}

.vis-flate{background:var(--flate);height:clamp(300px,44dvh,420px);position:relative}
@media(min-width:720px){.vis-flate{height:400px}}
.vis-panel{position:absolute;inset:0}
.vis-panel[hidden]{display:none}

.vis-hint{position:absolute;right:10px;bottom:8px;font-size:11px;color:var(--tekst-3);
  background:var(--flate);border:1px solid var(--kant-lett);border-radius:9999px;
  padding:3px 9px;pointer-events:none;transition:opacity .2s ease}
.vis-rullet .vis-hint{opacity:0}

.vis-bunn{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 14px;border-top:1px solid var(--kant-lett);background:var(--flate-2)}
.vis-bunnrad{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}
.vis-bunnrad[hidden]{display:none}
.vis-bunnrad p{flex:1 1 200px;margin:0;font-size:13px;color:var(--tekst-2)}
.vis-kn{flex:0 0 auto;min-height:36px;font-size:13px;display:inline-flex}
.vis-merk{font-size:11.5px;color:var(--tekst-3);margin:7px 2px 0;text-align:end}

.pdf{height:100%;position:relative;background:var(--flate-3)}
.pdf-rull{height:100%;overflow-y:auto;
  padding:14px;display:flex;flex-direction:column;gap:14px}
.pdf-ark{position:relative;background:#fff;color:#1a1a1a;border-radius:4px;
  box-shadow:0 1px 8px #00000040;padding:26px 30px 30px;font-size:11px;line-height:1.65;
  max-width:520px;width:100%;margin:0 auto}
.pdf-eyebrow{font-size:9px;letter-spacing:.09em;text-transform:uppercase;
  color:#8a8a8a;margin:0 0 12px}
.pdf-ark h4{font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px;color:#111}
.pdf-ark h4+p{margin-top:0}
.pdf-ark p{margin:0 0 11px;color:#3a3a3a}
.pdf-ark h4:not(:first-of-type){margin-top:16px}
.pdf-tab{width:100%;border-collapse:collapse;font-size:11px;margin:2px 0 4px}
.pdf-tab th{text-align:start;font-weight:600;color:#666;border-bottom:1px solid #d8d8d8;padding:5px 4px}
.pdf-tab td{padding:5px 4px;border-bottom:1px solid #eee;color:#333}
.pdf-tab td+td,.pdf-tab th+th{text-align:end}
.pdf-sum td{font-weight:600;color:#111;border-bottom:1.5px solid #bbb}
.pdf-figur{margin:4px 0 12px}
.pdf-stolper{display:flex;align-items:flex-end;gap:7px;height:64px;
  padding:0 2px;border-bottom:1px solid #ddd}
.pdf-stolper span{flex:1;background:#4f8ef7;border-radius:2px 2px 0 0;min-height:3px}
.pdf-figurtekst{font-size:9px;color:#8a8a8a;margin:6px 0 0}
.pdf-fot{position:absolute;right:30px;bottom:12px;font-size:9px;color:#b0b0b0;margin:0}

.pp{height:100%;display:flex;flex-direction:column;background:var(--flate-3)}
.pp-scene{flex:1;min-height:0;display:grid;place-items:center;padding:12px}
.pp-slide{width:100%;max-width:min(100%,480px);aspect-ratio:16/9;position:relative}
.pp-slide[hidden]{display:none}

.pp-flate{position:absolute;inset:0;background:#fff;color:#1a1a1a;border-radius:6px;
  box-shadow:0 2px 12px #00000040;padding:6.5% 7.5%;display:flex;flex-direction:column;
  container-type:size}
.pp-flate h5{font-size:9cqw;line-height:1.15;font-weight:600;letter-spacing:-.02em;margin:auto 0 0;color:#111}
.pp-flate h6{font-size:6cqw;line-height:1.2;font-weight:600;letter-spacing:-.01em;margin:0 0 4cqh;color:#111}
.pp-under{font-size:4cqw;color:#555;margin:1.5cqh 0 auto}
.pp-fot{font-size:2.6cqw;color:#999;margin:0}
.pp-t-tittel .pp-fot{margin-top:2cqh}
.pp-punkter{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2.6cqh;flex:1}
.pp-punkter li{position:relative;padding-inline-start:4cqw;font-size:3.6cqw;line-height:1.35;color:#333}
.pp-punkter li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;
  width:1.6cqw;height:1.6cqw;border-radius:50%;background:#4f8ef7}
.pp-tall{display:grid;grid-template-columns:1fr 1fr;gap:2.5cqh 4cqw;flex:1;align-content:center}
.pp-tall div{display:flex;flex-direction:column}
.pp-tall strong{font-size:6cqw;font-weight:600;letter-spacing:-.02em;color:#111}
.pp-tall span{font-size:2.8cqw;color:#777}
.pp-graf{display:flex;align-items:flex-end;gap:4cqw;flex:1;padding-bottom:1cqh}
.pp-stolpe{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.pp-stolpe span{width:100%;border-radius:1cqw 1cqw 0 0;min-height:2%}
.pp-stolpe em{font-size:2.6cqw;font-style:normal;color:#777;margin-top:1.2cqh}
.pp-strimmel{display:flex;gap:7px;padding:0 12px 12px;overflow-x:auto;scrollbar-width:none}
.pp-strimmel::-webkit-scrollbar{display:none}
.pp-mini{position:relative;flex:0 0 auto;width:96px;height:54px;padding:0;
  border:1.5px solid var(--kant);border-radius:6px;background:#fff;overflow:hidden;cursor:pointer}
.pp-mini.valgt{border-color:var(--tekst)}
.pp-nr{position:absolute;inset-inline-start:3px;top:2px;z-index:2;font-size:9px;
  font-weight:600;color:#9a9a9a}

.pp-krymp{position:absolute;inset:0;display:block}
.pp-krymp .pp-flate{width:480px;height:270px;position:absolute;top:0;left:0;
  transform:scale(.2);transform-origin:top left;box-shadow:none;border-radius:0}

.xl{height:100%;display:flex;flex-direction:column;background:var(--flate)}
.xl-linje{display:flex;align-items:center;gap:8px;padding:6px 8px;
  border-bottom:1px solid var(--kant-lett);font-size:12px}
.xl-navn{flex:0 0 auto;min-width:52px;text-align:center;padding:3px 6px;
  border:1px solid var(--kant);border-radius:6px;color:var(--tekst-2);
  font-variant-numeric:tabular-nums}
.xl-fx{flex:0 0 auto;font-style:italic;color:var(--tekst-3)}
.xl-formel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--tekst)}
.xl-rull{flex:1;min-height:0;overflow:auto}
.xl-ark{border-collapse:collapse;font-size:11.5px;width:100%;
  font-variant-numeric:tabular-nums}
.xl-ark[hidden]{display:none}
.xl-ark th{font-weight:500;color:var(--tekst-3);background:var(--flate-2);
  border:1px solid var(--kant-lett);text-align:center;padding:3px 6px;position:sticky}
.xl-ark thead th{top:0;z-index:2}
.xl-hjorne{inset-inline-start:0;z-index:3}
.xl-rad{inset-inline-start:0;z-index:1;min-width:26px}
.xl-c{border:1px solid var(--kant-lett);padding:4px 8px;color:var(--tekst-2);
  white-space:nowrap;cursor:cell;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.xl-c:hover{background:var(--hover-svak)}
.xl-c.valgt{outline:2px solid #2fae6b;outline-offset:-2px;color:var(--tekst)}

.xl-har{position:relative}
.xl-har::after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;
  border-radius:50%;background:#2fae6b;opacity:.65}
.xl-o{font-weight:600;color:var(--tekst)}
.xl-t,.xl-s,.xl-p{text-align:end}
.xl-s{font-weight:600;color:var(--tekst);background:var(--flate-2)}
.xl-e{color:var(--tekst-3);font-size:11px}
.xl-n{color:#e0685f}
.xl-g{background:#2fae6b1f;color:var(--tekst)}
.xl-f{cursor:pointer}
.xl-fmerke{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;
  color:var(--tekst-3);border:1px dashed var(--kant);border-radius:4px;padding:1px 5px}
.xl-f:hover .xl-fmerke{color:var(--tekst-2);border-color:var(--kant-tung)}
.xl-faner{display:flex;gap:2px;padding:5px 8px;border-top:1px solid var(--kant-lett);
  background:var(--flate-2);overflow-x:auto;scrollbar-width:none}
.xl-faner::-webkit-scrollbar{display:none}
.xl-fane{flex:0 0 auto;border:none;background:none;font-family:inherit;font-size:11.5px;
  color:var(--tekst-3);padding:4px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}
.xl-fane:hover{color:var(--tekst-2);background:var(--hover-svak)}
.xl-fane.valgt{background:var(--flate);color:var(--tekst);font-weight:600;
  box-shadow:inset 0 -2px 0 #2fae6b}

.bg{margin-top:22px;border:1px solid var(--kant);border-radius:16px;
  background:var(--flate-2);overflow:hidden}
.bg-stor{position:relative;aspect-ratio:3/2;background:var(--flate-3)}
.bg-stor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bg-stor img[hidden]{display:none}
.bg-merke{position:absolute;left:12px;bottom:12px;font-size:11.5px;font-weight:500;
  color:#fff;background:#00000073;backdrop-filter:blur(6px);
  border-radius:9999px;padding:5px 11px;pointer-events:none}
.bg-rad{display:flex;gap:6px;padding:8px;overflow-x:auto;scrollbar-width:none}
.bg-rad::-webkit-scrollbar{display:none}
.bg-mini{flex:0 0 auto;width:88px;height:59px;padding:0;border:2px solid transparent;
  border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.62}
.bg-mini img{width:100%;height:100%;object-fit:cover;display:block}
.bg-mini:hover{opacity:.85}
.bg-mini.valgt{opacity:1;border-color:var(--tekst)}
.bg-merke[hidden]{display:none}
.bg-m-ai{background:#0d0d0dbf}

.bg-prompt{padding:4px 10px 12px}
.bg-prompt-merk{display:block;font-size:11px;letter-spacing:.03em;
  text-transform:uppercase;color:var(--tekst-3);margin:0 4px 6px}
.bg-prompt-kn{display:flex;align-items:center;gap:10px;width:100%;text-align:start;
  font-family:inherit;font-size:13px;line-height:1.45;color:var(--tekst-2);
  background:var(--flate);border:1px solid var(--kant);border-radius:10px;
  padding:10px 10px 10px 13px;cursor:pointer}
.bg-prompt-kn[hidden]{display:none}
.bg-prompt-kn:hover{border-color:var(--kant-tung);color:var(--tekst)}
.bg-prompt-tx{flex:1;min-width:0}
.bg-prompt-pil{flex:0 0 auto;width:28px;height:28px;border-radius:9999px;
  display:grid;place-items:center;background:var(--fyll-bg);color:var(--fyll-tx)}
.bg-prompt-kn.evn-av .bg-prompt-pil{display:none}

.evn-rutenett{display:grid;gap:10px;margin-top:26px;grid-template-columns:1fr 1fr}
@media(min-width:640px){.evn-rutenett{grid-template-columns:repeat(3,1fr)}}
.evn-kort{position:relative;display:block;width:100%;aspect-ratio:16/11;padding:0;
  overflow:hidden;text-align:start;border:1px solid var(--kant);border-radius:13px;
  background:var(--flate);font-family:inherit;cursor:pointer;color:#fff;isolation:isolate}
.evn-kort:hover{border-color:var(--kant-tung)}
.evn-vindu{position:absolute;inset:0;display:block;container-type:size;overflow:hidden}
.evn-slor{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,#000000ed 0%,#000000a6 22%,#00000000 48%)}
.evn-kort-tx{position:absolute;inset:auto 0 0 0;padding:8px 11px 9px;
  display:flex;flex-direction:column;gap:1px;
  text-shadow:0 1px 4px #000000b3,0 0 14px #00000099}
.evn-kort-tx strong{display:flex;align-items:center;gap:5px;flex-wrap:wrap;
  font-size:13px;font-weight:600;letter-spacing:-.01em;color:#fff}
.evn-kort-tx>span{font-size:11.5px;line-height:1.3;color:#ffffffcc}
.evn-merke{font-size:9.5px;font-weight:500;color:#ffffffd9;
  border:1px solid #ffffff59;border-radius:9999px;padding:0 5px;white-space:nowrap;
  text-shadow:none}

.evn-bla{--tone:#4f8ef7;color:#4f8ef7}
.evn-gronn{--tone:#2fae6b;color:#2fae6b}
.evn-gul{--tone:#dd9330;color:#dd9330}
.evn-lilla{--tone:#a473e8;color:#a473e8}

.evn-vindu i{font-style:normal}
.evn-vindu b,.evn-vindu u,.evn-vindu span,.evn-vindu em{font-style:normal;text-decoration:none}

.mn-topp{display:flex;align-items:center;gap:2.5cqw;height:11cqh;padding:0 4cqw;
  background:var(--flate-2);border-bottom:.5cqw solid var(--kant-lett)}
.mn-merke{display:block;width:3.6cqw;height:3.6cqw;border-radius:50%;background:var(--tone)}
.mn-meny{display:block;height:1.8cqh;width:10%;border-radius:1cqh;background:var(--tekst);opacity:.26}
.mn-inn{display:block;position:absolute;left:0;right:0;top:11cqh;bottom:0;
  padding:4.5cqw 5cqw 0;overflow:hidden}
.mn-inn.flat{padding:0}
.mn-inn.hvit{background:#fff;color:#111}

.mn-h{display:block;font-size:5.2cqw;font-weight:600;letter-spacing:-.02em;
  color:var(--tekst);margin-bottom:3cqh;line-height:1.15}
.mn-h.liten{font-size:4.4cqw;margin-bottom:2cqh}
.mn-inn.hvit .mn-h{color:#111}
.mn-under{display:block;font-size:3.7cqw;color:var(--tekst-2);line-height:1.2}
.mn-sp{display:block;font-size:4.5cqw;font-weight:500;color:var(--tekst);
  line-height:1.25;margin-bottom:3cqh}
.mn-lin{display:block;height:3.2cqh;border-radius:2cqh;background:var(--tekst);
  opacity:.3;margin-bottom:2.6cqh}
.mn-lin.k{width:54%}
.mn-inn.hvit .mn-lin{background:#111;opacity:.16}

.mn-kart{display:block;position:absolute;inset:0;overflow:hidden}
.mn-kartsvg{display:block;width:100%;height:100%}
.mn-kartsvg .land{fill:var(--flate-3)}
.mn-kartsvg .vann{fill:#4f8ef7;opacity:.16}
.mn-kartsvg .park{fill:#2fae6b;opacity:.16}
.mn-kartsvg .vei{fill:none;stroke:var(--tekst);stroke-width:2.2;stroke-linecap:round;
  stroke-linejoin:round;opacity:.16}
.mn-kartsvg .vei.tynn{stroke-width:1.2;opacity:.11}
.mn-kartsvg .kvartal{fill:var(--tekst);opacity:.1}
.mn-pille{display:block;position:absolute;padding:1.2cqh 2.6cqw;border-radius:6cqh;
  background:var(--tone);color:#fff;font-size:3.8cqw;font-weight:600;white-space:nowrap}
.mn-bkort{display:block;position:absolute;left:4cqw;right:36%;bottom:4cqw;
  border-radius:2.5cqw;background:var(--flate-2);padding:3cqw;
  border:.5cqw solid var(--kant)}
.mn-bkort b{display:block;font-size:4cqw;font-weight:600;color:var(--tekst);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-bkort u{display:block;font-size:3.4cqw;color:var(--tekst-2);margin:.4cqh 0 1cqh;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-bkort b.pr{color:var(--tone);font-size:3.8cqw}

.mn-ring{display:block;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  border:1cqw dashed var(--tone);border-radius:50%;opacity:.8}
.mn-prikk{display:block;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:6cqw;height:6cqw;border-radius:50%;background:var(--tone)}
.mn-skinne{display:block;position:absolute;left:0;right:0;bottom:12cqh;height:1cqw;
  background:var(--tone);opacity:.65}
.mn-merkelapp{display:block;position:absolute;padding:1.2cqh 2.6cqw;border-radius:6cqh;
  background:var(--flate-2);border:.5cqw solid var(--kant);color:var(--tekst);
  font-size:3.6cqw;font-weight:500;white-space:nowrap}
.mn-merkelapp.lys{background:var(--tone);color:#fff;border-color:transparent}

.mn-felt{display:flex;align-items:baseline;justify-content:space-between;gap:3cqw;
  padding-bottom:2cqh;margin-bottom:2cqh;border-bottom:.5cqw solid var(--kant-lett)}
.mn-felt span{font-size:3.6cqw;color:var(--tekst-2)}
.mn-felt b{font-size:3.8cqw;font-weight:600;color:var(--tekst);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-knapp{display:inline-block;padding:1.4cqh 4cqw;border-radius:6cqh;background:var(--tone);
  color:#fff;font-size:3.8cqw;font-weight:600;margin-top:1cqh}

.mn-sokefelt{display:block;padding:1.8cqh 3cqw;border-radius:5cqh;
  border:.6cqw solid var(--kant);background:var(--flate-2);color:var(--tekst-3);
  font-size:3.6cqw;color:var(--tekst-2);margin-bottom:2.5cqh;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}

.mn-bedrift{display:flex;align-items:center;gap:2.6cqw;padding:1.6cqh 2cqw;
  border-radius:1.8cqw;margin-bottom:1.2cqh}
.mn-bedrift.uthev{background:color-mix(in srgb,var(--tone) 20%,transparent)}
.mn-logo{display:block;flex:0 0 auto;width:7cqw;height:7cqw;border-radius:1.6cqw;
  background:var(--tone);opacity:.85}
.mn-bedrift>i:last-child{display:block;min-width:0}
.mn-bedrift b{display:block;font-size:3.8cqw;font-weight:600;color:var(--tekst);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-bedrift u{display:block;font-size:3.2cqw;color:var(--tekst-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mn-trad{display:flex;align-items:baseline;justify-content:space-between;gap:3cqw;
  padding:1.6cqh 2cqw;border-radius:1.5cqw;margin-bottom:1.4cqh}
.mn-trad span{font-size:3.6cqw;color:var(--tekst-2)}
.mn-trad b{font-size:4cqw;font-weight:600;color:var(--tekst)}
.mn-trad.uthev{background:color-mix(in srgb,var(--tone) 24%,transparent)}
.mn-trad.uthev b{color:var(--tone)}

.mn-kurve{display:block;width:100%;height:26cqh;margin-bottom:2.5cqh}
.mn-kurve path{fill:none;stroke:var(--tone);stroke-width:3;stroke-linecap:round;
  vector-effect:non-scaling-stroke}

.mn-soyler{display:flex;align-items:flex-end;gap:3.5cqw;height:38cqh;margin-bottom:2.5cqh}
.mn-soyler>i{display:block;position:relative;flex:1;border-radius:1.5cqw 1.5cqw 0 0;
  background:var(--tekst);opacity:.24}
.mn-soyler>i.aks{background:var(--tone);opacity:1}
.mn-soyler em{position:absolute;left:0;right:0;bottom:-4.8cqh;text-align:center;
  font-size:3cqw;color:var(--tekst-2)}

.mn-kilder{display:flex;flex-wrap:wrap;gap:2cqw;margin-bottom:2.5cqh}
.mn-chip{display:inline-block;padding:1.2cqh 2.6cqw;border-radius:6cqh;
  background:var(--flate-2);border:.5cqw solid var(--kant);color:var(--tekst-2);
  font-size:3.4cqw;white-space:nowrap}

.mn-sitat{display:block;border-left:1.6cqw solid var(--tone);padding:1.4cqh 3cqw;
  background:color-mix(in srgb,var(--tone) 14%,transparent);border-radius:0 1.5cqw 1.5cqw 0;
  font-size:3.6cqw;color:#111;margin-top:1cqh}

.mn-boble{display:block;margin-left:auto;max-width:82%;padding:1.8cqh 3.4cqw;
  border-radius:5cqh;background:var(--tone);color:#fff;font-size:3.8cqw;
  font-weight:500;margin-bottom:4cqh}
.mn-vedlegg{display:flex;align-items:center;gap:2.5cqw;padding:2cqh 3cqw;
  border-radius:2cqw;border:.5cqw solid var(--kant);background:var(--flate-2)}
.mn-vedlegg b{font-size:2.6cqw;font-weight:700;letter-spacing:.04em;padding:.8cqh 2cqw;
  border-radius:1.5cqw;background:var(--tone);color:#fff}
.mn-vedlegg span{font-size:3.6cqw;color:var(--tekst-2);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}

.pp-manus{border-top:1px solid var(--kant-lett);background:var(--flate-2);
  padding:9px 12px 10px;display:flex;gap:9px;align-items:flex-start;

  max-height:78px;overflow-y:auto}
@media(min-width:720px){.pp-manus{max-height:92px}}
.pp-manus-merk{flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--tekst-3);padding-top:1px}
.pp-manus p{margin:0;font-size:12px;line-height:1.45;color:var(--tekst-2)}
.pp-manus p[hidden]{display:none}

.evn-plan-rad{display:grid;gap:10px}
@media(min-width:560px){.evn-plan-rad{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.evn-plan-rad{grid-template-columns:repeat(4,1fr)}}
.evn-plan{position:relative;border:1px solid var(--kant);border-radius:16px;
  padding:16px 14px 14px;display:flex;flex-direction:column;gap:8px}
.evn-plan-frem{border-color:var(--kant-tung);background:var(--flate-2)}
.evn-plan-merke{position:absolute;top:-9px;left:14px;font-size:11px;font-weight:600;
  letter-spacing:.02em;background:var(--fyll-bg);color:var(--fyll-tx);
  border-radius:9999px;padding:3px 9px}
.evn-plan h3{font-size:14px;font-weight:600;margin:0}
.evn-plan-pris{font-size:1.375rem;font-weight:600;letter-spacing:-.02em;margin:0}
.evn-plan-pris span{font-size:12.5px;font-weight:400;color:var(--tekst-3);margin-inline-start:4px}
.evn-plan-liste{list-style:none;margin:2px 0 auto;padding:0;display:flex;
  flex-direction:column;gap:5px;font-size:12.5px;line-height:1.45;color:var(--tekst-2)}
.evn-nei{color:var(--tekst-3);text-decoration:line-through}
.evn-plan-kn{width:100%;margin-top:12px;min-height:38px;font-size:13px;display:inline-flex}
.evn-planer-fot{font-size:12.5px;color:var(--tekst-3);margin:14px 0 0}
.evn-planer-fot a{color:var(--tekst-2)}

@keyframes evn-puls{0%,100%{box-shadow:0 0 0 0 transparent}
  30%{box-shadow:0 0 0 3px var(--kant-tung)}}
.evn-planer.evn-pek .evn-plan-frem{animation:evn-puls 1.1s ease}
@media (prefers-reduced-motion:reduce){.evn-planer.evn-pek .evn-plan-frem{animation:none}}

.evn-anim .bg,.evn-anim .sam,.evn-anim .vis,
.evn-anim .evn-kort,.evn-anim .tall,.evn-anim .evn-plan{
  opacity:0;transform:translateY(10px);
  transition:opacity .42s ease,transform .42s cubic-bezier(.19,1,.22,1)}
.evn-anim .inne{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .evn-anim .bg,.evn-anim .sam,.evn-anim .vis,
  .evn-anim .evn-kort,.evn-anim .tall,.evn-anim .evn-plan{
    opacity:1;transform:none;transition:none}
}

.forslag button.fs-bred{grid-column:1/-1}

.kvote-mer{display:inline-flex;font-family:inherit}

#traad.strommer{overflow-anchor:none}

.md table.kf-tab{display:table;width:100%;margin:12px 0 16px;
  border-collapse:collapse}
.md table.kf-tab th{background:none;color:var(--tekst-2);font-weight:600;
  text-align:start;padding:8px 0;border-bottom:1px solid var(--kant-lett)}
.md table.kf-tab td{padding:10px 0;border-bottom:1px solid var(--kant-lett);
  vertical-align:top}
.md table.kf-tab th:first-child,.md table.kf-tab td:first-child{
  padding-inline-end:24px;width:34%}
.md table.kf-tab tbody tr:last-child td{border-bottom:none}

.eik-md h2{font-size:1.375rem;line-height:1.3;font-weight:600;
  margin:40px 0 10px;padding-top:22px;
  border-top:1px solid var(--kant-tung)}
.eik-md h2:first-of-type{border-top:none;padding-top:0;margin-top:4px}

.eik-adr-tips{position:absolute;z-index:800;left:50%;
  transform:translate(-50%,-8px);bottom:100%;
  min-width:180px;max-width:240px;
  background:var(--flate);color:var(--tekst);border:1px solid var(--kant);
  border-radius:16px;
  padding:14px;box-shadow:0 8px 24px #00000040;
  font-size:12.5px;line-height:1.4;text-align:start;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .12s ease,transform .12s ease}

.eik-adr-tips::before{content:"";position:absolute;top:100%;left:0;
  right:0;height:16px}
.eik-adr-tips::after{content:"";position:absolute;top:100%;left:50%;
  transform:translateX(-50%);border:6px solid transparent;
  border-top-color:var(--flate)}
.eik-adr-tips b{display:block;font-size:14px;margin-bottom:10px}

.eik-adr-tips a{display:block;text-align:center;text-decoration:none;
  background:transparent;color:var(--tekst);font-weight:600;
  border-radius:9999px;border:1px solid var(--kant-tung);
  padding:11px 12px;margin-top:2px;transition:background .1s ease}
.eik-adr-tips a:hover{background:var(--hover-svak)}

.eik-pille-egen:hover .eik-adr-tips,
.eik-pille-egen:focus-visible .eik-adr-tips,
.eik-pille-egen:focus-within .eik-adr-tips{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-14px)}

.eik-adr-hover{position:relative;width:fit-content;max-width:100%}
.eik-adr-hover h1{text-decoration:underline;text-decoration-style:dotted;
  text-decoration-color:var(--kant-tung);text-underline-offset:4px;
  cursor:pointer}
.eik-adr-hover:hover .eik-adr-tips{opacity:1;visibility:visible;
  pointer-events:auto;transform:translate(-50%,-14px)}

.mb-cta-rad{margin:22px 0 0;display:flex;flex-direction:column;
  align-items:center;gap:7px}
.mb-cta-knapp{display:block;width:100%;text-align:center;
  padding:14px 18px;border-radius:9999px;
  background:linear-gradient(135deg,#1a6fe8,#4da3ff);
  color:#fff;font-size:14px;font-weight:700;text-decoration:none;
  line-height:1.35;box-shadow:0 6px 18px 0 rgba(26,111,232,.35);
  transition:transform .15s ease,box-shadow .15s ease}
.mb-cta-knapp:hover{transform:translateY(-1px);
  box-shadow:0 9px 22px 0 rgba(26,111,232,.45)}
.mb-cta-knapp:active{transform:translateY(0);
  box-shadow:0 4px 12px 0 rgba(26,111,232,.35)}
.mb-cta-knapp:focus-visible{outline:2px solid #1a6fe8;outline-offset:3px}
.mb-cta-merke{font-size:11px;color:var(--tekst-3)}

.evnerad{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;
  margin:11px auto 0;max-width:860px}
.evne{display:inline-flex;align-items:center;gap:6px;flex:none;
  padding:6px 12px 6px 10px;border-radius:9999px;cursor:pointer;
  border:1px solid var(--kant);background:none;color:var(--tekst-2);
  font-size:13px;line-height:1.2;transition:border-color .15s ease,color .15s ease}
.evne svg{flex:none;opacity:.75}
.evne:hover{border-color:var(--tekst-3);color:var(--tekst)}
.evne.paa{border-color:var(--lenke);color:var(--lenke);
  background:color-mix(in srgb,var(--lenke) 10%,transparent)}
.evne.paa svg{opacity:1}
@media(prefers-reduced-motion:reduce){.evne{transition:none}}
@media(max-width:560px){
  .evnerad{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    padding-inline:14px;scrollbar-width:none}
  .evnerad::-webkit-scrollbar{display:none}
}

.md a.utlenke{display:inline;vertical-align:baseline;color:inherit;cursor:pointer;
  text-decoration-line:underline;text-decoration-style:dotted;
  text-decoration-thickness:1px;text-decoration-color:var(--tekst-3);
  text-underline-offset:2px;text-underline-position:from-font;
  text-decoration-skip-ink:auto}
.md a.utlenke:hover{color:var(--lenke);text-decoration-color:inherit}
.utlenke-ikon{width:14px;height:14px;border-radius:3px;object-fit:contain;
  vertical-align:-2px;margin-inline-end:3px}
.utlenke-pil{opacity:.55;vertical-align:-1px;margin-inline-start:2px}
.md a.utlenke:hover .utlenke-pil{opacity:1}

[hidden]{display:none!important}

#traad{scroll-padding-top:56px}
@media(pointer:coarse){ #traad{scroll-padding-top:60px} }

.lk-kort{position:absolute;z-index:2500;max-width:min(92vw,420px);
  background:var(--flate);color:var(--tekst);
  border-radius:16px;padding:10px 12px;
  box-shadow:0 10px 15px -3px #0000002e, 0 4px 6px -4px #0000002e,
             0 0 0 1px #ffffff1a;
  font-size:13px;line-height:1.35}
html[data-tema=light] .lk-kort{box-shadow:0 10px 15px -3px #0000001a,
  0 4px 6px -4px #0000001a, 0 0 0 1px #00000014}

.lk-kort.lk-url{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;
  border-radius:9999px}
.lk-fav{width:16px;height:16px;border-radius:4px;object-fit:contain;flex:none}
.lk-adr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:var(--tekst-2);font-size:13px}
.lk-kopi{flex:none;display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:0;border-radius:8px;background:none;
  color:var(--tekst-3);cursor:pointer}
.lk-kopi:hover{background:var(--flate-2);color:var(--tekst)}
.lk-kopi.ok{color:#4ade80}

.lk-kort.lk-kilde{width:min(92vw,340px);padding:0;overflow:hidden}
.lk-topp{display:flex;align-items:center;gap:4px;padding:8px 12px;
  border-bottom:1px solid var(--kant-lett)}
.lk-pil{width:28px;height:28px;border:0;border-radius:8px;background:none;
  color:var(--tekst-2);cursor:pointer;font-size:14px;line-height:1}
.lk-pil:hover{background:var(--flate-2);color:var(--tekst)}
.lk-teller{margin-inline-start:auto;color:var(--tekst-3);font-size:12.5px}
.lk-kropp{padding:12px 14px 14px}
.lk-navn{display:flex;align-items:center;gap:7px;font-size:13px;
  color:var(--tekst-2);margin-bottom:6px}
.lk-tit{font-size:14px;font-weight:500;line-height:1.35;color:var(--tekst)}
.lk-dato{margin-top:8px;font-size:13px;color:var(--tekst-3)}

.md a.utlenke:hover{color:#3a83f7;text-decoration-color:#3a83f7}

:root,html[data-tema=dark]{
  --tekst-2:#a5a8ad; --tekst-3:#6c6f75; --tekst-4:#ffffff69;
  --kant-lett:#ffffff0e;
}

:root{--plassholder:#9b9b9b}
html[data-tema=light]{
  --tekst-2:#62656b; --tekst-3:#9a9da3; --tekst-4:#00000030;
  --kant-lett:#49494913;
}

@media (prefers-color-scheme:light){
  html[data-tema=system]{
    --tekst-2:#62656b; --tekst-3:#9a9da3; --tekst-4:#00000030;
    --kant-lett:#49494913;
    }
}

.md h2{margin:16px 0 4px;font-weight:600}
.md h3{margin:16px 0 4px;font-weight:600}
.md h4{margin:16px 0 0;font-weight:600}
.md h2:first-child,.md h3:first-child,.md h4:first-child{margin-top:0}
.md h4+p{margin-top:0}

.ikonknapp:hover,.hbtn:hover,.modal-lukk:hover,.radknapp:hover,
.handl .hbtn:hover{background:var(--hover-svak);color:var(--tekst)}

button:not(:disabled):not([aria-disabled=true]),
[role=button]:not([aria-disabled=true]){cursor:pointer}
button:disabled,[role=button][aria-disabled=true]{cursor:not-allowed}
.meny-rad:disabled,.vmeny-rad:disabled,.rad-meny button:disabled,
[role=menuitem]:disabled,[role=menuitem][aria-disabled=true]{cursor:default}

#tips{border-radius:9999px;padding:5px 12px;
  font-size:14px;line-height:18px;font-weight:600;letter-spacing:-.15px;
  white-space:pre-wrap;max-width:20rem;
  box-shadow:0 8px 18px rgba(15,23,42,.2)}

.radknapp svg{width:16px;height:16px}

.hode-tx{font-size:14px}

@keyframes lkVis{from{opacity:0;transform:scale(.96)}
  to{opacity:1;transform:scale(1)}}
@keyframes tipsVis{from{opacity:0}to{opacity:1}}
.lk-kort{animation:.15s cubic-bezier(.16,1,.3,1) lkVis;
  transform-origin:top left}
#tips{animation:.1s cubic-bezier(.16,1,.3,1) tipsVis}
@media (prefers-reduced-motion:reduce){
  .lk-kort,#tips{animation:none}}

.meny-pille:hover{background-color:var(--flate-3);
  background-image:linear-gradient(var(--hover-svak),var(--hover-svak))}

:root{--rad-hover:#ffffff1a;--rad-valgt:#ffffff1a;--rad-trykk:#ffffff0d}
html[data-tema=light]{--rad-hover:#0000000a;--rad-valgt:#0000000d;
  --rad-trykk:#0000000f}
@media (prefers-color-scheme:light){html[data-tema=system]{
  --rad-hover:#0000000a;--rad-valgt:#0000000d;--rad-trykk:#0000000f}}

.rad:hover,.bunnrad:hover,.meny button:hover,.innst-fane-knapp:hover,
.sosial:hover{background:var(--rad-hover);color:var(--tekst)}
.rad:active,.bunnrad:active,.meny button:active,
.sosial:active{background:var(--rad-trykk)}
.rad[aria-current=true]{background:var(--rad-valgt);color:var(--tekst)}

.rad[aria-current=true]:hover{background:var(--rad-trykk)}

:root{--rad-ikon-hover:#ffffffe5}
html[data-tema=light]{--rad-ikon-hover:#000000e5}
@media (prefers-color-scheme:light){html[data-tema=system]{
  --rad-ikon-hover:#000000e5}}
.rad-li .radknapp:hover,.rad-li .radknapp:focus-visible{
  background:none;color:var(--rad-ikon-hover)}

.rad-li:hover>.rad{background:var(--rad-hover);color:var(--tekst)}
.rad-li:hover>.rad[aria-current=true]{background:var(--rad-trykk)}

@media (hover:none){
  .rad:hover:not([aria-current=true]),
  .rad-li:hover>.rad:not([aria-current=true]),
  .bunnrad:hover,.meny button:hover,.innst-fane-knapp:hover,
  .sosial:hover,.ikonknapp:hover,.hbtn:hover,.modal-lukk:hover,
  .kbtn:hover,.handl .hbtn:hover{background:none}
  .meny-pille:hover{background-image:none}
  .rad-li .radknapp:hover{color:inherit}
}

.md h1{letter-spacing:-.04rem}

.hbtn,.handl .hbtn{border-radius:10px}

:root{--lenke-hover:#5e83b3}
html[data-tema=light]{--lenke-hover:#749ac8}
@media (prefers-color-scheme:light){html[data-tema=system]{
  --lenke-hover:#749ac8}}

@supports (color: color(display-p3 1 1 1)){
  .md a.utlenke:hover{
    color:color(display-p3 .227451 .513726 .968627);
    text-decoration-color:color(display-p3 .227451 .513726 .968627)}
}

.md a.sitat,.md a.sitat:visited{color:var(--tekst-2);text-decoration:none}
.md a.sitat:hover{background:var(--kant);color:var(--tekst)}

.md li{margin-block:0}

.rad-li .rad{color:var(--tekst)}

.rad{gap:6px}
.rad-fast svg{width:20px;height:20px}

.hode-tx{color:var(--tekst);font-size:16px;line-height:1.42857}

.liste{overscroll-behavior-y:none}

.rad-fest svg{rotate:-45deg}

.evnerad{display:flex;flex-wrap:wrap;justify-content:center;
  gap:7px;margin:10px auto 0;max-width:768px;padding:0 12px}
.evne{display:inline-flex;align-items:center;gap:6px;
  height:32px;padding:0 10px;border-radius:9999px;
  border:1px solid var(--kant);background:transparent;
  font-family:inherit;font-size:13px;line-height:1;
  color:var(--tekst-2);cursor:pointer;white-space:nowrap;
  transition:background .15s cubic-bezier(.4,0,.2,1),
             color .15s cubic-bezier(.4,0,.2,1)}
.evne:hover{background:var(--hover-svak);color:var(--tekst)}
.evne svg{width:16px;height:16px;flex:none}

.hoved:not(.tom) .evnerad{display:none}

.flate-marked #pluss,
.flate-marked #menyknapp,
.flate-marked #midl-knapp{display:none}

.side{overflow:hidden auto;overscroll-behavior-y:none}
.liste{flex:none;overflow:visible}
.side-topp,.sokerad{position:sticky;top:0;z-index:3;
  background:var(--flate-side)}

.side-bunn{position:sticky;bottom:0;z-index:3;margin-top:auto;
  background:var(--flate-side)}

.innst-fane-knapp{min-height:40px;gap:6px;border-radius:10px;font-size:16px}

.innst-rad label,.innst-tittel2{font-size:16px}
.innst-under2,.innst-hjelp{font-size:13.71px}

:root{--sw-av:#414141;--sw-av-h:#4f4f4f;--sw-paa:#3a83f7}
html[data-tema=light]{--sw-av:#dfdfdf;--sw-av-h:#cdcdcd;--sw-paa:#181818}
@media (prefers-color-scheme:light){html[data-tema=system]{
  --sw-av:#dfdfdf;--sw-av-h:#cdcdcd;--sw-paa:#181818}}
.plugg-bryter{flex:0 0 auto;position:relative;width:32px;height:19px;
  padding:0;border:none;border-radius:9999px;cursor:pointer;
  background:var(--sw-av);
  transition:background .15s cubic-bezier(.4,0,.2,1)}
.plugg-bryter:hover{background:var(--sw-av-h)}
.plugg-bryter[aria-checked=true]{background:var(--sw-paa)}
.plugg-bryter>span{position:absolute;top:3px;left:3px;
  width:13px;height:13px;border-radius:50%;background:#fff;
  box-shadow:0 1px 2px #0003;
  transition:translate .15s cubic-bezier(.4,0,.2,1)}
.plugg-bryter[aria-checked=true]>span{translate:13px 0}
@media (prefers-reduced-motion:reduce){
  .plugg-bryter,.plugg-bryter>span{transition:none}}

.innst-hoved button,.innst-hoved textarea,
.innst-hoved input,.innst-velg{font-size:16px}

.knapp-fare,.innst-fare{background:#d70022;border-color:#d70022;color:#fff}
.knapp-fare:hover,.innst-fare:hover{background:#911e1b;border-color:#911e1b;color:#fff}

.innst-fare.armert{background:#911e1b;border-color:#911e1b;color:#fff}
html[data-tema=dark] .innst-fare.armert{background:#911e1b;border-color:#911e1b;color:#fff}
.knapp-fare:disabled,.knapp-fare[aria-disabled=true],
.innst-fare:disabled{background:#d70022;border-color:#d70022;color:#fff;opacity:.5}
.knapp-fare:disabled:hover,.knapp-fare[aria-disabled=true]:hover{background:#d70022;color:#fff}

.fv-inn{min-height:74px}
.fv-vegg{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.fv-rute{display:block;aspect-ratio:3/4;border-radius:6px;overflow:hidden;
  background:var(--hover-svak)}
.fv-rute img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .18s ease}
.fv-rute:hover img{transform:scale(1.06)}
@media(prefers-reduced-motion:reduce){.fv-rute img{transition:none}
  .fv-rute:hover img{transform:none}}
@media(max-width:560px){.fv-vegg{grid-template-columns:repeat(4,1fr)}}
.fv-mer{display:inline-block;margin:9px 0 0;font-size:12px;color:var(--lenke)}

.fv-annonser{display:flex;gap:8px}
.fv-ann{flex:1;min-width:0;border:1px solid var(--kant);border-radius:8px;
  overflow:hidden;display:flex;flex-direction:column;background:var(--flate-2)}
.fv-ann img{width:100%;height:62px;object-fit:cover;display:block}
.fv-ann-tx{padding:7px 8px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}
.fv-ann-tx b{font-size:11.5px;font-weight:500;color:var(--tekst);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fv-ann-tx i{font-size:11px;font-style:normal;color:var(--tekst-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fv-ann-tx em{font-size:12px;font-style:normal;font-weight:500;color:var(--lenke);margin-top:1px}
.fv-ann:hover{border-color:var(--tekst-3)}

.fv-fil{display:flex;align-items:center;gap:11px;padding:11px 12px;
  border:1px solid var(--kant);border-radius:10px;background:var(--flate-2)}
.fv-fil:hover{border-color:var(--tekst-3);background:var(--hover-svak)}
.fv-fil-t{flex:none;width:46px;height:46px;display:flex;align-items:center;
  justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--lenke) 14%,transparent);
  color:var(--lenke);font-size:11px;font-weight:500;letter-spacing:.03em}
.fv-fil-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.fv-fil-tx b{font-size:13px;font-weight:500;color:var(--tekst)}
.fv-fil-tx i{font-size:11.5px;font-style:normal;color:var(--tekst-3);line-height:1.35}

.fv-papir{display:block;max-width:100%;height:auto;margin:0 0 10px;
  border:1px solid var(--kant);border-radius:8px;background:#fff}
.fv-side{display:flex;gap:12px;align-items:flex-start}
.fv-side .fv-papir{flex:0 0 116px;width:116px;margin:0}
.fv-side .fv-fil{flex:1;min-width:0}

.fv-fil,.fv-fil:hover{text-decoration:none}
@media(max-width:560px){.fv-side{flex-direction:column}
  .fv-side .fv-papir{flex:none;width:96px}
  .fv-side .fv-fil{width:100%}}

.fv-mal-h{margin:0 0 7px;font-size:11.5px;color:var(--tekst-3)}
.fv-maler{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 11px}
.fv-mal{display:block;width:100%;padding:0;overflow:hidden;cursor:pointer;
  border:1px solid var(--kant);border-radius:8px;background:var(--flate);
  font:inherit;color:inherit;text-align:start}
.fv-mal img{display:block;width:100%;height:auto;aspect-ratio:16/9;
  border-bottom:1px solid var(--kant)}
.fv-mal span{display:flex;flex-direction:column;gap:1px;padding:6px 8px 7px}
.fv-mal b{font-size:11.5px;font-weight:500;color:var(--tekst)}
.fv-mal i{font-size:11px;font-style:normal;color:var(--tekst-3);
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fv-mal:hover{border-color:var(--tekst-3)}
.fv-mal:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2px}

@media(max-width:560px){.fv-mal i{display:none}}

.fv{max-width:640px;margin:12px auto 0;animation:fv-inn .18s ease}
@keyframes fv-inn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fv{animation:none}}
.fv-k{border:1px solid var(--kant);border-radius:10px;background:var(--flate-2);
  padding:12px 14px;overflow:hidden}
.fv-h{display:flex;align-items:center;gap:7px;margin:0 0 9px;
  font-size:11.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
  color:var(--tekst-3)}
.fv-h svg{flex:none;opacity:.8}
.fv-b{font-size:12.5px;line-height:1.45;color:var(--tekst-3);margin:9px 0 0}
.fv-flate{display:flex;gap:9px;align-items:stretch}
.fv-flate>*{min-width:0}

.fv-ark{flex:1;border:1px solid var(--kant);border-radius:6px;overflow:hidden;
  font-size:8.5px;line-height:1;font-variant-numeric:tabular-nums}
.fv-r{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;
  border-bottom:1px solid var(--kant)}
.fv-r:last-child{border-bottom:0}
.fv-r>i{padding:5px 6px;font-style:normal;color:var(--tekst-2);
  border-inline-end:1px solid var(--kant);white-space:nowrap;overflow:hidden}
.fv-r>i:last-child{border-inline-end:0}
.fv-r.hd>i{background:var(--hover-svak);color:var(--tekst-3);font-weight:500}
.fv-r>i.fml{color:var(--lenke)}

.fv-graf{flex:0 0 118px;display:flex;align-items:flex-end;gap:4px;
  padding:8px 7px 7px;border:1px solid var(--kant);border-radius:6px;height:74px}
.fv-graf s{flex:1;background:var(--lenke);opacity:.55;border-radius:2px 2px 0 0;
  text-decoration:none}

.fv-slide{flex:1;border:1px solid var(--kant);border-radius:6px;padding:9px 10px;
  display:flex;flex-direction:column;gap:5px;height:74px}
.fv-kick{height:3px;width:44%;background:var(--tekst-3);opacity:.5;border-radius:2px}
.fv-tit{height:8px;width:78%;background:var(--tekst-2);border-radius:2px}
.fv-tit.kort{width:52%}
.fv-idx{margin-top:auto;display:flex;gap:8px}
.fv-idx b{font-size:8px;color:var(--lenke);font-weight:500}

.fv-dok{flex:1;border:1px solid var(--kant);border-radius:6px;padding:9px 10px;
  display:flex;flex-direction:column;gap:4px;height:74px}
.fv-l{height:3px;background:var(--tekst-3);opacity:.35;border-radius:2px}

.fv-kort{flex:1;border:1px solid var(--kant);border-radius:6px;padding:8px 9px;
  display:flex;flex-direction:column;gap:5px;justify-content:center;height:74px}
.fv-kort b{font-size:9.5px;font-weight:500;color:var(--tekst-2)}
.fv-kort span{font-size:8.5px;color:var(--tekst-3)}
.fv-pris{font-size:11px;font-weight:500;color:var(--lenke)}

.fv-bilde{flex:1;height:74px;border-radius:6px;overflow:hidden;position:relative;
  background:linear-gradient(var(--hover-svak) 62%,var(--kant) 62%)}
.fv-bilde::after{content:"";position:absolute;left:26%;bottom:26%;width:30%;height:34%;
  background:var(--tekst-3);opacity:.45;
  clip-path:polygon(50% 0,100% 42%,100% 100%,0 100%,0 42%)}
.fv-merke{position:absolute;inset-inline-start:6px;bottom:5px;font-size:7.5px;
  color:var(--tekst-3);background:var(--flate-2);padding:1px 5px;border-radius:99px}

.fv-brikker{display:flex;gap:6px;flex:1}
.fv-br{flex:1;border:1px solid var(--kant);border-radius:6px;padding:7px 8px;
  display:flex;flex-direction:column;justify-content:center;gap:2px;height:74px}
.fv-br b{font-size:13px;font-weight:500;color:var(--tekst)}
.fv-br span{font-size:8px;color:var(--tekst-3);line-height:1.25}

.md a.knapp{color:inherit}
.md a.knapp-fyll{color:var(--fyll-tx)}

.side-planer{justify-content:space-between;gap:6px}
.side-planer .bunn-tx{flex:1;min-width:0}
.bunn-pil{flex:0 0 auto;width:16px;height:16px;color:var(--tekst-3);
  opacity:0;transition:opacity .1s ease}
.side-planer:hover .bunn-pil,
.side-planer:focus-visible .bunn-pil{opacity:1}
@media (prefers-reduced-motion:reduce){.bunn-pil{transition:none}}

.app.lukket .side-planer{display:none}

.logginn-felt{
  margin:6px -8px calc(-1 * max(10px, var(--trygg-bunn)));
  padding:20px 20px max(20px, var(--trygg-bunn));
  border-top:1px solid var(--kant-tung);
  background:var(--flate-side)}
.lf-tittel{margin:0 0 16px;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--tekst)}
.lf-tekst{margin:0 0 24px;font-size:.875rem;line-height:1.25rem;color:var(--tekst-3)}
.lf-knapp{display:flex;width:100%}

.side-bunn:has(.logginn-felt){border-top:none}

.app.lukket .logginn-felt{display:none}

#hjelp-knapp .pil{opacity:0;transition:opacity .1s ease}
#hjelp-knapp:hover .pil,
#hjelp-knapp:focus-visible .pil,
.undermeny.apen #hjelp-knapp .pil{opacity:1}
@media (prefers-reduced-motion:reduce){#hjelp-knapp .pil{transition:none}}

.lf-knapp{min-height:44px;border-color:var(--kant);background:var(--komp-flate)}
.lf-knapp:hover{background:var(--flate-3)}

.hopp{position:fixed;inset-inline:0;top:0;margin-top:16px;z-index:50;
  display:flex;justify-content:center;pointer-events:none;
  -webkit-user-select:none;user-select:none}
.hopp a{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hopp a:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;
  pointer-events:auto;padding:8px 16px;border-radius:16px;font-size:1rem;
  text-decoration:none;color:var(--tekst);background:var(--komp-flate);
  border:1px solid var(--kant);box-shadow:var(--skygge-popover)}
@media print{.hopp{display:none}}

#main:focus{outline:none}
#main:focus-visible{outline:2px solid var(--tekst);outline-offset:-2px}

.app.lukket .side,
.app.lukket .side-merke{cursor:e-resize}
.app.lukket button.skinne-samtaler:not(:disabled){cursor:e-resize}
button.lukk-side:not(:disabled){cursor:w-resize}
[dir=rtl] .app.lukket .side,
[dir=rtl] .app.lukket .side-merke{cursor:w-resize}
[dir=rtl] .app.lukket button.skinne-samtaler:not(:disabled){cursor:w-resize}
[dir=rtl] button.lukk-side:not(:disabled){cursor:e-resize}

.velkomst h1{text-wrap:pretty}
.fot{text-wrap:balance}

.fot{-webkit-user-select:none;user-select:none}
.fot:active{-webkit-user-select:auto;user-select:auto}

.rad,.bunnrad{scroll-margin:6px}

@media print{
  .hopp,.side,.skygge,.komp,.tilbunn,#tips{display:none}
  .app{display:block;height:auto}
  .hoved{display:block}
  .traad-omslag{overflow:visible;flex:none}
  .traad-omslag::before,.traad-omslag::after{display:none}
  .traad{height:auto;overflow:visible;scrollbar-gutter:auto}
}

.kbtn[aria-expanded=true]{background:var(--press-svak)}

.kbtn>*,.send>*,.ikonknapp>*,.merke-knapp>svg{pointer-events:none}

.kbtn:disabled,.send:disabled{cursor:not-allowed}

@media (prefers-contrast: more){
  :root,html[data-tema=dark]{--tekst-3:#a5a8ad}
  html[data-tema=light]{--tekst-3:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: light){
  html[data-tema=system]{--tekst-3:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark){
  html[data-tema=system]{--tekst-3:#a5a8ad}
}

@media (forced-colors: active){
  .boks,.boble,.modal{border:1px solid CanvasText}
  .knapp{border-color:CanvasText}

  .innst-skyv{-webkit-appearance:auto;appearance:auto}
  .innst-skyv::-webkit-slider-thumb{-webkit-appearance:auto;appearance:auto}
  .innst-skyv::-moz-range-thumb{appearance:auto}

  :focus-visible{outline-color:Highlight}
}

@media (pointer:coarse){ .evne{height:44px} }

@media (hover:none){
  .evne:hover{background:transparent;border-color:var(--kant);color:var(--tekst-2)}
  .evne.paa:hover{border-color:var(--lenke);color:var(--lenke)}
  .oppfolg-rad:hover{color:inherit}
  .oppfolg-rad:hover::before,.oppfolg-rad:hover .oppfolg-ikon{color:inherit}
  .knapp-kant:hover{background:var(--flate)}
  .knapp-fare:hover,.innst-fare:hover{background:none;border-color:var(--fare);color:var(--fare)}
  .eik-pille:hover .eik-pille-t,
  .eik-pille-egen:hover .eik-pille-t{background:inherit}
  .kort-hjerte:hover{background:rgba(0,0,0,.35)}
  .profil-lagre:hover{background:var(--fyll-bg)}
  .profil-avbryt:hover{background:transparent}
  .fv-rute:hover img{transform:none}
  .mini:hover:not(.fyll):not(:disabled){background:transparent}
  .mini.fyll:hover:not(:disabled){background:var(--tekst);border-color:var(--tekst)}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill{
  -webkit-text-fill-color:var(--tekst);
  caret-color:var(--tekst);
  transition:background-color 0s 50000s, box-shadow 0s 50000s,
             color 0s 50000s, filter 0s 50000s}
input:-webkit-autofill::first-line{
  font-size:inherit;font-family:inherit;color:var(--tekst)}

@keyframes meny-inn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.meny:not([hidden]),
.konto-meny:not([hidden]),
.hjelp-meny:not([hidden]),
.rad-meny:not([hidden]){
  animation:meny-inn .16s cubic-bezier(.19,1,.22,1) both}
@media (prefers-reduced-motion:reduce){
  .meny:not([hidden]),.konto-meny:not([hidden]),
  .hjelp-meny:not([hidden]),.rad-meny:not([hidden]){animation:none}
}

.boks{cursor:text}

input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}

.innst-skyv{-webkit-user-select:none;user-select:none}
.innst-skyv::-webkit-slider-thumb{cursor:grab}
.innst-skyv::-moz-range-thumb{cursor:grab}
.innst-skyv:active::-webkit-slider-thumb{cursor:grabbing}
.innst-skyv:active::-moz-range-thumb{cursor:grabbing}

.boble.klamp{overflow:hidden;padding-bottom:0}
.boble-mer{
  display:block;margin:4px 0 0 auto;padding:2px 4px;
  border:none;background:none;cursor:pointer;
  font-family:inherit;font-size:13px;line-height:18px;
  color:var(--tekst-3);border-radius:6px}
.boble-mer:hover{color:var(--tekst)}
@media (hover:none){.boble-mer:hover{color:var(--tekst-3)}}

.topp{padding-block:8px}
.topp .knapp{min-height:36px}
@media (pointer:coarse){ .topp{padding-block:10px} }

.md,.boble,.rad-tx,.bunn-tx,.skriv,.evne,.knapp{
  font-family:inherit}

.md h1{letter-spacing:-.04rem}

.kortrad-ramme{position:relative}
.kr-pil{
  position:absolute;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--kant);background:var(--flate-2);color:var(--tekst);
  box-shadow:var(--skygge-popover);cursor:pointer;z-index:2;
  opacity:0;pointer-events:none;transition:opacity .12s ease}
.kortrad-ramme:hover .kr-pil,
.kortrad-ramme:focus-within .kr-pil{opacity:1;pointer-events:auto}
.kr-pil:hover{background:var(--flate-3)}
.kr-pil[hidden]{display:none}
.kr-pil-venstre{inset-inline-start:-6px}
.kr-pil-hoyre{inset-inline-end:-6px}
@media (hover:none){.kortrad-ramme .kr-pil{display:none}}
@media (prefers-reduced-motion:reduce){.kr-pil{transition:none}}

.side-topp::after{
  content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;
  background:var(--kant-lett);opacity:0;pointer-events:none;
  transition:opacity .12s ease}
.side.rullet .side-topp::after{opacity:1}

.app.lukket .side-topp::after{display:none}
@media (prefers-reduced-motion:reduce){.side-topp::after{transition:none}}

.les-kn.leser{color:var(--tekst);background:var(--hover-svak)}
@media (hover:none){.les-kn.leser{background:var(--hover-svak)}}

.app.lukket .side-merke{display:grid;place-items:center}
.app.lukket .side-merke img,
.app.lukket .side-merke .merke-panel{
  grid-area:1/1;display:block;transition:opacity 1ms linear 0s}
.app.lukket .side-merke .merke-panel{opacity:0;color:var(--tekst)}
.app.lukket .side-merke:hover img,
.app.lukket .side-merke:focus-visible img{opacity:0;transition-delay:150ms}
.app.lukket .side-merke:hover .merke-panel,
.app.lukket .side-merke:focus-visible .merke-panel{opacity:1;transition-delay:150ms}
@media (prefers-reduced-motion:reduce){
  .app.lukket .side-merke img,
  .app.lukket .side-merke .merke-panel{transition:none}
}

.app.lukket .skinne-samtaler{width:36px;min-height:36px}

.boks{background:var(--komp-flate)}

.merke{font-size:18px;letter-spacing:-.015em}

.send:hover:not(:disabled){opacity:.7}
.send:active:not(:disabled){opacity:.55}
.send:disabled{opacity:.3}
@media (hover:none){.send:hover:not(:disabled){opacity:1}}

.knapp-fyll:active:not(:disabled){background:var(--fyll-bg)}

.knapp-kant:active:not(:disabled){background:var(--press-svak)}
.evne:active{background:var(--press-svak)}
@media (hover:none){
  .knapp-fyll:active:not(:disabled){background:var(--fyll-bg)}
  .evne:active{background:var(--press-svak)}
}

.app{transition:grid-template-columns .2s ease-out}

.feil{background:var(--fare-soft);color:var(--fare)}
.kbtn.lytter{background:var(--fare-soft);color:var(--fare)}

.skjerm{transition:opacity .2s cubic-bezier(.8,0,.4,1),visibility .2s cubic-bezier(.8,0,.4,1)}
.skjerm.vis{transition:opacity .35s cubic-bezier(.19,1,.22,1),visibility .35s cubic-bezier(.19,1,.22,1)}
.modal,.innst,.snar-boks{transform:scale(.95);transition:transform .2s cubic-bezier(.8,0,.4,1)}
.skjerm.vis .modal,
.skjerm.vis .innst,
.skjerm.vis .snar-boks{transform:none;transition:transform .35s cubic-bezier(.19,1,.22,1)}
@media (prefers-reduced-motion:reduce){
  .skjerm,.skjerm.vis{transition:none}
  .modal,.innst,.snar-boks,
  .skjerm.vis .modal,.skjerm.vis .innst,.skjerm.vis .snar-boks{transition:none;transform:none}
}

.epost[aria-invalid=true],
.innst-felt[aria-invalid=true],
.sokefelt[aria-invalid=true]{border-color:var(--fare)}
.epost[aria-invalid=true]:focus,
.innst-felt[aria-invalid=true]:focus,
.sokefelt[aria-invalid=true]:focus{border-color:var(--fare);outline-color:var(--fare)}

.sokfelt:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}

@media (prefers-reduced-transparency: reduce){
  :root,html[data-tema=dark]{--boble:#2f2f2f}
  html[data-tema=light]{--boble:#f4f4f4}

  .gl-knapp,.gl-teller,.gl-tekst,.kort-hjerte,.kort-hjerte::before,.kort-antall,
  .kort-bilde .kort-hjerte.kort-knapp,.eik-fh-utvid,.tilbunn,.eik-fremtid,
  .eik-fremtid-kort,.eik-fv-bak,.kb-flyt,.bs-chip-spinner,.bg-merke{
    -webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-reduced-transparency: reduce) and (prefers-color-scheme: light){
  html[data-tema=system]{--boble:#f4f4f4}
}
@media (prefers-reduced-transparency: reduce) and (prefers-color-scheme: dark){
  html[data-tema=system]{--boble:#2f2f2f}
}

body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
  body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
}

.side{scrollbar-width:thin;scrollbar-color:var(--rullefelt) transparent}
.side:hover{scrollbar-color:var(--rullefelt-hover) transparent}
.md .tabellramme{scrollbar-color:var(--rullefelt) transparent}
.md .tabellramme:hover{scrollbar-color:var(--rullefelt-hover) transparent}
.md .tabellramme::-webkit-scrollbar-thumb{background:var(--rullefelt)}
.md .tabellramme:hover::-webkit-scrollbar-thumb{background:var(--rullefelt-hover)}

@media (prefers-reduced-motion: reduce) {
  .sokboks, .dlg,
  .skjerm.vis .sokboks, .skjerm.vis .dlg { transition: none; transform: none }

  details.eik-virk-mer summary::before,
  .status-sammen > summary::after { transition: none }
  .eik-adr-tips { transition: none }
  .mb-cta-knapp { transition: none }
}

.md .dk-seksjon .dk-sokform input:focus,
.md .dk-seksjon .dk-sokform input:focus-visible { border-color: var(--tekst-3) }

.bv-rull, .pdf-rull, .xl-rull, .pp-manus { overscroll-behavior-y: contain }

html[data-tema=light]{ --meny-hover: #0000000a }
@media (prefers-color-scheme: light) { html[data-tema=system]{ --meny-hover: #0000000a } }
:root{ --meny-hover: #ffffff1a }
html[data-tema=dark]{ --meny-hover: #ffffff1a }
@media (prefers-color-scheme: dark) { html[data-tema=system]{ --meny-hover: #ffffff1a } }

.md h1{ font-size: 1.5em;   line-height: 1.3333; letter-spacing: 0; margin: 16px 0 8px }
.md h2{ font-size: 1.25em;  line-height: 1.4;    margin: 16px 0 4px }
.md h3{ font-size: 1.125em; line-height: 1.5556; margin: 16px 0 4px }
.md h1:first-child,.md h2:first-child,.md h3:first-child{ margin-top: 0 }

.konto-meny:not([hidden]){
  animation: meny-tone .2s cubic-bezier(.19,1,.22,1);
  transform: none;
}
.meny:not([hidden]),
.hjelp-meny:not([hidden]),
.rad-meny:not([hidden]){
  animation: meny-inn .16s cubic-bezier(.19,1,.22,1);
}

@media (hover: none) {
  .bunn-pil,
  #hjelp-knapp .pil { opacity: 1 }
}

.tilbunn{ bottom: var(--tilbunn-bunn, 112px) }

.fot{ font-size: 14px }

.kvote-rest{ font-size: 14px }

@media (max-width: 47.99rem) {
  .skygge{
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
  }
  .skygge.apen{ opacity: 1; visibility: visible }
}

.tilbunn{
  transition: opacity .1s ease 0s, transform .1s ease 0s,
              background-color .15s cubic-bezier(.4,0,.2,1),
              color .15s cubic-bezier(.4,0,.2,1),
              border-color .15s cubic-bezier(.4,0,.2,1);
}
.tilbunn.vis{
  transition: opacity .3s ease .3s, transform .3s ease .3s,
              background-color .15s cubic-bezier(.4,0,.2,1),
              color .15s cubic-bezier(.4,0,.2,1),
              border-color .15s cubic-bezier(.4,0,.2,1);
}

.sokboks,.dlg,.evn-boks{ transition: transform .2s cubic-bezier(.8,0,.4,1) }
.skjerm.vis .sokboks,
.skjerm.vis .dlg,
.skjerm.vis .evn-boks{ transition: transform .35s cubic-bezier(.19,1,.22,1) }

@media (prefers-reduced-motion: reduce) {
  .skygge,.skygge.apen,
  .tilbunn,.tilbunn.vis,
  .sokboks,.dlg,.evn-boks,
  .skjerm.vis .sokboks,.skjerm.vis .dlg,.skjerm.vis .evn-boks{ transition: none }
}

@media (min-height: 700px) {
  .fastrader{
    position: sticky;
    top: 48px;
    z-index: 2;
    background: var(--flate-side);
  }
}

.md a:hover .utlenke-pil{ opacity: 1 }

.meny:not([hidden]),
.hjelp-meny:not([hidden]),
.rad-meny:not([hidden]){
  animation: meny-inn .15s cubic-bezier(.16,1,.3,1);
}
.konto-meny:not([hidden]){
  animation: meny-tone .1s cubic-bezier(.16,1,.3,1);
  transform: none;
}

:root,
html[data-tema=dark]{
  --tekst-3: #6c6f75;
  --kant: #2e3033;
}
html[data-tema=light]{
  --tekst-3: #9a9da3;
  --kant-tung: #e0e2e5;
}
@media (prefers-color-scheme: light){
  html[data-tema=system]{
    --tekst-3: #9a9da3;
    --kant-tung: #e0e2e5;
  }
}
@media (prefers-color-scheme: dark){
  html[data-tema=system]{
    --tekst-3: #6c6f75;
    --kant: #2e3033;
  }
}

.md ul, .md ol { margin-block: .25rem; padding-inline-start: 1.2rem }
.md li { margin-block: .5rem; margin-inline-start: .25rem; padding-inline-start: .25rem }
.md li:last-child { margin-bottom: .75rem }

.md li > ul, .md li > ol { margin-block: .25rem }
.md li > ul > li:last-child, .md li > ol > li:last-child { margin-bottom: .25rem }

.md h1 + *, .md h2 + *, .md h3 + *, .md h4 + *, .md hr + * { margin-top: 0 }

.md :is(h1, h2, h3, h4, h5, h6, hr) + p:not(:first-child) { margin-top: 0 }

.md > :last-child { margin-bottom: 0 }

.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 { font-weight:500 }
.md strong { font-weight:500 }

.md a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
  text-underline-offset: 2px;
  transition: text-decoration-color .15s, color .15s;
}
.md a:hover { color: var(--lenke-hover, var(--lenke)); text-decoration-color: currentColor }

.bransjelenke { margin: 14px 0 0; color: var(--tekst-2) }
.bransjelenke a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
  text-underline-offset: 2px;
  transition: text-decoration-color .15s, color .15s;
}
.bransjelenke a:hover { color: var(--tekst); text-decoration-color: currentColor }
.bransjelenke a:focus-visible {
  outline: 1.5px solid var(--tekst); outline-offset: 2.5px; border-radius: 4px;
}

.md blockquote { font-style: italic; font-weight: 500; border-inline-start-width: .25rem }
.md blockquote p::before, .md blockquote p::after { content: none }

.hbtn{ font-size: 12px }
.boble-mer{ font-size: 14px }
.konto-epost{ font-size: 12px }
.meny-under{ font-size: 12px }
.meny-pille{ font-size: 14px }
.sam-inn .boble{ font-size: 16px }

.evn-anim .evn-kort,
.evn-anim .tall,
.evn-anim .evn-plan{
  transition: opacity .42s ease, transform .42s cubic-bezier(.19,1,.22,1);
}

.meny button{
  min-height: 36px;
  padding: 6px 10px;
  border-radius: 10px;
}
.app.lukket .rad,
.app.lukket .bunnrad{ border-radius: 10px }

.gren-nav{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
}
.melding:not(.du) .gren-nav{ margin: 2px 0 0 }
.gren-pil{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  border-radius: 6px;
  color: var(--tekst-3);
  cursor: pointer;
}
.gren-pil:hover:not(:disabled){ background: var(--meny-hover); color: var(--tekst) }

.gren-pil:disabled{ opacity: .35; cursor: default }
.gren-teller{
  font-size: 12px;
  color: var(--tekst-3);
  min-width: 22px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  user-select: none;
}
@media (pointer: coarse){
  .gren-pil{ width: 32px; height: 32px }
}

.merk-verk{
  position: absolute;
  z-index: 2400;
  display: flex;
  gap: 2px;
  padding: 4px;
  background: var(--flate);
  color: var(--tekst);
  border-radius:10px;
  box-shadow: 0 10px 15px -3px #0000002e, 0 4px 6px -4px #0000002e,
              0 0 0 1px #ffffff1a;
}
html[data-tema=light] .merk-verk{
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a,
              0 0 0 1px #0000000f;
}
.merk-kn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: none;
  color: var(--tekst);
  font-size:13px;
  line-height: 1;
  padding: 7px 10px;
  border-radius: 10px;
  cursor: pointer;
  white-space: nowrap;
}
.merk-kn:hover{ background: var(--meny-hover) }
.merk-kn svg{ opacity: .7; flex: 0 0 auto }
.merk-kn:hover svg{ opacity: 1 }

@media (pointer: coarse){
  .merk-kn{ padding: 11px 12px; font-size: 14px }
}

@keyframes brikke-inn{
  from{ opacity: 0; transform: translateY(6px) }
  to  { opacity: 1; transform: translateY(0) }
}
.oppfolg-rad,
.forslag button{
  opacity: 0;
  animation: brikke-inn .2s ease forwards;
}
.oppfolg-rad:nth-child(1),.forslag button:nth-child(1){ animation-delay: 0ms }
.oppfolg-rad:nth-child(2),.forslag button:nth-child(2){ animation-delay: 45ms }
.oppfolg-rad:nth-child(3),.forslag button:nth-child(3){ animation-delay: 90ms }
.oppfolg-rad:nth-child(4),.forslag button:nth-child(4){ animation-delay: 135ms }
.oppfolg-rad:nth-child(5),.forslag button:nth-child(5){ animation-delay: 180ms }
.oppfolg-rad:nth-child(6),.forslag button:nth-child(6){ animation-delay: 225ms }

.oppfolg-rad:nth-child(n+7),.forslag button:nth-child(n+7){ animation-delay: 270ms }

.oppfolg-tit{
  opacity: 0;
  animation: brikke-inn .2s ease forwards;
}

@media (prefers-reduced-motion: reduce){
  .oppfolg-rad,.forslag button,.oppfolg-tit{
    animation: none;
    opacity: 1;
  }
}

.melding:last-child.strommer .md>*{ animation: none }

.gren-notis{
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  font-size:13px;
  color: var(--tekst-3);
  padding: 6px 12px;
  margin: 0 0 8px;
}
.gren-lenke{
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  color: var(--tekst-2);
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: var(--kant);
  max-width: 22ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gren-lenke:hover{ color: var(--tekst); text-decoration-color: currentColor }

.kortanker-kort{ margin: 10px 0 14px }
.kortanker-kort .kortnett{ grid-template-columns: minmax(0,1fr) }
@media (min-width: 48rem){

  .kortanker-kort .kortnett{ grid-template-columns: minmax(0,.62fr) }
}

.tl-barnrad{ display: flex; align-items: center; gap: 7px; position: relative }
.tl-fav{
  flex: 0 0 auto; width: 14px; height: 14px;
  border-radius: 3px; object-fit: contain; opacity: .85;
}
a.tl-barnrad{
  color: inherit; text-decoration: none;
  border-radius: 8px; padding-inline: 6px; margin-inline: -6px;
}
a.tl-barnrad:hover{ background: var(--meny-hover) }
.tl-ut{
  flex: 0 0 auto; margin-inline-start: auto;
  opacity: 0; color: var(--tekst-3);
  transition: opacity .12s ease;
}
a.tl-barnrad:hover .tl-ut,
a.tl-barnrad:focus-visible .tl-ut{ opacity: 1 }
@media (hover: none){ .tl-ut{ opacity: .55 } }
@media (prefers-reduced-motion: reduce){ .tl-ut{ transition: none } }

.malvis-modal{
  width: min(92vw, 860px);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}
.malvis-topp{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px 10px 20px;
}
.malvis-topp h2{ margin: 0; font-size: 16px; font-weight: 600 }
.malvis-topp .modal-lukk{ position: static; flex: 0 0 auto }

.malvis-flate{
  background: #1b1b1b;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
}
#malvis-bilde{
  display: block;
  width: 100%;
  height: auto;
  max-height: 62vh;
  object-fit: contain;
}

.malvis-bunn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 20px 16px;
}
.malvis-tekst{ display: flex; flex-direction: column; gap: 2px; min-width: 0 }
.malvis-tekst b{ font-size: 14px }
.malvis-tekst i{ font-style: normal; font-size: 12.5px; color: var(--tekst-3) }
.malvis-knapper{ display: flex; gap: 8px; flex: 0 0 auto }

@media (max-width: 34rem){
  .malvis-bunn{ flex-direction: column; align-items: stretch }
  .malvis-knapper{ justify-content: flex-end }
  #malvis-bilde{ max-height: 52vh }
}

.fv-mal-h{
  margin: 0 0 12px;
  font-size: 12.5px;
  color: var(--tekst-3);
}
.fv-maler{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 16px;
  margin: 0 0 4px;
  max-height: 46vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 2px 8px;

  scrollbar-width: thin;
  scrollbar-color: var(--kant) transparent;
}
.fv-maler::-webkit-scrollbar{ width: 8px }
.fv-maler::-webkit-scrollbar-thumb{
  background: var(--kant); border-radius: 4px;
  border: 2px solid transparent; background-clip: padding-box;
}
.fv-maler::-webkit-scrollbar-track{ background: transparent }

.fv-mal{
  display: block; width: 100%; padding: 0; border: none; background: none;
  cursor: pointer; font: inherit; color: inherit; text-align: start;
  overflow: visible;
}
.fv-mal img{
  display: block; width: 100%; height: auto; aspect-ratio: 16/9;
  border: 1px solid var(--kant);
  border-bottom: 1px solid var(--kant);
  border-radius: 10px;
  background: var(--flate);
  transition: border-color .15s ease, transform .18s ease;
}
.fv-mal span{
  display: flex; flex-direction: column; gap: 2px;
  padding: 9px 2px 0;
}
.fv-mal b{ font-size: 14.5px; font-weight: 500; color: var(--tekst) }
.fv-mal i{
  font-size: 12px; font-style: normal; color: var(--tekst-3);
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.fv-mal:hover img{ border-color: var(--tekst-3) }
.fv-mal:focus-visible{ outline: none }
.fv-mal:focus-visible img{ outline: 2px solid var(--tekst); outline-offset: 2px }

.fv-mal.valgt img{
  border-color: var(--lenke);
  box-shadow: 0 0 0 2px var(--lenke) inset;
}

@media (prefers-reduced-motion: reduce){ .fv-mal img{ transition: none } }

@media (max-width: 34rem){
  .fv-maler{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; max-height: 42vh }
  .fv-mal b{ font-size: 13px }
  .fv-mal i{ display: none }
}

.fv-veggrull{
  max-height: 40vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-bottom: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--kant) transparent;
}
.fv-veggrull::-webkit-scrollbar{ width: 8px }
.fv-veggrull::-webkit-scrollbar-thumb{
  background: var(--kant); border-radius: 4px;
  border: 2px solid transparent; background-clip: padding-box;
}
.fv-vegg{
  display: block;
  columns: 3;
  column-gap: 16px;
}
.fv-rute{
  display: block; width: 100%;
  aspect-ratio: auto;
  margin: 0 0 16px;
  border-radius:10px;
  overflow: hidden;
  background: var(--hover-svak);
  break-inside: avoid;
}
.fv-rute img{ width: 100%; height: auto; display: block; object-fit: initial }
@media (max-width: 34rem){ .fv-vegg{ columns: 2 } }

.fv-inn.fv-inn-rull{
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--kant) transparent;
}
.fv-inn.fv-inn-rull::-webkit-scrollbar{ width: 8px }
.fv-inn.fv-inn-rull::-webkit-scrollbar-thumb{
  background: var(--kant); border-radius: 4px;
  border: 2px solid transparent; background-clip: padding-box;
}

.hoved.tom.fv-rull{ overflow-y: auto; overscroll-behavior: contain }
.hoved.tom.fv-rull .topp{
  position: sticky; top: 0; z-index: 6;
  background: var(--flate);
}

.hoved.tom.fv-rull .komp{
  position: sticky; top: var(--fv-topp-h, 52px); z-index: 4;
  margin-bottom: 0; padding-top: 10px;
  background: var(--flate);
}

.hoved.tom.fv-rull #fv{ margin-top: 14px; padding-bottom: 28px; width: 100% }

.hoved.tom.fv-rull .fv-veggrull,
.hoved.tom.fv-rull .fv-maler{ max-height: none; overflow: visible }

.fv{ max-width: 704px }
@media (max-width: 46rem){ .fv{ max-width: 640px } }

.hoved.tom.fv-rull .forslag{ display: none }

.hoved.tom.fv-rull .fv-k{
  border: 0; background: none; padding: 0;
  border-radius: 0; box-shadow: none;
}

.hoved.tom.fv-rull .fv-h{ display: none }

.hoved.tom.fv-rull #fv{ max-width: 768px; margin-top: 26px }
.hoved.tom.fv-rull #evnerad{ margin-top: 30px }
.hoved.tom.fv-rull .fv-b{ margin-top: 20px; text-align: center }

.hoved.tom.fv-rull .fv-vegg{ columns: 3; column-gap: 16px }
.hoved.tom.fv-rull .fv-maler{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 16px; padding: 0; margin: 0;
}

.hoved.tom.fv-rull .fv-mal{
  border: 0; background: none; border-radius: 0; padding: 0;
}
.hoved.tom.fv-rull .fv-mal img{ border: 0; border-radius: 12px }
.hoved.tom.fv-rull .fv-mal b{
  font-size: 14px; font-weight: 400; color: var(--tekst-2);
  line-height: 20px;
}

.hoved.tom.fv-rull .fv-mal i{ display: none }

.hoved.tom.fv-rull .fv-mal-h{ display: none }

.hoved.tom.fv-rull #fv{ margin-top: 28px }

.fv-ann{ text-decoration: none }

.hoved.tom.fv-rull .fv-annonser{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 16px;
}
.hoved.tom.fv-rull .fv-ann{
  border: 0; background: none; border-radius: 0; overflow: visible;
}

.hoved.tom.fv-rull .fv-ann img{
  height: auto; aspect-ratio: 4 / 3;
  border-radius:10px; object-fit: cover;
}
.hoved.tom.fv-rull .fv-ann-tx{ padding: 10px 2px 0; gap: 2px }
.hoved.tom.fv-rull .fv-ann-tx b{ font-size: 14px; font-weight: 400; line-height: 20px }
.hoved.tom.fv-rull .fv-ann-tx i{ font-size: 13px; color: var(--tekst-3) }
.hoved.tom.fv-rull .fv-ann-tx em{ font-size: 14px; font-weight: 500; margin-top: 2px }

.hoved.tom.fv-rull .fv-papir{
  border: 0; border-radius:10px; margin: 0 0 16px;
}

.hoved.tom.fv-rull .fv-side{ display: block }
.hoved.tom.fv-rull .fv-side .fv-papir{ width: 245px; max-width: 100% }

.hoved.tom.fv-rull .fv-fil{
  border: 0; border-radius:10px; padding: 12px 14px;
}

.fv-malkort{ position: relative }
.fv-vis{
  position: absolute; top: 8px; inset-inline-end: 8px;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 8px; border: 0; border-radius: 100px;
  background: rgba(0, 0, 0, .4); color: #fff;
  font: inherit; font-size: 13px; line-height: 18px;
  cursor: pointer;
  opacity: 0; visibility: hidden;

  transition: opacity .3s, visibility 0s .3s;
}

.fv-malkort:hover .fv-vis,
.fv-malkort:focus-within .fv-vis,
.fv-vis:focus-visible{
  opacity: 1; visibility: visible;
  transition: opacity .3s, visibility 0s;
}
.fv-vis:hover{ background: rgba(0, 0, 0, .58) }
.fv-vis:focus-visible{ outline: 2px solid #fff; outline-offset: -1px }

@media (hover: none){
  .fv-vis{ opacity: 1; visibility: visible }
}
@media (prefers-reduced-motion: reduce){
  .fv-vis{ transition: none }
}

.hoved.tom.fv-rull .fv-maler{ grid-auto-rows: min-content }
.fv-maler > .fv-malkort{ min-width: 0 }
.fv-malkort > .fv-mal{ width: 100% }

.hoved.tom.fv-rull .fv-rute,
.hoved.tom.fv-rull .fv-mal img,
.hoved.tom.fv-rull .fv-ann img,
.hoved.tom.fv-rull .fv-papir{
  border: 0.5px solid var(--kant);
}

.modus-stil{
  width: 30px; height: 17px;
  object-fit: cover; display: block;
  border-radius: 3px;
  border: 0.5px solid var(--kant);
  flex: none;
}

@keyframes modus-hopp{
  0%   { transform: scale(.95) }
  60%  { transform: scale(1.02) }
  100% { transform: scale(1) }
}
.modus-hopp{ animation: modus-hopp .2s ease }
@media (prefers-reduced-motion: reduce){
  .modus-hopp{ animation: none }
}

.rad-fast{ padding-inline-end: 10px }

.malvis-modal{
  width: min(714px, calc(100vw - 32px));
  max-width: min(714px, calc(100vw - 32px));
  padding: 24px;
  overflow: visible;
}
.malvis-topp{ padding: 0 0 13px }

.malvis-flate{ border-radius: 8px; overflow: hidden }
#malvis-bilde{ max-height: 58vh }
.malvis-bunn{ padding: 16px 0 0 }

@media (max-width: 34rem){
  .malvis-modal{ padding: 16px }
  .malvis-topp{ padding: 0 0 10px }
  .malvis-bunn{ padding: 12px 0 0 }
}

.hode{ padding-top: 20px }
.liste > .hode:first-child{ padding-top: 8px }

.tilbunn{ bottom: calc(var(--komp-h, 98px) + 12px) }

.modus-x{ position: relative }
.modus-x::after{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: var(--tapp, 44px); height: var(--tapp, 44px);
  transform: translate(-50%, -50%);
}
@media (pointer: fine){
  .modus-x{ --tapp: 32px }
}

@media print{
  .topp,
  .handl,
  .gren-nav,
  .merke-verk,
  .skjerm,
  .fv{ display: none !important }

  .traad-omslag{ padding-top: 0 }
}

@media (max-width: 34rem){
  .hoved.tom.fv-rull .fv-vegg{ columns: 2 }
  .hoved.tom.fv-rull .fv-maler{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
}

.app{ transition: none }

.side{ transition: none }

.oppfolg-tit{
  font-size: .9375rem;
  line-height: 1.375rem;
  font-weight: var(--vekt-md);
  color: var(--tekst-2);
  margin: 0 0 6px;
}

.oppfolg-liste{ margin-inline: -6px }
.oppfolg-rad{
  padding-inline: 6px;
  border-radius: 7px;
}
.oppfolg-rad:hover{ background: var(--flate-hover) }

.oppfolg-rad:focus-visible{ border-radius: 7px }

@media (hover: none){
  .oppfolg-rad:hover{ background: transparent }
}

.oppfolg-ikon{ color: var(--tekst-3) }
.oppfolg-rad:hover .oppfolg-ikon{ color: var(--tekst-3) }

.oppfolg-tit,
.oppfolg-rad{
  animation-duration: .35s;
  animation-timing-function: var(--ease-out-strong);
}
.oppfolg-rad:nth-child(1){ animation-delay: 0ms }
.oppfolg-rad:nth-child(2){ animation-delay: 90ms }
.oppfolg-rad:nth-child(3){ animation-delay: 180ms }

.oppfolg-rad:nth-child(n+4){ animation-delay: 270ms }

.boks::after{
  content:"";position:absolute;inset:-1px;border-radius:15px;
  border:1px solid transparent;pointer-events:none;
  transition:border-color .15s var(--ease-in-out)}

.boks:focus-within::after{border-color:var(--tekst-3)}
@media (prefers-reduced-motion:reduce){.boks::after{transition:none}}

.boks.bs-over::after{border-color:transparent}

@media (forced-colors:active){.boks::after{display:none}}

.send{transition:background-color .15s var(--ease-in-out),
                 color .15s var(--ease-in-out),
                 border-color .15s var(--ease-in-out),
                 transform .2s var(--ease-in-out)}
.send:active:not(:disabled){transform:scale(.96)}
@media (prefers-reduced-motion:reduce){
  .send{transition:none}
  .send:active:not(:disabled){transform:none}
}

.send:disabled{opacity:1;background:var(--kant-tung);color:var(--tekst-2)}

#ikon-send{stroke-width:2.16}

.boks{transition:box-shadow .15s var(--ease-in-out)}
.boks:focus-within{box-shadow:0 0 0 1px var(--kant-tung),var(--skygge-kort)}

.kbtn{transition:background-color .15s var(--ease-in-out),
                 color .15s var(--ease-in-out),
                 border-color .15s var(--ease-in-out),
                 opacity .15s var(--ease-in-out),
                 transform .15s var(--ease-in-out)}
.send{transition:background-color .2s var(--ease-in-out),
                 color .2s var(--ease-in-out),
                 border-color .2s var(--ease-in-out),
                 opacity .2s var(--ease-in-out),
                 transform .2s var(--ease-in-out)}
.kbtn:active:not(:disabled),
.send:active:not(:disabled){transform:scale(.94)}

.vmeny{animation:meny-inn .18s var(--ease-out-strong);transform-origin:center bottom}

.vmeny-glid{position:absolute;z-index:0;pointer-events:none;opacity:0;
  border-radius:var(--radius-card);background:var(--hover-rad);
  transition:top .22s var(--ease-out-strong),
             height .22s var(--ease-out-strong),
             opacity .15s var(--ease-in-out)}
.vmeny-rad{position:relative;z-index:1}

.vmeny:has(.vmeny-glid) .vmeny-rad:hover{background:transparent}

@media (prefers-reduced-motion:reduce){
  .boks,.kbtn,.send,.vmeny-glid{transition:none}
  .kbtn:active:not(:disabled),.send:active:not(:disabled){transform:none}
  .vmeny{animation:none}
}

.kode-topp{
  background:var(--flate-2);
  border-bottom:1px solid var(--kant);

  padding:10px 12px;
}

.kode-kopi{

  height:24px;

  padding:0 6px;
  gap:4px;
  font-weight:var(--vekt-md);

  transition-duration:.1s;
}

.kode-kopi svg{width:10px;height:10px;stroke-width:2}

@media (hover:hover){
  .kode-kopi:hover{background:var(--hover-rad)}
}

.kode code{line-height:1.7}

@media (hover:hover) and (pointer:fine){

  .sitat-kort{background:var(--flate);

    transition:opacity .13s var(--ease-out-strong),
               transform .13s var(--ease-out-strong),
               visibility .13s}
}
.sk-post{background:var(--flate-2);box-shadow:var(--skygge-kort);
  border-radius:var(--radius-card);padding:10px 12px}
.sk-post + .sk-post{margin-top:8px}
.sk-tit{font-weight:var(--vekt-md)}

@media (prefers-reduced-motion:reduce){.sitat-kort{transition:none}}

.lk-teller{font-variant-numeric:tabular-nums}

.rad-li .radknapp{
  transition: opacity .1s var(--ease-in-out),
              color   .1s var(--ease-in-out);
}

@media (prefers-reduced-motion:reduce){
  .rad-li .radknapp{ transition: none }
}

.rad-li + .rad-li{ margin-top: 1px }

.rad-li .rad[aria-current=true] .rad-tx{ font-weight: var(--vekt-md) }

.rad-li{ transition: transform .15s var(--ease-in-out) }
.rad-li:has(> .rad:active){ transform: scale(.96) }

@media (prefers-reduced-motion:reduce){
  .rad-li{ transition: none }
  .rad-li:has(> .rad:active){ transform: none }
}

.sok-rad{transition-duration:.1s}

.sokfelt-rad{transition:background-color .1s var(--ease-in-out)}
.sokfelt-rad:hover{background:var(--hover-rad)}

@media(hover:none){.sokfelt-rad:hover{background:transparent}}
@media (prefers-reduced-motion:reduce){.sokfelt-rad{transition:none}}

@media (prefers-reduced-motion:no-preference){
  .sokliste .sok-inn{animation:innhold-inn .2s var(--ease-out) both}
}

.merk-verk{
  background: var(--flate-2);
  border-radius: 9999px;
  align-items: center;
  box-shadow: var(--skygge-popover);
}

html[data-tema=light] .merk-verk{ box-shadow: var(--skygge-popover) }
.merk-kn{
  height: 28px;
  padding: 0 10px;
  gap: 4px;
  font-size: 12px;
  border-radius: 9999px;

  transition: background-color 150ms var(--ease-in-out),
              color 150ms var(--ease-in-out),
              transform 150ms var(--ease-in-out);
}

.merk-kn:hover{ background: var(--hover-rad) }

.merk-kn:active{ transform: scale(.96) }

.merk-kn svg{ opacity: 1 }

@keyframes merkVis{ from{ opacity: 0; transform: scale(.95) }
  to{ opacity: 1; transform: scale(1) } }
.merk-verk{ animation: 220ms var(--ease-out-strong) merkVis both }

@media (pointer: coarse){
  .merk-kn{ height: 36px; padding: 0 12px; font-size: 14px }
}

@media (prefers-reduced-motion: reduce){
  .merk-verk{ animation: none }
  .merk-kn{ transition: none }
  .merk-kn:active{ transform: none }
}

.tl-topplinje{
  gap:8px; padding:2px 6px; margin-inline:-6px;
  border-radius:var(--radius-control,8px);
  font-weight:var(--vekt-md,500);
  transition:background-color .1s var(--ease-in-out,cubic-bezier(.4,0,.2,1)),
             color .1s var(--ease-in-out,cubic-bezier(.4,0,.2,1));
}
.tl-topplinje:hover{ background:var(--flate-3,#e7e9eb) }

.tl-topplinje:focus-visible{ border-radius:var(--radius-control,8px) }

.tl-topp-chevron{ transition:transform .3s var(--ease-in-out,cubic-bezier(.4,0,.2,1)) }

.tl-panel{ transition:height .4s var(--ease-link,cubic-bezier(.16,1,.3,1)),
                      opacity .4s var(--ease-link,cubic-bezier(.16,1,.3,1)) }
.tl-barn { transition:height .28s var(--ease-link,cubic-bezier(.16,1,.3,1)),
                      opacity .28s var(--ease-link,cubic-bezier(.16,1,.3,1)) }

@keyframes tl-inn{ from{ opacity:0; transform:translateY(4px) } to{ opacity:1; transform:none } }

.tl-hode .tl-etikett{ font-weight:var(--vekt-md,500) }

@media (hover:none){
  .tl-topplinje:hover{ background:transparent }
}

@media (prefers-reduced-motion:reduce){
  .tl-panel,.tl-barn,.tl-topp-chevron,.tl-topplinje,
  .tl-bytt .tl-ikon,.tl-bytt .tl-chevron{ transition:none }
  .tl-rad{ animation:none }
}

:root{--glim-takt:1.4s}

.status-rad:not(.ferdig){
  font-weight:var(--vekt-md);
  background-image:linear-gradient(90deg,
    var(--tekst-3) 35%,var(--tekst) 50%,var(--tekst-3) 65%);
  background-repeat:no-repeat;
  background-size:200% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:laste-sveip var(--glim-takt) linear infinite}

@keyframes laste-sveip{
  from{background-position:100% 0}
  to{background-position:0 0}}

.status-rad:not(.ferdig)[data-tid]::after{
  content:attr(data-tid);
  flex:none;white-space:nowrap;
  margin-inline-start:3px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;
  color:var(--tekst-3);-webkit-text-fill-color:var(--tekst-3);
  animation:innhold-inn .18s ease-out both}

@media (prefers-reduced-motion:reduce){
  .status-rad:not(.ferdig){
    background:0 0;-webkit-text-fill-color:currentColor;animation:none}
  .status-rad:not(.ferdig)[data-tid]::after{animation:none}}

.md .tabellramme tbody tr>td{transition:background-color .12s var(--ease-out)}
.md .tabellramme tbody tr:hover td{background:var(--hover-rad)}

.md .tabellramme{max-height:438px}

.md .tabellblokk.utvidet .tabellramme{max-height:none}

.md .tabellramme th:first-child,
.md .tabellramme td:first-child{position:sticky;inset-inline-start:0}
.md .tabellramme td:first-child{z-index:1;background:var(--flate-2)}
.md .tabellramme th:first-child{z-index:3;background:var(--flate-3)}

.md .tabellramme tbody tr:hover td:first-child{background:var(--hover-rad)}

.md .tabellramme th.sorterbar{padding:0}
.tabell-sorter{display:flex;align-items:center;gap:8px;width:100%;
  padding:8px;border:0;background:none;font:inherit;color:inherit;
  text-align:start;cursor:pointer}

.tabell-sorter:focus-visible{outline-offset:-2px}
.tabell-sortpil{display:inline-flex;flex:none;margin-inline-start:auto;
  color:var(--tekst-3);opacity:0;
  transition:opacity .12s var(--ease-out),
             transform .16s var(--ease-out-strong)}
.md .tabellramme th:hover .tabell-sortpil{opacity:1}

.tabell-sorter:focus-visible .tabell-sortpil{opacity:1}
.md .tabellramme th[aria-sort=ascending] .tabell-sortpil,
.md .tabellramme th[aria-sort=descending] .tabell-sortpil{opacity:1;
  color:var(--tekst)}

.md .tabellramme th[aria-sort=ascending] .tabell-sortpil{transform:rotate(180deg)}

@media (prefers-reduced-motion:reduce){
  .tabell-sortpil{transition:none}
  .md .tabellramme tbody tr>td{transition:none}
}

.tabell-brikker{display:flex;align-items:center;gap:4px;margin:0 -4px 4px;
  padding:4px;overflow-x:auto;scrollbar-width:none}
.tabell-brikker::-webkit-scrollbar{display:none}

.tab-brikke{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;
  height:26px;padding:0 10px;border:0;border-radius:9999px;background:none;
  color:var(--tekst-2);font-family:inherit;font-size:12px;
  font-weight:var(--vekt-md);line-height:1;white-space:nowrap;cursor:pointer;
  transition:background-color .2s var(--ease-in-out),
             box-shadow .2s var(--ease-in-out),
             color .2s var(--ease-in-out)}

.tab-brikke:hover{background:var(--hover-svak)}
.tab-brikke:active{background:var(--press-svak)}

.tab-brikke.pa{background:var(--flate-2);color:var(--tekst);
  box-shadow:var(--skygge-hevet)}

.tab-brikke:focus-visible{outline:1.5px solid var(--tekst);outline-offset:2.5px}

.tab-brikke-prikk{flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--tekst-3)}
.tab-brikke-prikk.tf-ok{background:var(--ok)}
.tab-brikke-prikk.tf-varsel{background:var(--varsel)}
.tab-brikke-prikk.tf-fare{background:var(--fare)}

.tab-brikke-tall{padding:0 4px;border-radius:4px;font-size:10.5px;
  font-variant-numeric:tabular-nums;color:var(--tekst-3)}
.tab-brikke.pa .tab-brikke-tall{background:var(--hover-svak);
  color:var(--tekst-2)}

.md .tabellramme tbody tr.tf-ute{display:none}
@keyframes tf-rad-inn{from{opacity:0}to{opacity:1}}
.md .tabellramme tbody tr.tf-inn{animation:tf-rad-inn .2s var(--ease-out) both}

.md .tabellblokk .tabellramme tbody tr.tf-sist>td{border-bottom:0}

.md .tabellramme tbody tr>td{transition:background-color .1s var(--ease-in-out)}

@media (pointer:coarse){.tab-brikke{height:44px}}

@media (hover:none){.tab-brikke:not(.pa):hover{background:none}}
@media (prefers-reduced-motion:reduce){
  .tab-brikke{transition:none}
  .md .tabellramme tbody tr.tf-inn{animation:none}
  .md .tabellramme tbody tr>td{transition:none}
}

.tl .tl-panel,
.tl .tl-barn{
  opacity:1;

  transition:height .4s var(--ease-out-strong),
             opacity .4s var(--ease-out-strong);
}
.tl .tl-topplinje[aria-expanded="false"]+.tl-panel{ opacity:0 }
.tl .tl-rad:not(.tl-apen)>.tl-barn{ opacity:0 }

.tl .tl-topp-chevron{ transition:transform .3s var(--ease-in-out) }
.tl .tl-bytt .tl-chevron{
  transition:opacity .15s var(--ease-out),
             transform .3s var(--ease-in-out);
}

.tl .tl-topp>button.tl-hode{
  padding-left:8px; margin-left:-6px;
  border-radius:var(--radius-control);
  transition:background-color .1s var(--ease-in-out);
}
.tl .tl-utvidbar:hover>.tl-topp>button.tl-hode{ background:var(--hover-rad) }
.tl .tl-etikett,
.tl .tl-verdi{ transition:color .1s var(--ease-in-out) }

.melding .tl{ font-size:13px }
.tl .tl-hode .tl-etikett{ font-weight:var(--vekt-md) }

.tl .tl-verdi{ font-variant-numeric:tabular-nums }
.tl .tl-barnrad .tl-verdi{ font-size:11.5px }

div.tl-barnrad .tl-verdi{ margin-inline-start:auto; padding-inline-start:12px }

.tl .tl-gaar .tl-etikett{ animation:none }
.tl .tl-gaar .tl-glyf::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:conic-gradient(var(--tekst-3) 100.8deg, var(--kant) 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));
  animation:tl-ring .7s linear infinite;
}
@keyframes tl-ring{ to{ transform:rotate(1turn) } }

.melding>.status-boks{ padding-left:11px }
.melding>.status-boks .status-rad::before{ width:14px; height:14px }
.melding>.status-boks .status-rad:not(.ferdig)::before{
  opacity:1;
  background:conic-gradient(var(--tekst-3) 100.8deg, var(--kant) 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1.5px));
  mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1.5px));
  animation:tl-ring .7s linear infinite;
}

.melding>.status-boks .status-rad.ferdig::before{
  background:radial-gradient(circle, currentColor 0 3px, #0000 3px);
  opacity:.35;
  animation:tl-pop .3s var(--ease-out-strong) both;
}
@keyframes tl-pop{ from{ transform:scale(.6); opacity:0 } }

@media (prefers-reduced-motion:reduce){
  .tl .tl-panel,.tl .tl-barn{ transition:none }
  .tl .tl-gaar .tl-glyf::after,
  .melding>.status-boks .status-rad:not(.ferdig)::before,
  .melding>.status-boks .status-rad.ferdig::before{ animation:none }
}

.dt-maaler{display:flex;align-items:center;gap:8px;margin:2px 0 4px;
  font-size:12.5px;font-weight:var(--vekt-md);line-height:var(--lh-tight);
  color:var(--tekst-2)}

.dt-stolper{display:flex;align-items:flex-end;gap:2px;flex:0 0 auto}
.dt-stolper i{width:4px;height:10px;border-radius:9999px;background:var(--kant-tung)}
.dt-maaler.hoy i.paa{background:var(--ok)}
.dt-maaler.svak i.paa{background:var(--varsel)}

.avklar{margin:18px 0 0}

.avkl-kort{max-width:320px;overflow:hidden;border-radius:var(--radius-card);
  background:var(--flate-2);box-shadow:var(--skygge-kort)}

.avkl-kropp{padding:12px;animation:avkl-inn .35s var(--ease-out-strong) both}
@keyframes avkl-inn{from{opacity:0;transform:translateY(8px)}
                    to{opacity:1;transform:translateY(0)}}

.avkl-topp{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.avkl-spm{font-size:13px;font-weight:var(--vekt-md);line-height:var(--lh-snug);
  color:var(--tekst)}

.avkl-lukk{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:28px;height:28px;border:0;background:none;cursor:pointer;
  border-radius:var(--radius-control);color:var(--tekst-3);
  transition:background-color .1s var(--ease-in-out),color .1s var(--ease-in-out)}
.avkl-lukk:hover{background:var(--hover-rad);color:var(--tekst)}

.avkl-valg{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.avkl-rad{display:flex;align-items:center;gap:8px;margin:0 -6px;padding:4px 6px;
  border:0;background:none;cursor:pointer;text-align:left;
  border-radius:var(--radius-control);
  transition:background-color .1s var(--ease-in-out)}
.avkl-rad:hover,.avkl-eget:focus-within{background:var(--hover-rad)}
.avkl-eget{cursor:text}

.avkl-merke{display:flex;align-items:center;justify-content:center;flex:none;
  width:16px;height:16px;border-radius:9999px;color:transparent;
  box-shadow:inset 0 0 0 1.5px var(--kant-tung);
  transition:background-color .2s var(--ease-in-out),color .2s var(--ease-in-out)}

.avkl-merke.avkl-rute{border-radius:var(--radius-chip)}
.avkl-rad[aria-pressed=true] .avkl-merke{background:var(--fyll-bg);color:var(--fyll-tx);
  box-shadow:none}
.avkl-prikk{width:6px;height:6px;border-radius:9999px;background:var(--fyll-tx);
  transform:scale(0);transition:transform .2s var(--ease-in-out)}
.avkl-rad[aria-pressed=true] .avkl-prikk{transform:scale(1)}

.avkl-merke.avkl-tom{box-shadow:none}

.avkl-tx{font-size:13px;line-height:var(--lh-snug);color:var(--tekst-2);
  transition:color .2s var(--ease-in-out)}
.avkl-rad[aria-pressed=true] .avkl-tx{color:var(--tekst)}

.avkl-felt{flex:1;min-width:0;border:0;background:transparent;outline:none;
  font-size:13px;color:var(--tekst)}

.avkl-felt::placeholder{color:var(--plassholder);opacity:1}

.avkl-fot{display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px}
.avkl-nav{display:flex;align-items:center;gap:8px}

.avkl-pil{display:flex;align-items:center;justify-content:center;
  width:24px;height:24px;border:0;background:none;cursor:pointer;
  border-radius:var(--radius-chip);color:var(--tekst-3);
  transition:background-color .1s var(--ease-in-out),color .1s var(--ease-in-out)}
.avkl-pil:hover:not(:disabled){background:var(--hover-rad);color:var(--tekst-2)}
.avkl-pil:disabled{opacity:.35;cursor:default}

.avkl-punkter{display:flex;align-items:center;gap:4px}
.avkl-punkt{width:7px;height:7px;padding:0;cursor:pointer;border-radius:9999px;
  border:1.5px solid var(--tekst-3);background:none;
  transition:width .3s var(--ease-in-out),height .3s var(--ease-in-out),
             border-width .3s var(--ease-in-out),border-color .3s var(--ease-in-out),
             background-color .3s var(--ease-in-out)}
.avkl-punkt.naa{width:9px;height:9px;border:2.5px solid var(--tekst)}
.avkl-punkt.gjort{border-color:transparent;background:var(--tekst-3)}

.avkl-send{display:flex;align-items:center;justify-content:center;flex:none;
  width:28px;height:28px;margin-right:-2px;border:0;cursor:pointer;
  border-radius:var(--radius-control);
  background:var(--hover-rad);color:var(--tekst-3);
  box-shadow:0 0 0 1px var(--kant-tung);
  transition:background-color .2s var(--ease-in-out),color .2s var(--ease-in-out),
             transform .2s var(--ease-in-out)}
.avkl-send:disabled{cursor:default}
.avkl-send:not(:disabled){background:var(--fyll-bg);color:var(--fyll-tx);box-shadow:none}
.avkl-send:not(:disabled):hover{background:var(--fyll-bg-h)}
.avkl-send:not(:disabled):active{transform:scale(.96)}

.avkl-kvittering{display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:8px;min-height:148px;padding:0 12px;text-align:center}
.avkl-hake{display:flex;align-items:center;justify-content:center;flex:none;
  width:24px;height:24px;border-radius:9999px;background:var(--ok);color:#fff;
  animation:avkl-sprett .3s var(--ease-out-strong) both}
@keyframes avkl-sprett{from{opacity:0;transform:scale(.95)}
                       to{opacity:1;transform:scale(1)}}
.avkl-kvit-tx{font-size:13px;font-weight:var(--vekt-md);color:var(--tekst);
  animation:avkl-inn .35s var(--ease-out-strong) .1s both}

.avkl-rad:focus-visible,.avkl-lukk:focus-visible,.avkl-pil:focus-visible,
.avkl-punkt:focus-visible,.avkl-send:focus-visible{
  outline:1.5px solid var(--tekst);outline-offset:2.5px}

@media (prefers-reduced-motion:reduce){
  .avkl-kropp,.avkl-hake,.avkl-kvit-tx{animation:none}
  .avkl-lukk,.avkl-rad,.avkl-merke,.avkl-prikk,.avkl-tx,
  .avkl-pil,.avkl-punkt,.avkl-send{transition:none}
}

@media(pointer:coarse){
  .avkl-felt{font-size:16px}
  .avkl-lukk,.avkl-pil,.avkl-send{position:relative}
  .avkl-lukk::after,.avkl-pil::after,.avkl-send::after{
    content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .avkl-lukk::after{width:40px;height:40px}
  .avkl-pil::after{width:36px;height:40px}
  .avkl-send::after{width:44px;height:44px}
}

.innsikt{margin:calc(var(--sp)*3) 0 0;padding:0 2px}

.ik-topp{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ik-tit{display:flex;align-items:baseline;gap:6px;font-size:14px;
  font-weight:var(--vekt-sb);color:var(--tekst)}
.ik-ant{font-weight:400;color:var(--tekst-3);font-variant-numeric:tabular-nums}
.ik-piler{display:flex;align-items:center;gap:2px}

.ik-pil{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;
  justify-content:center;border:none;background:none;
  border-radius:var(--radius-chip);color:var(--tekst-3);cursor:pointer;
  transition:background-color .1s var(--ease-in-out),color .1s var(--ease-in-out),
             transform .1s var(--ease-in-out)}
@media(hover:hover){.ik-pil:hover{background:var(--hover-svak);color:var(--tekst)}}
.ik-pil:active{transform:scale(.96)}

@media(pointer:coarse){.ik-pil{width:40px;height:40px}}

.ik-sider{display:grid}
.ik-side{grid-area:1/1;min-width:0;visibility:hidden;opacity:0;filter:blur(3px);
  transition:opacity .25s var(--ease-out),filter .25s var(--ease-out),
             visibility 0s .25s}
.ik-side.pa{visibility:visible;opacity:1;filter:blur(0);
  transition:opacity .25s var(--ease-out),filter .25s var(--ease-out),visibility 0s}
@media(prefers-reduced-motion:reduce){
  .ik-pil,.ik-side,.ik-side.pa{transition:none}
  .ik-side{filter:none}
}

.ik-tekst{margin:6px 0 0;font-size:13px;line-height:var(--lh-relaxed);
  color:var(--tekst-2)}

.ik-kort{margin-top:8px;padding:12px;border-radius:var(--radius-card);
  background:var(--flate-2);box-shadow:var(--skygge-haar)}
.ik-tall{display:flex;gap:16px}
.ik-tallblokk{flex:1;min-width:0}
.ik-merk{display:flex;align-items:center;gap:6px;font-size:12.5px;
  color:var(--tekst-2);min-width:0}
.ik-merk>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ik-prikk{flex:0 0 auto;width:8px;height:8px;border-radius:50%;
  background:currentColor}
.ik-verdi{display:block;margin-top:2px;font-size:18px;font-weight:var(--vekt-sb);
  letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--tekst)}

.ik-delta{font-size:12.5px;font-variant-numeric:tabular-nums;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ik-opp{color:var(--ok)}
.ik-ned{color:var(--fare)}

.ik-panel{margin-top:8px;border-radius:var(--radius-control);
  background:var(--kode-bg);box-shadow:var(--skygge-haar)}
.ik-panel-topp{display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:6px 10px;border-bottom:1px solid var(--kant)}
.ik-panel-tit{font-size:12px;color:var(--tekst-3);font-variant-numeric:tabular-nums}

.ik-lapp{flex:0 0 auto;border-radius:9999px;background:var(--flate-3);
  color:var(--tekst-2);padding:2px 8px;font-size:11px;font-weight:var(--vekt-md)}

.ik-scene{padding:8px 8px 6px}
.ik-serier{display:inline-flex;gap:2px;padding:2px;margin-bottom:6px;
  border-radius:var(--radius-chip)}

.ik-serie-kn{display:flex;align-items:center;gap:4px;border:none;
  border-radius:4px;padding:3px 8px;font-size:12px;line-height:16px;
  font-weight:var(--vekt-md);background:var(--hover-svak);color:var(--tekst-2);
  cursor:pointer;max-width:14rem;overflow:hidden;white-space:nowrap;
  transition:opacity .2s var(--ease-in-out),color .2s var(--ease-in-out),
             background-color .15s var(--ease-in-out)}
.ik-serie-kn[aria-pressed=false]{opacity:.45}
@media(hover:hover){.ik-serie-kn:hover{color:var(--tekst)}}
@media(prefers-reduced-motion:reduce){.ik-serie-kn{transition:none}}

.ik-plott{position:relative;height:134px}
.ik-graf{display:block;width:100%;height:100%}
.ik-bane{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;
  stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ik-serie{transition:opacity .2s var(--ease-in-out)}
.ik-serie.av{opacity:0}

.ik-plott .rgg-treff{vector-effect:non-scaling-stroke}
.ik-skinne{stroke:var(--kant-tung);stroke-width:1;opacity:0;
  vector-effect:non-scaling-stroke}
.ik-punkt{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;
  border-radius:50%;background:currentColor;pointer-events:none;opacity:0;
  box-shadow:0 0 0 2px var(--kode-bg);
  transition:opacity .12s var(--ease-in-out)}
.ik-plott.les .ik-skinne,.ik-plott.les .ik-punkt{opacity:1}
.ik-plott.les .ik-punkt.av{opacity:0}
@media(prefers-reduced-motion:reduce){
  .ik-serie,.ik-punkt,.ik-skinne{transition:none}
}

.ik-akse{display:flex;justify-content:space-between;padding:0 1.25%;
  margin-top:4px;font-size:11px;color:var(--tekst-3);
  font-variant-numeric:tabular-nums}

.ik-sporsmal{text-align:start}

.status-rad:not(.ferdig)::before{
  --cel:linear-gradient(currentColor,currentColor);
  width:15px;height:15px;border-radius:0;flex:none;
  background:none;
  -webkit-mask-image:var(--cel),var(--cel),var(--cel),var(--cel),var(--cel),
                     var(--cel),var(--cel),var(--cel),var(--cel);
          mask-image:var(--cel),var(--cel),var(--cel),var(--cel),var(--cel),
                     var(--cel),var(--cel),var(--cel),var(--cel);
  -webkit-mask-size:4px 4px;         mask-size:4px 4px;
  -webkit-mask-repeat:no-repeat;     mask-repeat:no-repeat;

  -webkit-mask-position:0 0,5.5px 0,11px 0,0 5.5px,5.5px 5.5px,11px 5.5px,
                        0 11px,5.5px 11px,11px 11px;
          mask-position:0 0,5.5px 0,11px 0,0 5.5px,5.5px 5.5px,11px 5.5px,
                        0 11px,5.5px 11px,11px 11px;
  background-color:color-mix(in srgb,currentColor 15%,transparent);
  background-image:radial-gradient(circle 8px at 50% 50%,
                   currentColor 0%,transparent 72%);
  background-repeat:no-repeat;
  animation:pikselboelge 650ms ease-in-out infinite;
}

.melding>.status-boks .status-rad:not(.ferdig)::before{width:15px;height:15px}
@keyframes pikselboelge{
  from{background-position:-15px 50%}
  to  {background-position:24px 50%}
}

@media (prefers-reduced-motion:reduce){
  .status-rad:not(.ferdig)::before{
    animation:none;
    background-image:none;
    background-color:color-mix(in srgb,currentColor 15%,transparent);
  }
}

.sitat{box-shadow:var(--skygge-haar)}
.md a.sitat:hover{box-shadow:var(--skygge-haar)}
@keyframes sitat-popp{
  from{opacity:0;transform:translateY(-1px) scale(.92)}
  to  {opacity:1;transform:none}
}
.sitat{animation:sitat-popp 250ms cubic-bezier(.23,1,.32,1) both}

.sitat-kort{animation:none}
@media (prefers-reduced-motion:reduce){
  .sitat{animation:none}
}

.handl .kld-stabel img.klippet{clip-path:none}
.handl .kld-stabel img{box-shadow:0 0 0 1.5px var(--flate)}
.handl .kld-stabel img+img,
.handl .kld-stabel img:not(:first-child){margin-inline-start:-4px}

.sitat-ring{width:14px;height:14px}
.sitat-ring img{width:12px;height:12px;border-radius:3px}

.oppfolg-tit{font-size:12px;line-height:1.25}
.oppfolg-rad{font-size:12.5px;line-height:1.375}

.prikker{display:inline-grid;grid-template-columns:repeat(3,4px);
  gap:1.5px;padding:10px 2px;width:max-content}
.prikker i{width:4px;height:4px;border-radius:1px;background:var(--tekst);
  opacity:.15;animation:piksel-paa 650ms ease-in-out infinite}
.prikker i:nth-child(1),
.prikker i:nth-child(5),
.prikker i:nth-child(7){animation-delay:90ms}
.prikker i:nth-child(2),
.prikker i:nth-child(6),
.prikker i:nth-child(8){animation-delay:180ms}
.prikker i:nth-child(3),
.prikker i:nth-child(9){animation-delay:270ms}
.prikker i:nth-child(4){animation-delay:0ms}
@keyframes piksel-paa{0%,100%{opacity:.15}50%{opacity:1}}

.kbtn.lytter{background:var(--aksent-tint);color:var(--aksent-tekst)}
.mik-eq{display:flex;align-items:center;gap:2.5px;height:14px}
.mik-eq i{width:2.5px;height:100%;border-radius:9999px;background:currentColor;
  animation:eq-sprett .9s ease-in-out infinite}
.mik-eq i:nth-child(2){animation-delay:.15s}
.mik-eq i:nth-child(3){animation-delay:.3s}

@keyframes eq-sprett{
  0%,100%{transform:scaleY(.35)}
  50%    {transform:scaleY(1)}
}
@media (prefers-reduced-motion:reduce){
  .mik-eq i{animation:none;transform:scaleY(.7)}
}

.boks{

  box-shadow: 0 0 0 1px transparent, var(--skygge-kort);
  transition: box-shadow .15s var(--ease-in-out);
}
.boks:focus-within{
  box-shadow: 0 0 0 1px var(--kant-tung), var(--skygge-kort);
}

.send{
  transition: background-color .2s var(--ease-in-out),
              color            .2s var(--ease-in-out),
              transform        .2s var(--ease-in-out);
}
.send:active:not(:disabled){ transform: scale(.96) }

@media (prefers-reduced-motion:reduce){
  .boks,.send{ transition: none }
  .send:active:not(:disabled){ transform: none }
}

@media (prefers-reduced-motion:reduce){.boks{transition:none}}

.kbtn{color:var(--tekst-3)}

.kbtn{transition:background-color .15s var(--ease-in-out),
                 color .15s var(--ease-in-out),
                 transform .15s var(--ease-in-out)}

.kbtn:active:not(:disabled),

@media (prefers-reduced-motion:reduce){
  .kbtn,.send{transition:none}
  .kbtn:active:not(:disabled),.send:active:not(:disabled){transform:none}
}

#pluss>svg{width:16px;height:16px}
#mik>svg{width:15px;height:15px}
#ikon-send{width:16px;height:16px}

.kode{
  border:0;
  border-radius:var(--radius-card);
  box-shadow:var(--skygge-kort);
}

.kode-topp{
  background:var(--komp-flate);
  border-bottom:1px solid var(--kant);
  padding:10px 12px;
}

.kode-topp > span{
  font-size:11.5px;
  color:var(--tekst-3);
}

.kode-kopi{
  height:24px;
  padding:0 6px;
  gap:4px;
  font-size:11.5px;
  font-weight:var(--vekt-md);
  color:var(--tekst-3);
  transition-duration:.1s;
}

.kode-kopi svg{width:10px;height:10px}

.kode-kopi:hover{
  background:var(--hover-rad);
  color:var(--tekst);
}

.kode pre{padding:10px 12px}
.kode code{font-size:11.5px;line-height:1.7}

.lk-kort{
  background:var(--flate-2);
  box-shadow:var(--skygge-popover);
}

html[data-tema=light] .lk-kort{ box-shadow:var(--skygge-popover) }

.lk-topp{ padding:10px 12px; border-bottom:1px solid var(--kant) }

.lk-kropp{ padding:8px 12px 12px }

.lk-tit{ font-size:13px }
.lk-dato{ font-size:12px }

.lk-kopi,.lk-pil{
  transition:background-color .1s var(--ease-in-out),
             color .1s var(--ease-in-out);
}
.lk-kopi:hover,.lk-pil:hover{ background:var(--hover-rad); color:var(--tekst) }

.lk-kopi.ok{ color:var(--ok) }

.md .tabellramme th{color:var(--tekst-2)}

.md .tabellramme{max-height:438px;overflow-y:auto}

.md .tabellramme td{transition:background-color .12s var(--ease-out),
  color .12s var(--ease-out)}

.tabell-verktoy{transition:opacity .16s var(--ease-out)}

.tabell-verktoy button{transition:background-color .14s var(--ease-out-strong),
  color .14s var(--ease-out-strong),transform .14s var(--ease-out-strong)}
.tabell-verktoy button:hover{background:var(--hover-rad)}
.tabell-verktoy button:active{transform:scale(.96)}

.rad-li > .rad[aria-current=true] .rad-tx{ font-weight: var(--vekt-md) }

.rad-li > .rad{
  transition: background-color .15s var(--ease-in-out),
              color            .15s var(--ease-in-out),
              border-color     .15s var(--ease-in-out),
              opacity          .15s var(--ease-in-out),
              transform        .15s var(--ease-in-out);
}
.rad-li > .rad:active{ transform: scale(.96) }

.rad-li .radknapp{
  transition: opacity          .1s var(--ease-in-out),
              color            .1s var(--ease-in-out),
              background-color .1s var(--ease-in-out);
}

@media (prefers-reduced-motion: reduce){
  .rad-li > .rad{ transition: none }
  .rad-li > .rad:active{ transform: none }
  .rad-li .radknapp{ transition: none }
}

.sok-rad{
  min-height:32px;
  padding:6px 8px;
  border-radius:var(--radius-chip);
  font-size:13px;
}

@media(pointer:coarse){
  .sok-rad{min-height:44px}
}

@media (prefers-reduced-motion:no-preference){
  .sok-rad{
    transition:background-color .1s var(--ease-in-out),
               color .1s var(--ease-in-out),
               border-color .1s var(--ease-in-out),
               opacity .1s var(--ease-in-out);
  }

  .sok-rad{animation:innhold-inn .2s var(--ease-out) both}
}

.sokfelt-rad{
  gap:8px;
  padding:4px 12px;
  border-bottom-color:var(--kant);
}

.sokfelt-rad>svg{width:14px;height:14px;stroke-width:2}

.sokfelt{font-size:13px}
@media(pointer:coarse){.sokfelt{font-size:16px}}

.sokliste{padding:4px}

.sokboks{border:0}

@media(hover:hover){
  .sokfelt-rad{transition:background-color .1s var(--ease-in-out)}
  .sokfelt-rad:hover{background:var(--hover-rad)}
}

.merk-kn{ gap:4px; font-size:12px }

@media (pointer: coarse){ .merk-kn{ font-size:14px } }

.merk-kn svg,
.merk-kn:hover svg{ opacity:1 }

.merk-kn{
  transition: background-color .15s var(--ease-in-out),
              color .15s var(--ease-in-out),
              transform .15s var(--ease-in-out);
}

.merk-kn:active{ transform:scale(.96) }

@keyframes merk-inn{
  from{ opacity:0; transform:scale(.95) }
  to  { opacity:1; transform:scale(1) }
}
.merk-verk:not([hidden]){ animation:.22s var(--ease-out-strong) merk-inn }

@media (prefers-reduced-motion: reduce){
  .merk-verk:not([hidden]){ animation:none }
  .merk-kn{ transition:none }
  .merk-kn:active{ transform:none }
}

.tl .tl-panel,
.tl .tl-barn{ transition: height .3s var(--ease-link) }

@media (prefers-reduced-motion: reduce){
  .tl .tl-panel,
  .tl .tl-barn{ transition: none }
}

.tl .tl-barnrad{ align-items: center }

.tl .tl-topp .tl-etikett{
  font-size: 13px;
  font-weight: var(--vekt-md);
  color: var(--tekst);
}

.tl .tl-barnrad .tl-etikett{ font-size: 12px }

.tl .tl-barnrad .tl-verdi{ font-size: 11.5px }

.tl .tl-etikett,
.tl .tl-verdi{ transition: color .1s var(--ease-in-out) }

.melding>.status-boks .status-rad:not(.ferdig)::before{
  --cel:linear-gradient(currentColor,currentColor);
  width:15px;height:15px;border-radius:0;flex:none;
  -webkit-mask-image:var(--cel),var(--cel),var(--cel),var(--cel),var(--cel),
                     var(--cel),var(--cel),var(--cel),var(--cel);
          mask-image:var(--cel),var(--cel),var(--cel),var(--cel),var(--cel),
                     var(--cel),var(--cel),var(--cel),var(--cel);
  -webkit-mask-size:4px 4px;         mask-size:4px 4px;
  -webkit-mask-repeat:no-repeat;     mask-repeat:no-repeat;
  -webkit-mask-position:0 0,5.5px 0,11px 0,0 5.5px,5.5px 5.5px,11px 5.5px,
                        0 11px,5.5px 11px,11px 11px;
          mask-position:0 0,5.5px 0,11px 0,0 5.5px,5.5px 5.5px,11px 5.5px,
                        0 11px,5.5px 11px,11px 11px;
  background:color-mix(in srgb,currentColor 15%,transparent)
             radial-gradient(circle 8px at 50% 50%,currentColor 0%,transparent 72%)
             no-repeat;
  animation:pikselboelge 650ms ease-in-out infinite;
  opacity:1;
}

@media (prefers-reduced-motion:reduce){
  .prikker i{animation:none;opacity:.45}
  .melding>.status-boks .status-rad:not(.ferdig)::before{
    animation:none;
    background:color-mix(in srgb,currentColor 15%,transparent);
  }
}

@media (prefers-contrast: more){
  :root,html[data-tema=dark]{--tekst-3:#a5a8ad}
  html[data-tema=light]{--tekst-3:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: light){
  html[data-tema=system]{--tekst-3:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark){
  html[data-tema=system]{--tekst-3:#a5a8ad}
}

@media (min-width:48rem){
  .side{transition:none}
}
@media (max-width:47.99rem){
  .side{transition:transform .22s var(--ease-out-strong)}
  .side.apen{transform:none}
}

@media (pointer:coarse){
  .oppfolg-rad{padding-block:12px;min-height:44px}
}

.sitat-ring{border-radius:3px}
.sitat-ring img{border-radius:2px}

:root,html[data-tema=dark]{--tekst-3:#888b92}
html[data-tema=light]{--tekst-3:#707379}
@media (prefers-color-scheme: light){
  html[data-tema=system]{--tekst-3:#707379}
}
@media (prefers-color-scheme: dark){
  html[data-tema=system]{--tekst-3:#888b92}
}

@media (prefers-contrast: more){
  :root,html[data-tema=dark]{--tekst-3:#a5a8ad}
  html[data-tema=light]{--tekst-3:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: light){
  html[data-tema=system]{--tekst-3:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark){
  html[data-tema=system]{--tekst-3:#a5a8ad}
}

.merk-verk[data-flytt="1"]{ transition: left .32s var(--ease-out-strong) }

.merk-verk .merk-kn,
.merk-verk .merk-mer,
.merk-verk .merk-skille{ flex: 0 0 auto }

.merk-verk .merk-mer{
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  max-width: 0;
  opacity: 0;
  margin-left: -2px;
  overflow: hidden;
  transition: max-width .4s var(--ease-out-strong),
              opacity   .4s var(--ease-out-strong),
              margin-left .4s var(--ease-out-strong);
}

.merk-verk .merk-skille{
  width: 1px;
  height: 16px;
  background: var(--kant);
  margin: 0 2px;
}

.merk-kn.merk-vend{
  width: 28px;
  padding: 0;
  justify-content: center;
  transition: background-color .2s var(--ease-in-out),
              transform .2s var(--ease-in-out);
}

@media (pointer: coarse){
  .merk-kn.merk-vend{ width: 36px }
}

.merk-verk .merk-vend-ikon{
  display: flex;
  transform: rotate(0deg);
  transition: transform .4s var(--ease-out-strong);
}

.merk-verk[data-apen="1"] .merk-vend-ikon{ transform: rotate(180deg) }

@media (max-width: 26rem){
  .merk-verk .merk-mer .merk-kn{
    width: 28px;
    padding: 0;
    justify-content: center;
  }
  .merk-verk .merk-mer .merk-kn > span{ display: none }
}
@media (max-width: 26rem) and (pointer: coarse){
  .merk-verk .merk-mer .merk-kn{ width: 36px }
}

@media (prefers-reduced-motion: reduce){
  .merk-verk[data-flytt="1"]{ transition: none }
  .merk-verk .merk-mer{ transition: none }
  .merk-kn.merk-vend{ transition: none }
  .merk-verk .merk-vend-ikon{ transition: none }
}

.md .tabellramme .tabell-sortpil{color:var(--tekst-2)}
.avkl-lukk,.avkl-pil{color:var(--tekst-2)}
.avkl-punkt{border-color:var(--tekst-2)}

@media (pointer:coarse){
  .md .tabellramme .tabell-sortpil{opacity:1}
}

@media (pointer:coarse){
  .ik-serie-kn{min-height:32px}
  .ik-serier{gap:6px}
  .kode-kopi{min-height:44px;padding-inline:10px}
}

.melding>.status-boks .status-rad::before{width:15px;height:15px}
.melding>.status-boks{padding-left:10px}

@media (prefers-reduced-motion:reduce){
  .tl .tl-panel,.tl .tl-barn,
  .tl .tl-topp-chevron,
  .tl .tl-bytt .tl-ikon,.tl .tl-bytt .tl-chevron,
  .tl .tl-rad{transition:none;animation:none}
  .boks::after{transition:none}
}

@media (max-width:34rem){
  .hoved.tom.fv-rull #malvis-bilde,#malvis-bilde{max-height:52vh}
  .hoved.tom.fv-rull .fv-maler{gap:16px 12px}
  .hoved.tom.fv-rull .fv-mal b{font-size:12px}
}
@media (max-width:560px){
  .evnerad{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
           scroll-snap-type:x proximity}
}

.boks:focus-within::after{border-color:transparent}

.tilbunn{
  background:var(--flate-2);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:var(--skygge-hevet);
}
.tilbunn:hover{background:var(--flate-3)}

.mb-cta-knapp{background:linear-gradient(135deg,#1a6fe8,#0072ec)}

:root,html[data-tema=dark]{--fokusring:#888b92}
html[data-tema=light]{--fokusring:#707379}
@media (prefers-color-scheme: light){
  html[data-tema=system]{--fokusring:#707379}
}
@media (prefers-color-scheme: dark){
  html[data-tema=system]{--fokusring:#888b92}
}

@media (prefers-contrast: more){
  :root,html[data-tema=dark]{--fokusring:#a5a8ad}
  html[data-tema=light]{--fokusring:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: light){
  html[data-tema=system]{--fokusring:#62656b}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark){
  html[data-tema=system]{--fokusring:#a5a8ad}
}
.boks:focus-within{box-shadow:0 0 0 1px var(--fokusring), var(--skygge-kort)}

.boks.bs-over{box-shadow:0 0 0 1px transparent, var(--skygge-kort)}

.handl .hbtn{position:relative}

@media (forced-colors: active){
  .boks:focus-within{border-color:Highlight}
}

@media (pointer: coarse){
  .innst-skyv::-webkit-slider-thumb{width:28px;height:28px}
  .innst-skyv::-moz-range-thumb{width:28px;height:28px}
}

@media (pointer: coarse){
  .topp .knapp{min-height:44px}
}

@media (pointer: coarse){
  .plugg-bryter::after{
    content:"";position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);width:44px;height:44px}
}

@media print{
  :root,
  html[data-tema=dark],
  html[data-tema=light],
  html[data-tema=system]{
    --tekst:#000; --tekst-2:#333; --tekst-3:#555; --tekst-4:#666;
    --flate:#fff; --flate-side:#fff; --flate-2:#fff; --flate-3:#fff;
    --flate-hover:#fff; --boble:#fff; --felt:#fff; --innfelt:#fff;
    --lerret:#fff; --komp-flate:#fff; --modal-bg:#fff;
    --stripe-bg:#f6f6f6; --kode-bg:#f4f4f4; --kode-tekst:#000;
    --plassholder:#666; --side-ikon:#333;
    --kant:#bbb; --kant-tung:#888; --kant-lett:#0000001a;
    --lenke:#0645ad; --lenke-hover:#0645ad;
    --aksent:#0645ad; --aksent-tekst:#0645ad;
    --fyll-bg:#000; --fyll-tx:#fff; --fyll-bg-h:#000;
    --status-ok-tx:#0a5c2a; --status-adv-tx:#7a4a10; --status-feil-tx:#8f1f1c;
    --tekst-fare:#8f1f1c; --tekst-feil:#8f1f1c;
    --fare:#8f1f1c; --ok:#0a5c2a; --varsel:#7a4a10;
  }
  body{background:#fff}

  .kode-kopi{display:none}
}

@media (max-width: 359px){
  .topp .knapp{padding-inline:11px}
}

@media (prefers-contrast: more){
  :root,html[data-tema=dark]{--tekst-2:#b6b9be; --tekst-3:#a0a3aa}
  html[data-tema=light]{--tekst-2:#43464c; --tekst-3:#53565c}
}
@media (prefers-contrast: more) and (prefers-color-scheme: light){
  html[data-tema=system]{--tekst-2:#43464c; --tekst-3:#53565c}
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark){
  html[data-tema=system]{--tekst-2:#b6b9be; --tekst-3:#a0a3aa}
}

:root,html[data-tema=dark]{--fare:#f26065}
html[data-tema=light]{--fare:#c92d32}
@media (prefers-color-scheme: light){
  html[data-tema=system]{--fare:#c92d32}
}
@media (prefers-color-scheme: dark){
  html[data-tema=system]{--fare:#f26065}
}

@media (forced-colors: active){
  .kode{border:1px solid CanvasText}
  .send{border:1px solid CanvasText}
  .rad[aria-current="true"]{background:Highlight;color:HighlightText}
}

.hoved.tom > h1.skjult{display:none}

.app{transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}
.app.kollapser{grid-template-columns:var(--skinne) minmax(0,1fr) var(--detalj-bredde,0px)}

.side.fader{overflow:hidden}
.side.fader > *{
  width:var(--frys);
  flex:0 0 auto;
  opacity:0;
  transition:opacity .15s cubic-bezier(.4,0,.2,1)}

.app.lukket.skinne-inn .side-topp,
.app.lukket.skinne-inn .fastrader,
.app.lukket.skinne-inn .skinne-avatar{animation:skinne-inn .15s cubic-bezier(.4,0,.2,1) backwards}
.app.lukket.skinne-inn .side-bunn{animation:skinne-tone .15s cubic-bezier(.4,0,.2,1) backwards}
@keyframes skinne-inn{from{opacity:0;transform:translateX(45px)}}
@keyframes skinne-tone{from{opacity:0}}

.app.bred-inn .rad-tx,
.app.bred-inn .bunn-tx{animation:bred-inn .2s cubic-bezier(.4,0,.2,1)}
@keyframes bred-inn{from{opacity:0}}

@media (prefers-reduced-motion:reduce){
  .app{transition:none}
  .side.fader{overflow:hidden}
  .side.fader > *{width:auto;flex:initial;opacity:1;transition:none}
  .app.lukket.skinne-inn .side-topp,
  .app.lukket.skinne-inn .fastrader,
  .app.lukket.skinne-inn .skinne-avatar,
  .app.lukket.skinne-inn .side-bunn,
  .app.bred-inn .rad-tx,
  .app.bred-inn .bunn-tx{animation:none}
}