@layer theme,base;@layer components{.mk .kr-knapp{border-radius:var(--r-pille);background:var(--papir);height:30px;color:var(--blekk);white-space:nowrap;align-items:center;padding-inline:12px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.mk .kr-knapp--primaer{background:var(--blekk);color:#fff}.mk .kr-k-paminnelse{width:320px;top:calc(50% - 300px);right:-12px}.mk .kr-k-tone{width:380px;padding:18px 22px 20px 150px;top:calc(50% + 60px);left:-110px}.mk .kr-k-tone__chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mk .kr-k-innlegg{width:440px;padding:16px 64px 18px 18px;top:calc(50% + 150px);right:-40px}.mk .kr-innlegg__topp{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.mk .kr-innlegg__avsender{color:var(--blekk);white-space:nowrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;line-height:1.25;display:inline-flex}.mk .kr-innlegg__avatar{background:var(--papir);width:26px;height:26px;color:var(--blekk);border-radius:50%;place-items:center;font-size:10px;font-weight:600;display:inline-grid}.mk .kr-innlegg__merke{opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:scale(.8)}.mk .kr-innlegg__merke.er-paa{opacity:1;transform:none}.mk .kr-innlegg__tekst{color:var(--blekk);text-wrap:pretty;margin-top:10px;font-size:13.5px;line-height:1.45}.mk .kr-innlegg__bilde{background:var(--papir);border-radius:12px;height:96px;margin-top:10px;overflow:hidden}.mk .kr-innlegg__bilde svg{opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);display:block}.mk .kr-innlegg__bilde.er-inne svg{opacity:1}.mk .kr-innlegg__bilde svg *,.mk .kr-felt__bilde svg *{vector-effect:non-scaling-stroke}.mk .kr-innlegg__bunn{margin-top:12px;display:grid}.mk .kr-innlegg__bunn>*{transition:opacity .3s var(--ease);grid-area:1/1;justify-self:start}.mk .kr-innlegg__handlinger{gap:8px;display:flex}.mk .kr-innlegg__bunn .er-ute{opacity:0}@media (prefers-reduced-motion:reduce){.mk .kr-innlegg__merke,.mk .kr-innlegg__bilde svg,.mk .kr-innlegg__bunn>*{transition:none}}.mk .kr-skriver{padding:22px 26px 24px}.mk .kr-skriver__topp{border-bottom:1px solid var(--linje);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.mk .kr-skriver__tittel{letter-spacing:-.01em;color:var(--blekk);font-size:17px}.mk .kr-skriver__meta{color:var(--dempet);white-space:nowrap;font-size:13px}.mk .kr-skriver__rutenett{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.mk .kr-felt{flex-direction:column;gap:8px;min-width:0;display:flex}.mk .kr-felt__etikett{color:var(--blekk);font-size:13px;font-weight:500;line-height:1.3}.mk .kr-felt__boks{border:1px solid var(--linje);min-height:112px;color:var(--blekk);text-wrap:pretty;border-radius:12px;flex:auto;padding:12px 14px;font-size:14px;line-height:1.5}.mk .kr-felt__bilde{background:var(--papir);border-radius:12px;flex:auto;min-height:112px;overflow:hidden}.mk .kr-felt__bilde svg{width:100%;height:100%;display:block}.mk .kr-felt__knapper{flex-wrap:wrap;gap:8px;display:flex}.mk .kr-felt--naar{border-top:1px solid var(--linje);margin-top:20px;padding-top:18px}.mk .kr-felt__dato{flex-wrap:wrap;gap:8px;display:flex}.mk .kr-felt__verdi{border:1px solid var(--linje);height:36px;color:var(--blekk);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;padding-inline:12px;font-size:14px;display:inline-flex}.mk .kr-felt__hint{color:var(--dempet);font-size:13px;line-height:1.45}.mk .kr-skriver__bunn{flex-direction:column;gap:10px;margin-top:18px;display:flex}.mk .kr-skriver__lagret{color:var(--brod);text-wrap:pretty;font-size:13px;line-height:1.45}.mk .kr-sig .fs-steg__navn{text-wrap:pretty}.mk .kr-mkort__handlinger{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:860px){.mk .kr-k-tone{padding-left:64px}.mk .kr-innlegg__topp,.mk .kr-innlegg__handlinger{flex-wrap:wrap;row-gap:8px}.mk .kr-skriver{padding:20px 18px 22px}.mk .kr-skriver__rutenett{grid-template-columns:minmax(0,1fr);gap:18px}.mk .kr-felt__boks{min-height:0}.mk .kr-felt__bilde{flex:none;height:140px}.mk .kr-knapp{height:36px}}}@layer utilities;
